landingpage/public/elements/form/index.html

152 lines
4.9 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Form | Freifunk-Leipzig</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="/style.css" /></head>
<body class="is-preload">
<div id="page-wrapper">
<header id="header">
<h1>Freifunk-Leipzig</h1>
<nav id="nav">
<ul>
<li><a href="/" >Home</a></li>
<li><a href="/blog/" >Blog</a></li>
<li><a href="https://next.dezentrale.cloud/nextcloud/apps/calendar/p/fMxrf4srxN65TpcW/dayGridMonth/now">Kalender</a></li>
<li>
<a href="#" class="icon solid fa-angle-down">Karten</a>
<ul><li><a href="/map">Meshviewer</a></li></ul>
</li>
<li>
<a href="#" class="icon solid fa-angle-down">Firmware</a>
<ul><li><a href="/gluon/">Gluon</a></li></ul>
</li>
<li>
<a href="#" class="icon solid fa-angle-down">Kontakt</a>
<ul><li><a href="https://freifunk.net/impressum/">Impressum</a></li><li><a href="https://freifunk.net/datenschutz/">Datenschutz</a></li></ul>
</li>
</ul>
</nav>
</header><section id="main" class="container ">
<header>
<h2>Form</h2>
</header>
<div class="box">
<h3 id="hahahugoshortcode-s0-hbhb">Form</h3>
<form method="post" action="#">
<div class="row gtr-uniform">
<div class="col-6 col-12-xsmall">
<input type="text" name="demo-name" id="demo-name" value="" placeholder="Name" />
</div>
<div class="col-6 col-12-xsmall">
<input type="email" name="demo-email" id="demo-email" value="" placeholder="Email" />
</div>
<div class="col-12">
<select name="demo-category" id="demo-category">
<option value="">- Category -</option>
<option value="1">Manufacturing</option>
<option value="1">Shipping</option>
<option value="1">Administration</option>
<option value="1">Human Resources</option>
</select>
</div>
<div class="col-4 col-12-small">
<input type="radio" id="demo-priority-low" name="demo-priority" checked>
<label for="demo-priority-low">Low</label>
</div>
<div class="col-4 col-12-small">
<input type="radio" id="demo-priority-normal" name="demo-priority">
<label for="demo-priority-normal">Normal</label>
</div>
<div class="col-4 col-12-small">
<input type="radio" id="demo-priority-high" name="demo-priority">
<label for="demo-priority-high">High</label>
</div>
<div class="col-6 col-12-small">
<input type="checkbox" id="demo-copy" name="demo-copy">
<label for="demo-copy">Email me a copy</label>
</div>
<div class="col-6 col-12-small">
<input type="checkbox" id="demo-human" name="demo-human" checked>
<label for="demo-human">I am a human</label>
</div>
<div class="col-12">
<textarea name="demo-message" id="demo-message" placeholder="Enter your message" rows="6"></textarea>
</div>
<div class="col-12">
<ul class="actions">
<li><input type="submit" value="Send Message" class="primary" /></li>
<li><input type="reset" value="Reset" /></li>
</ul>
</div>
</div>
</form>
<hr>
<form method="post" action="#">
<div class="row gtr-uniform gtr-50">
<div class="col-9 col-12-mobilep">
<input type="text" name="query" id="query" value="" placeholder="Query" />
</div>
<div class="col-3 col-12-mobilep">
<input type="submit" value="Search" class="fit" />
</div>
</div>
</form>
</div>
</section>
<footer id="footer">
<ul class="icons">
<li><a href="https://de-de.facebook.com/FreifunkLeipzig" class="icon brands fa-facebook-f"><span class="label">facebook</span></a></li>
<li><a href="https://twitter.com/freifunk_l?lang=de" class="icon brands fa-twitter"><span class="label">twitter</span></a></li>
<li><a href="https://github.com/freifunk-leipzig" class="icon brands fa-github"><span class="label">github</span></a></li>
</ul>
<ul class="copyright">
<li>© Untitled. All rights reserved.</li>
<li>Design: <a href="http://html5up.net/">HTML5 UP</a></li>
<li>Hugo Port: <a href="https://nelsonroberto.com/">Nelson/Roberto</a></li>
</ul>
</footer></div>
<script src="https://freifunk-leipzig.de/js/jquery.min.js"></script>
<script src="https://freifunk-leipzig.de/js/jquery.dropotron.min.js"></script>
<script src="https://freifunk-leipzig.de/js/jquery.scrollex.min.js"></script>
<script src="https://freifunk-leipzig.de/js/browser.min.js"></script>
<script src="https://freifunk-leipzig.de/js/breakpoints.min.js"></script>
<script src="https://freifunk-leipzig.de/js/util.js"></script>
<script src="https://freifunk-leipzig.de/js/main.js"></script></body>
</html>