mirror of
https://github.com/devolitalia/forty-jekyll-theme
synced 2025-02-15 19:20:55 +01:00
346 lines
10 KiB
HTML
346 lines
10 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<!--
|
||
|
|
Forty by HTML5 UP
|
||
|
|
html5up.net | @ajlkn
|
||
|
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||
|
|
-->
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<title>Aliquam | Devol</title>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||
|
|
<!--[if lte IE 8]><script src="/devol-website/assets/js/ie/html5shiv.js"></script><![endif]-->
|
||
|
|
<link rel="stylesheet" href="/devol-website/assets/css/main.css" />
|
||
|
|
<!--[if lte IE 9]><link rel="stylesheet" href="/devol-website/assets/css/ie9.css" /><![endif]-->
|
||
|
|
<!--[if lte IE 8]><link rel="stylesheet" href="/devol-website/assets/css/ie8.css" /><![endif]-->
|
||
|
|
<link rel="stylesheet" href="/devol-website/assets/css/fedicons.css">
|
||
|
|
|
||
|
|
<!-- Favicon -->
|
||
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/devol-website/assets/favicons/apple-touch-icon.png">
|
||
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/devol-website/assets/favicons/favicon-32x32.png">
|
||
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/devol-website/assets/favicons/favicon-16x16.png">
|
||
|
|
<link rel="manifest" href="/devol-website/assets/favicons/site.webmanifest">
|
||
|
|
<link rel="mask-icon" href="/devol-website/assets/favicons/safari-pinned-tab.svg" color="#000000">
|
||
|
|
<link rel="shortcut icon" href="/devol-website/assets/favicons/favicon.ico">
|
||
|
|
<meta name="msapplication-TileColor" content="#000000">
|
||
|
|
<meta name="msapplication-config" content="/devol-website/assets/favicons/browserconfig.xml">
|
||
|
|
<meta name="theme-color" content="#ffffff">
|
||
|
|
</head>
|
||
|
|
|
||
|
|
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<!-- Wrapper -->
|
||
|
|
<div id="wrapper">
|
||
|
|
|
||
|
|
<!-- Header -->
|
||
|
|
<header id="header">
|
||
|
|
<a href="https://leonardomantovani.github.io/devol-website/" class="logo"><strong>Devol</strong> <span>Un web più libero è possibile</span></a>
|
||
|
|
<nav>
|
||
|
|
<a href="#menu">Menu</a>
|
||
|
|
</nav>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<!-- Menu -->
|
||
|
|
<nav id="menu">
|
||
|
|
<ul class="links">
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<li><a href="https://leonardomantovani.github.io/devol-website/">Home</a></li>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<li><a href="https://leonardomantovani.github.io/devol-website/tiles/eventi.html">Eventi</a></li>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<li><a href="https://leonardomantovani.github.io/devol-website/tiles/file_sharing.html">Condivisione File</a></li>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<li><a href="https://leonardomantovani.github.io/devol-website/tiles/gestore_password.html">Gestore Password</a></li>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<li><a href="https://leonardomantovani.github.io/devol-website/tiles/motori_di_ricerca.html">Motori di Ricerca</a></li>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<li><a href="https://leonardomantovani.github.io/devol-website/tiles/musica.html">Musica e Podcast</a></li>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<li><a href="https://leonardomantovani.github.io/devol-website/tiles/office.html">Office</a></li>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<li><a href="https://leonardomantovani.github.io/devol-website/tiles/social-fediverso.html">Social e Fediverso</a></li>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<li><a href="https://leonardomantovani.github.io/devol-website/tiles/sondaggi.html">Sondaggi</a></li>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<li><a href="https://leonardomantovani.github.io/devol-website/tiles/testo_e_codice.html">Condivisione Testo e Codice</a></li>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<li><a href="https://leonardomantovani.github.io/devol-website/tiles/video.html">Video</a></li>
|
||
|
|
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
<!-- <ul class="actions vertical">
|
||
|
|
<li><a href="#" class="button special fit">Get Started</a></li>
|
||
|
|
<li><a href="#" class="button fit">Log In</a></li>
|
||
|
|
</ul> -->
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Main -->
|
||
|
|
<div id="main" class="alt">
|
||
|
|
|
||
|
|
<!-- One -->
|
||
|
|
<section id="one">
|
||
|
|
<div class="inner">
|
||
|
|
<header class="major">
|
||
|
|
<h1>Aliquam</h1>
|
||
|
|
</header>
|
||
|
|
<span class="image main"><img src="/devol-website/assets/images/pic01.jpg" alt="" /></span>
|
||
|
|
<p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis.
|
||
|
|
Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fergiat.
|
||
|
|
Pellentesque in mi eu massa lacinia malesuada et a elit. Donec urna ex, lacinia in purus ac, pretium pulvinar mauris.
|
||
|
|
Curabitur sapien risus, commodo eget turpis at, elementum convallis elit. Pellentesque enim turpis, hendrerit.</p>
|
||
|
|
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus rutrum facilisis.
|
||
|
|
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam tristique libero eu nibh porttitor fermentum.
|
||
|
|
Nullam venenatis erat id vehicula viverra. Nunc ultrices eros ut ultricies condimentum.
|
||
|
|
Mauris risus lacus, blandit sit amet venenatis non, bibendum vitae dolor. Nunc lorem mauris, fringilla in aliquam at, euismod in lectus.
|
||
|
|
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In non lorem sit amet elit placerat maximus.
|
||
|
|
Pellentesque aliquam maximus risus, vel sed vehicula.</p>
|
||
|
|
|
||
|
|
<p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis.
|
||
|
|
Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fersapien risus, commodo eget turpis at, elementum convallis elit.
|
||
|
|
Pellentesque enim turpis, hendrerit tristique lorem ipsum dolor.</p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Contact -->
|
||
|
|
<section id="contact">
|
||
|
|
<div class="inner">
|
||
|
|
<section>
|
||
|
|
<form action="https://formspree.io/admin@devol.it" method="POST">
|
||
|
|
<div class="field half first">
|
||
|
|
<label for="name">Nome</label>
|
||
|
|
<input type="text" name="name" id="name" />
|
||
|
|
</div>
|
||
|
|
<div class="field half">
|
||
|
|
<label for="email">Email</label>
|
||
|
|
<input type="text" name="_replyto" id="email" />
|
||
|
|
</div>
|
||
|
|
<div class="field">
|
||
|
|
<label for="message">Messaggio</label>
|
||
|
|
<textarea name="message" id="message" rows="6"></textarea>
|
||
|
|
</div>
|
||
|
|
<ul class="actions">
|
||
|
|
<li><input type="submit" value="Invia Messaggio" class="special" /></li>
|
||
|
|
<li><input type="reset" value="Annulla" /></li>
|
||
|
|
</ul>
|
||
|
|
</form>
|
||
|
|
</section>
|
||
|
|
<section class="split">
|
||
|
|
<section>
|
||
|
|
<div class="contact-method">
|
||
|
|
<a href="https://buttondown.email/devol">
|
||
|
|
<span class="icon alt fa-envelope"></span>
|
||
|
|
<h3>Newsletter</h3>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<!-- <section>
|
||
|
|
<div class="contact-method">
|
||
|
|
<span class="icon alt fedicon-matrix"></span>
|
||
|
|
<h3>Chatta con Noi</h3>
|
||
|
|
<p>Per chattare con noi su Matrix, chiedici l'invito alla stanza usando il form qui a fianco ;)</p>
|
||
|
|
</div>
|
||
|
|
</section> -->
|
||
|
|
<section>
|
||
|
|
<h3>Supportaci:</h3>
|
||
|
|
<h4><a href="https://ko-fi.com/devol"><i class="icon alt fedicon-ko-fi"></i> Con un caffé</a></h4>
|
||
|
|
<h4><a href="https://coindrop.to/devol"><i class="icon alt fedicon-crypto"></i> Con criptovalute</a></h4>
|
||
|
|
<h4><a href="https://brave.com/brave-rewards/"><i class="icon alt fedicon-bat"></i> Con Brave</a></h4>
|
||
|
|
</section>
|
||
|
|
<!-- <section>
|
||
|
|
<div class="contact-method">
|
||
|
|
<a href="https://ko-fi.com/devol">
|
||
|
|
<span class="icon alt fedicon-ko-fi"></span>
|
||
|
|
<h3>Offrici un caffè</h3>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<div class="contact-method">
|
||
|
|
<a href="https://coindrop.to/devol">
|
||
|
|
<span class="icon alt fedicon-crypto"></span>
|
||
|
|
<h3>Supportaci con Criptovalute</h3>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<div class="contact-method">
|
||
|
|
<a href="https://brave.com/brave-rewards/">
|
||
|
|
<span class="icon alt fedicon-crypto"></span>
|
||
|
|
<h3>Supportaci con Brave</h3>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</section> -->
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<!-- Footer -->
|
||
|
|
<footer id="footer">
|
||
|
|
<div class="inner">
|
||
|
|
<ul class="icons">
|
||
|
|
|
||
|
|
|
||
|
|
<li>
|
||
|
|
<a href="https://t.me/devolitalia" class="icon alt fedicon-telegram" target="_blank" rel="noopener noreferrer" aria-label="Telegram">
|
||
|
|
<span class="label">Telegram</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<li>
|
||
|
|
<a href="https://mastodon.uno/@devol" class="icon alt fedicon-mastodon" target="_blank" rel="noopener noreferrer" aria-label="Mastodon">
|
||
|
|
<span class="label">Mastodon</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<li>
|
||
|
|
<a href="https://pixelfed.uno/devol" class="icon alt fedicon-pixelfed" target="_blank" rel="noopener noreferrer" aria-label="Pixelfed">
|
||
|
|
<span class="label">Pixelfed</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<li>
|
||
|
|
<a href="https://gitea.it/devol/" class="icon alt fedicon-gitea" target="_blank" rel="noopener noreferrer" aria-label="Gitea">
|
||
|
|
<span class="label">Gitea</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<li>
|
||
|
|
<a href="https://github.com/devolitalia" class="icon alt fa-github" target="_blank" rel="noopener noreferrer" aria-label="GitHub">
|
||
|
|
<span class="label">GitHub</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
<ul class="copyright">
|
||
|
|
<li>© Devol.it</li>
|
||
|
|
<li>Design: <a href="https://html5up.net" target="_blank">HTML5 UP</a></li>
|
||
|
|
<li>Jekyll integration: <a href="https://github.com/andrewbanchich/" target="_blank">Andrew Banchich</a></li>
|
||
|
|
<li>Development: <a href="https://lezsoft.com/" target="_blank">LezSoft</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Scripts -->
|
||
|
|
<script src="https://leonardomantovani.github.io/devol-website/assets/js/jquery.min.js"></script>
|
||
|
|
<script src="https://leonardomantovani.github.io/devol-website/assets/js/jquery.scrolly.min.js"></script>
|
||
|
|
<script src="https://leonardomantovani.github.io/devol-website/assets/js/jquery.scrollex.min.js"></script>
|
||
|
|
<script src="https://leonardomantovani.github.io/devol-website/assets/js/skel.min.js"></script>
|
||
|
|
<script src="https://leonardomantovani.github.io/devol-website/assets/js/util.js"></script>
|
||
|
|
<!--[if lte IE 8]><script src="https://leonardomantovani.github.io/devol-website/assets/js/ie/respond.min.js"></script><![endif]-->
|
||
|
|
<script src="https://leonardomantovani.github.io/devol-website/assets/js/main.js"></script>
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|