forked from Freifunk-Leipzig/landingpage
167 lines
7.3 KiB
HTML
167 lines
7.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
|
|
|
|
|
|
<title>Elements | 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>Elements</h2>
|
|
</header>
|
|
<div class="row">
|
|
|
|
<div class="col-6 col-12-narrower">
|
|
<section class="box special">
|
|
|
|
<h3>Text</h3>
|
|
|
|
|
|
<p>Text This is bold and this is strong. This is italic and this is emphasized. This is superscript text and this is subscript text. This is underlined and this is code: for (;;) { ... }. Finally, this is a link.
|
|
Heading with a Subtitle Lorem ipsum dolor sit amet nullam id egestas urna aliquam Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet.</p>
|
|
|
|
<ul class="actions special">
|
|
<li><a href="https://freifunk-leipzig.de/elements/text/" class="button alt"> </a></li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
|
|
<div class="col-6 col-12-narrower">
|
|
<section class="box special">
|
|
|
|
<h3>Lists</h3>
|
|
|
|
|
|
<p>Lists Unordered Dolor pulvinar etiam. Sagittis lorem eleifend. Felis feugiat dolore viverra. Dolor pulvinar etiam. Ordered Dolor pulvinar etiam. Etiam vel felis at viverra. Felis enim feugiat magna. Etiam vel felis nullam. Felis enim et tempus. Actions Primary Default Alt Small Small Small Primary Default Alt Primary Small Default Small </p>
|
|
|
|
<ul class="actions special">
|
|
<li><a href="https://freifunk-leipzig.de/elements/lists/" class="button alt"> </a></li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
|
|
<div class="col-6 col-12-narrower">
|
|
<section class="box special">
|
|
|
|
<h3>Table</h3>
|
|
|
|
|
|
<p>Table Default NAME DESCRIPTION PRICE Item 1 Ante turpis integer aliquet porttitor. 29.99 Item 2 Vis ac commodo adipiscing arcu aliquet. 19.99 Item 3 Morbi faucibus arcu accumsan lorem. 29.99 Item 4 Vitae integer tempus condimentum. 19.99 Item 5 Ante turpis integer aliquet porttitor. 29.99 100.00 </p>
|
|
|
|
<ul class="actions special">
|
|
<li><a href="https://freifunk-leipzig.de/elements/table/" class="button alt"> </a></li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
|
|
<div class="col-6 col-12-narrower">
|
|
<section class="box special">
|
|
|
|
<h3>Buttons</h3>
|
|
|
|
|
|
<p>Buttons PRIMARY DEFAULT LARGE DEFAULT SMALL FIT FIT FIT + SMALL FIT + SMALL ICON ICON PRIMARY DEFAULT </p>
|
|
|
|
<ul class="actions special">
|
|
<li><a href="https://freifunk-leipzig.de/elements/buttons/" class="button alt"> </a></li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
|
|
<div class="col-6 col-12-narrower">
|
|
<section class="box special">
|
|
|
|
<h3>Form</h3>
|
|
|
|
|
|
<p>Form - Category - Manufacturing Shipping Administration Human Resources Low Normal High Email me a copy I am a human </p>
|
|
|
|
<ul class="actions special">
|
|
<li><a href="https://freifunk-leipzig.de/elements/form/" class="button alt"> </a></li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
|
|
<div class="col-6 col-12-narrower">
|
|
<section class="box special">
|
|
|
|
<h3>Image</h3>
|
|
|
|
|
|
<p>Image Fit Gallery Left & Right Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus.</p>
|
|
|
|
<ul class="actions special">
|
|
<li><a href="https://freifunk-leipzig.de/elements/image/" class="button alt"> </a></li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
|
|
</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> |