2020-05-26 20:19:44 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
2020-06-01 14:33:53 +00:00
|
|
|
<link rel="stylesheet" type="text/css" href="public/stylesheets/styles.css" />
|
2020-05-26 20:19:44 +00:00
|
|
|
</head>
|
|
|
|
<body>
|
2020-06-01 14:33:53 +00:00
|
|
|
<div class="outer-edge__light">
|
|
|
|
<div class="inner-edge__light">
|
2020-05-26 20:19:44 +00:00
|
|
|
<div class="inner-container__one">
|
2020-05-29 18:22:51 +00:00
|
|
|
<div class="inner-container__two" id="grid-container">
|
2020-05-27 10:25:27 +00:00
|
|
|
<div class="outer-container__one" id="map-display">
|
|
|
|
<div class="outer-container__two">
|
2020-05-28 13:49:52 +00:00
|
|
|
<div class="map-display__container">
|
|
|
|
<div class="map-display__system-wrapper">
|
|
|
|
<h1 id="sys-one" class="map-display__system-status">
|
|
|
|
SYSTEM SECURED
|
|
|
|
</h1>
|
|
|
|
</div>
|
|
|
|
<div class="map-display__center-section">
|
|
|
|
<div class="map-display__system-wrapper">
|
|
|
|
<h1 id="sys-two" class="map-display__system-status">
|
|
|
|
SYSTEM SECURED
|
|
|
|
</h1>
|
|
|
|
</div>
|
|
|
|
<div class="map-display__system-wrapper">
|
|
|
|
<h1 id="sys-three" class="map-display__system-status">
|
|
|
|
SYSTEM SECURED
|
|
|
|
</h1>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="map-display__system-wrapper">
|
|
|
|
<h1 id="sys-four" class="map-display__system-status">
|
|
|
|
SYSTEM SECURED
|
|
|
|
</h1>
|
|
|
|
</div>
|
|
|
|
</div>
|
2020-05-27 10:25:27 +00:00
|
|
|
<div class="room-info__container">
|
|
|
|
<div class="room-info__level-display">
|
|
|
|
<p class="room-info__level-text">LEVEL</p>
|
|
|
|
<p class="room-info__level-number">2</p>
|
|
|
|
</div>
|
|
|
|
<div class="room-info__title-container">
|
2020-05-28 11:07:12 +00:00
|
|
|
<h3 class="room-info__title">Control Room / Plan View</h3>
|
2020-05-28 13:49:52 +00:00
|
|
|
<p class="room-info__subtitle">
|
|
|
|
drawing number - 305pcoffintunaphooter
|
|
|
|
</p>
|
2020-05-27 10:25:27 +00:00
|
|
|
</div>
|
|
|
|
<div class="room-info__level-display">
|
|
|
|
<p class="room-info__level-text">LEVEL</p>
|
|
|
|
<p class="room-info__level-number">2</p>
|
|
|
|
</div>
|
2020-05-26 20:19:44 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2020-05-27 10:25:27 +00:00
|
|
|
</div>
|
|
|
|
<div class="outer-container__one" id="console-display">
|
|
|
|
<div class="outer-container__two">
|
|
|
|
<div class="inner-container__one">
|
|
|
|
<div class="inner-container__two">
|
|
|
|
<div class="console-display__wrapper">
|
|
|
|
<div class="screen-container__wrapper">
|
|
|
|
<div class="screen-container__outer">
|
|
|
|
<p class="screen-container__text">SCREEN</p>
|
|
|
|
</div>
|
|
|
|
<div class="triangle-wrapper">
|
|
|
|
<div class="outer-triangle__right"></div>
|
|
|
|
<div class="inner-triangle__right"></div>
|
|
|
|
</div>
|
|
|
|
<div class="buffer"></div>
|
|
|
|
</div>
|
|
|
|
<div class="island-container__wrapper">
|
|
|
|
<div class="triangle-wrapper" id="island-triangle">
|
|
|
|
<div class="outer-triangle__left"></div>
|
|
|
|
<div class="inner-triangle__left"></div>
|
|
|
|
</div>
|
|
|
|
<div class="island-container__outer">
|
|
|
|
<p class="island-container__text">
|
|
|
|
Isla Nubar, Costa Rica
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2020-05-26 20:19:44 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2020-05-31 23:27:10 +00:00
|
|
|
<div class="outer-container__one" id="control-panel">
|
|
|
|
<div class="outer-container__two">
|
|
|
|
<div class="control-pannel__button-display">
|
|
|
|
<div class="button-display__button">
|
2020-06-01 00:25:53 +00:00
|
|
|
<p class="button-text__embossed">VEHICLE</p>
|
|
|
|
</div>
|
|
|
|
<div class="outer-container__one buttons">
|
|
|
|
<div class="outer-container__two">
|
|
|
|
<p class="button-text__engraved">TOUR</p>
|
|
|
|
</div>
|
2020-05-31 23:27:10 +00:00
|
|
|
</div>
|
2020-06-01 14:33:53 +00:00
|
|
|
<div class="outer-container__one buttons">
|
|
|
|
<div class="outer-container__two">
|
|
|
|
<p class="button-text__engraved">POWER</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="outer-container__one buttons">
|
|
|
|
<div class="outer-container__two">
|
|
|
|
<p class="button-text__engraved">TIME</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="control-pannel__video-screen">
|
|
|
|
|
2020-05-31 23:27:10 +00:00
|
|
|
</div>
|
|
|
|
<div class="control-pannel__button-control"></div>
|
|
|
|
<div class="control-pannel__button-display"></div>
|
|
|
|
<div class="control-pannel__output-display"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="outer-container__one" id="system-icons">
|
|
|
|
<div class="outer-container__two"></div>
|
|
|
|
</div>
|
2020-05-26 20:19:44 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|