39 lines
1.2 KiB
HTML
39 lines
1.2 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<main id="preview" class="hidden">
|
||
<section class="preview-bar">
|
||
<button id="previous" class="arrow" aria-label="Vorherige Wohnung">‹</button>
|
||
<div class="preview-copy">
|
||
<small id="building">DEVX IMMOBILIEN</small>
|
||
<strong id="label">Wohnung</strong>
|
||
<span id="meta">Etage · Stil</span>
|
||
</div>
|
||
<button id="buy" class="buy">
|
||
<span id="buyText">KAUFEN</span>
|
||
<b id="price">0 $</b>
|
||
</button>
|
||
<button id="next" class="arrow" aria-label="Nächste Wohnung">›</button>
|
||
<button id="previewClose" class="close">×</button>
|
||
</section>
|
||
</main>
|
||
|
||
<main id="panel" class="hidden overlay">
|
||
<section class="panel-card">
|
||
<button id="panelClose" class="close panel-close">×</button>
|
||
<small id="panelEyebrow">DEVX-CITY</small>
|
||
<h1 id="panelTitle">Aufzug</h1>
|
||
<p id="panelText"></p>
|
||
<div id="panelBody" class="panel-body"></div>
|
||
</section>
|
||
</main>
|
||
|
||
<script src="app.js"></script>
|
||
</body>
|
||
</html>
|