You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
114 lines
3.5 KiB
HTML
114 lines
3.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta name="description" content="">
|
|
<link rel="icon" type="image/png" href="/public/favicon.png">
|
|
<link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" type="text/css" href="/public/layout.css">
|
|
<link rel="stylesheet" type="text/css" href="/public/card.css">
|
|
<title>Stavebniny</title>
|
|
</head>
|
|
|
|
<body>
|
|
<section class="index-grid-container">
|
|
<section class="index-logo">
|
|
<a href="/">Stavebniny</a>
|
|
</section>
|
|
<section class="index-top_menu">
|
|
<nav>
|
|
<a href="/" class="katalog">Katalog</a>
|
|
<a href="#" class="vyhledavani">Vyhledávání</a>
|
|
<a href="/kontakty.html" class="kontakt active">Kontakt</a>
|
|
<a href="#" class="o-spolecnosti">O společnosti</a>
|
|
</nav>
|
|
</section>
|
|
<section class="index-content">
|
|
<div class="kontakt-grid-container">
|
|
<div class="kontakt-top">
|
|
<h1>Konktaktní informace</h1>
|
|
</div>
|
|
<div class="kontakt-informace">
|
|
<table>
|
|
<tr>
|
|
<th>Email:</th>
|
|
<td><a href="mailto:email@domena.tld">email@domena.tld</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Telefon:</th>
|
|
<td><a href="tel:123456789">123456789</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Fax:</th>
|
|
<td><a href="tel:123456789">123456789</a></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Adresa:</th>
|
|
<td>Nábřeží Edvarda Beneše 4</td>
|
|
</tr>
|
|
<tr>
|
|
<th></th>
|
|
<td>Malá Strana</td>
|
|
</tr>
|
|
<tr>
|
|
<th></th>
|
|
<td>Praha 1</td>
|
|
</tr>
|
|
<tr>
|
|
<th></th>
|
|
<td>Česká republika</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="kontakt-mapa">
|
|
<iframe
|
|
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2559.6912107195794!2d14.4096620164851!3d50.09206797942753!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x470b94e75b148c4f%3A0x2bda44f19fec4d2c!2sGovernment%20Office!5e0!3m2!1sen!2scz!4v1587920185203!5m2!1sen!2scz"
|
|
frameborder="0"
|
|
style="border:0;"
|
|
allowfullscreen=""
|
|
aria-hidden="false"
|
|
tabindex="0"
|
|
class="map">
|
|
</iframe>
|
|
</div>
|
|
<div class="kontakt-form">
|
|
<form>
|
|
<label>Kontaktní formulář</label>
|
|
<div class="input search_bar">
|
|
<input type="email" placeholder="Váš email">
|
|
</div>
|
|
<div class="input search_bar">
|
|
<input type="text" placeholder="Předmět">
|
|
</div>
|
|
<div class="select sorting">
|
|
<select>
|
|
<option>Kategorie</option>
|
|
<option>Otázka na produkt</option>
|
|
<option></option>
|
|
<option>Jiné</option>
|
|
</select>
|
|
</div>
|
|
<div class="input search_bar">
|
|
<textarea type="text" placeholder="Obsah zprávy"></textarea>
|
|
</div>
|
|
<button type="submit" form="form1" value="Submit" class="btn">Odeslat</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="index-side_menu">
|
|
</section>
|
|
<section class="index-footer">
|
|
<p>Stavebniny © 2020, všechna práva vyhrazena</p>
|
|
</section>
|
|
</section>
|
|
|
|
<!--<section id="app"></section>-->
|
|
<!--<script type="module">-->
|
|
<!-- import init from '/pkg/package.js';-->
|
|
<!-- init('/pkg/package_bg.wasm');-->
|
|
<!--</script>-->
|
|
</body>
|
|
</html>
|