Select Git revision
Forked from
TO / Weby / Voter cards
25 commits behind the upstream repository.
-
Tomáš Hozman authoredTomáš Hozman authored
index.html 3.71 KiB
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Author: Tomáš Valenta, https://blog.imaniti.org -->
<title>Voličské průkazy</title>
<meta name="description" content="Vol si jak chceš, kde chceš. My ti to zjednodušíme.">
<meta property="og:type" content="website">
<meta property="og:title" content="Voličské průkazy">
<meta property="og:description" content="Vol si jak chceš, kde chceš. My ti to zjednodušíme.">
<meta property="og:image" content="https://prukazy.pirati.cz/static/images/banner.webp">
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="prukazy.pirati.cz">
<meta name="twitter:title" content="Voličské průkazy">
<meta name="twitter:description" content="Vol si jak chceš, kde chceš. My ti to zjednodušíme.">
<meta name="twitter:image" content="https://prukazy.pirati.cz/static/images/banner.webp">
<link
rel="stylesheet"
href="static/fonts/open-sans/style.css"
>
<link
rel="stylesheet"
href="static/css/geo-autocomplete.css"
>
<link
rel="stylesheet"
href="static/css/base.css"
>
<script
src="static/js/geo-autocomplete.min.js"
></script>
<link
rel="icon"
href="static/images/favicon.webp"
type="image/webp"
>
</head>
<body>
<header>
<div id="logo">
<img
src="static/images/favicon.webp"
alt="Logo Pirátské Strany"
width="55"
height="55"
>
<h1>Voličské průkazy</h1>
</div>
</header>
<main>
<div id="content">
<p id="intro-text">
<strong>Boilerplate text</strong> o tom, jak člověk nemusí sáhodlouze vyplňovat vytisknuté formuláře, uděláme to všechno za něj, i když to digitalizovaně zatím nejde kvůi bubu Babišovi. Nebo tak. Lorem ipsum et dolorem aut nihil repellat et numquam consequuntur? Sit quaerat maxime et voluptatem autem qui magnam eaque!
</p>
<div id="form-wrapper">
<div id="form-controls">
<div class="input-group input-group-2">
<input
type="text" id="name"
placeholder="Jméno *"
>
<input
type="text"
id="surname"
placeholder="Příjmení *"
>
</div>
<div class="input-single-with-label">
<label
for="birthday"
>Datum narození *</label>
<input
type="date"
id="birthday"
name="birthday"
>
</div>
<br>
<div
id="address-autocomplete"
aria-role="textbox"
class="autocomplete-container"
></div>
<input
type="text"
id="street"
placeholder="Ulice, popisné a orientační č. *"
>
<div class="input-group input-group-2">
<input
type="text"
id="city"
placeholder="Obec *"
>
<input
type="text"
id="zip"
placeholder="PSČ *"
>
</div>
<select
id="receiving-type"
>
<option>Vyzvednout osobně</option>
<option>Předat osobě, která se prokáže plnou mocí</option>
<option>Zaslat na adresu trvalého pobytu</option>
<option>Zaslat jinam</option>
</select>
<select
id="card-type"
>
<option>1. kolo</option>
<option>2. kolo</option>
</select>
<button>
Vydat žádost úřadu!
</button>
<small> <i>* Povinné</i>
</small>
</div>
<div id="form-preview">
</div>
</div>
</div>
</main>
<footer>
</footer>
<script
src="static/js/main.js"
></script>
</body>
</html>