78 lines
2.1 KiB
HTML
78 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>Jean-Cloud - Le cloud lent et local</title>
|
||
<meta charset="utf-8" />
|
||
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/main.css" />
|
||
</head>
|
||
<body>
|
||
<div class="background"></div>
|
||
|
||
|
||
|
||
|
||
<!-- Nav -->
|
||
<!-- Todo – drop down list in css -->
|
||
<nav id="nav">
|
||
<div id="content">
|
||
<ul>
|
||
<li>
|
||
<a href="{{SITEURL}}/#header">Accueil</a>
|
||
</li>
|
||
<li>
|
||
<a href="{{SITEURL}}/blog_index.html">Blog</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">Dropdown</a>
|
||
<ul class="dropdown">
|
||
<li><a href="#">Lorem ipsum dolor</a></li>
|
||
<li><a href="#">Magna phasellus</a></li>
|
||
<li><a href="#">Etiam dolore nisl</a></li>
|
||
<li>
|
||
<a href="#">And a submenu …</a>
|
||
<ul class="submenu">
|
||
<li><a href="#">Lorem ipsum dolor</a></li>
|
||
<li><a href="#">Phasellus consequat</a></li>
|
||
<li><a href="#">Magna phasellus</a></li>
|
||
<li><a href="#">Etiam dolore nisl</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="#">Veroeros feugiat</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="{{SITEURL}}/#services">Nos services</a></li>
|
||
<li><a href="{{SITEURL}}/#contact">Nous contacter</a></li>
|
||
</ul>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- Header -->
|
||
{% if output_file == 'index.html' %}
|
||
<div id="header">
|
||
<div class="inner">
|
||
<header>
|
||
<h1><a href="index.html" id="logo">Jean-Cloud</a></h1>
|
||
<hr />
|
||
<p>Le cloud lent, hébergé près de chez vous !</p>
|
||
</header>
|
||
<footer>
|
||
<a href="#jeanqui" class="button circled scrolly">Découvrir !</a>
|
||
</footer>
|
||
</div>
|
||
</div>
|
||
{% endif %}
|
||
|
||
<!-- Main content -->
|
||
<main>
|
||
{% block content %}
|
||
{% endblock %}
|
||
</main>
|
||
|
||
<!-- Page Footer -->
|
||
<footer>
|
||
<p>Conditions générales d’utilisation : <a href="{{SITEURL}}/conditions-generales-dutilisation.html">disponibles ici</a></p>
|
||
<p>Design : <a href="http://html5up.net">HTML5 UP</a> modifié par nos soins</p>
|
||
</footer>
|
||
</body>
|
||
</html>
|