mirror of
https://github.com/Max-Stevenson/jurassic-park-interface.git
synced 2024-10-16 05:23:50 +00:00
0acf32729b
- Started working on room info components.
66 lines
2.6 KiB
HTML
66 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="stylesheet" type="text/css" href="app.css" />
|
|
</head>
|
|
<body>
|
|
<div class="outer-container__one">
|
|
<div class="outer-container__two">
|
|
<div class="inner-container__one">
|
|
<div class="inner-container__two">
|
|
<div class="outer-container__one" id="map-display">
|
|
<div class="outer-container__two">
|
|
<h1>SYSTEM SECURED</h1>
|
|
<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">
|
|
<h3></h3>
|
|
</div>
|
|
<div class="room-info__level-display">
|
|
<p class="room-info__level-text">LEVEL</p>
|
|
<p class="room-info__level-number">2</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|