touti
2 years ago
parent
184bad2c78
commit
ee16cba3ac
@ -0,0 +1,89 @@
|
||||
<div class="inner" style="position: fixed; top: -1440.63px;">
|
||||
|
||||
<!-- Search -->
|
||||
<section id="search" class="alt">
|
||||
<form method="post" action="#">
|
||||
<input type="text" name="query" id="query" placeholder="Search">
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<!-- Menu -->
|
||||
<nav id="menu">
|
||||
<header class="major">
|
||||
<h2>Menu</h2>
|
||||
</header>
|
||||
<ul>
|
||||
<li><a href="index.html">Homepage</a></li>
|
||||
<li><a href="generic.html">Generic</a></li>
|
||||
<li><a href="elements.html">Elements</a></li>
|
||||
<li>
|
||||
<span class="opener">Submenu</span>
|
||||
<ul>
|
||||
<li><a href="#">Lorem Dolor</a></li>
|
||||
<li><a href="#">Ipsum Adipiscing</a></li>
|
||||
<li><a href="#">Tempus Magna</a></li>
|
||||
<li><a href="#">Feugiat Veroeros</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">Etiam Dolore</a></li>
|
||||
<li><a href="#">Adipiscing</a></li>
|
||||
<li>
|
||||
<span class="opener">Another Submenu</span>
|
||||
<ul>
|
||||
<li><a href="#">Lorem Dolor</a></li>
|
||||
<li><a href="#">Ipsum Adipiscing</a></li>
|
||||
<li><a href="#">Tempus Magna</a></li>
|
||||
<li><a href="#">Feugiat Veroeros</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">Maximus Erat</a></li>
|
||||
<li><a href="#">Sapien Mauris</a></li>
|
||||
<li><a href="#">Amet Lacinia</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<!-- Section -->
|
||||
<section>
|
||||
<header class="major">
|
||||
<h2>Ante interdum</h2>
|
||||
</header>
|
||||
<div class="mini-posts">
|
||||
<article>
|
||||
<a href="#" class="image"><img src="images/pic07.jpg" alt=""></a>
|
||||
<p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore aliquam.</p>
|
||||
</article>
|
||||
<article>
|
||||
<a href="#" class="image"><img src="images/pic08.jpg" alt=""></a>
|
||||
<p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore aliquam.</p>
|
||||
</article>
|
||||
<article>
|
||||
<a href="#" class="image"><img src="images/pic09.jpg" alt=""></a>
|
||||
<p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore aliquam.</p>
|
||||
</article>
|
||||
</div>
|
||||
<ul class="actions">
|
||||
<li><a href="#" class="button">More</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<!-- Section -->
|
||||
<section>
|
||||
<header class="major">
|
||||
<h2>Get in touch</h2>
|
||||
</header>
|
||||
<p>Sed varius enim lorem ullamcorper dolore aliquam aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin sed aliquam facilisis ante interdum. Sed nulla amet lorem feugiat tempus aliquam.</p>
|
||||
<ul class="contact">
|
||||
<li class="icon solid fa-envelope"><a href="#">information@untitled.tld</a></li>
|
||||
<li class="icon solid fa-phone">(000) 000-0000</li>
|
||||
<li class="icon solid fa-home">1234 Somewhere Road #8254<br>
|
||||
Nashville, TN 00000-0000</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer id="footer">
|
||||
<p class="copyright">© Untitled. All rights reserved. Demo Images: <a href="https://unsplash.com">Unsplash</a>. Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
<a href="#sidebar" class="toggle">Toggle</a></div>
|
||||
@ -0,0 +1,7 @@
|
||||
<ul class="icons">
|
||||
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
|
||||
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
|
||||
<li><a href="#" class="icon brands fa-snapchat-ghost"><span class="label">Snapchat</span></a></li>
|
||||
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
|
||||
<li><a href="#" class="icon brands fa-medium-m"><span class="label">Medium</span></a></li>
|
||||
</ul>
|
||||
@ -0,0 +1,22 @@
|
||||
[(#CONFIG{sociaux/mail}|ou{#CONFIG{html5up/contact_telephone}}|ou{#CONFIG{html5up/contact_adresse}}|ou{#CONFIG{html5up/contact_complement}}|ou{#PLUGIN{contact}}|oui)
|
||||
|
||||
<section>
|
||||
<header class="major">
|
||||
<h2><:html5up:contact:></h2>
|
||||
</header>
|
||||
<p>Sed varius enim lorem ullamcorper dolore aliquam aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin sed aliquam facilisis ante interdum. Sed nulla amet lorem feugiat tempus aliquam.</p>
|
||||
<ul class="contact" itemscope itemtype="http://schema.org/Organization">
|
||||
[<li itemprop="email" class="icon solid fa-envelope"><a href="mailto:#CONFIG{sociaux/mail}">(#CONFIG{sociaux/mail})</a></li>]
|
||||
[<li itemprop="telephone" class="icon solid fa-phone">(#CONFIG{html5up/contact_telephone})</li>]
|
||||
[<li itemprop="address" class="icon solid fa-home">(#CONFIG{html5up/contact_adresse}|propre|ptobr)</li>]
|
||||
[<li itemprop="contact" class="icon solid fa-clock">(#CONFIG{html5up/contact_complement}|propre|ptobr)</li>]
|
||||
[(#PLUGIN{contact}|oui)
|
||||
<li class="contact_form fa-share">
|
||||
<div class="ajax">
|
||||
#FORMULAIRE_CONTACT
|
||||
</div>
|
||||
</li>
|
||||
]
|
||||
</ul>
|
||||
</section>
|
||||
]
|
||||
@ -0,0 +1,7 @@
|
||||
<ul class="icons">
|
||||
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
|
||||
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
|
||||
<li><a href="#" class="icon brands fa-snapchat-ghost"><span class="label">Snapchat</span></a></li>
|
||||
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
|
||||
<li><a href="#" class="icon brands fa-medium-m"><span class="label">Medium</span></a></li>
|
||||
</ul>
|
||||
Loading…
Reference in New Issue