head.php

<div class="sidebar">
	<div class="leftbar">
		<ul>
			<a class="lisidebar" href="accueil/">
				<li>
					<h3><i class="fa fa-home fa-2x" aria-hidden="true"></i>Home</h3>
				</li>
			</a>
			<a class="lisidebar" href="animation/">
				<li>
					<h3><i class="fa fa-clone fa-2x" aria-hidden="true"></i>Animation</h3>
				</li>
			</a>
			<a class="lisidebar" href="transition/">
				<li>
					<h3><i class="fa fa-exchange fa-2x" aria-hidden="true"></i>Transition</h3>
				</li>
			</a>
			<a class="lisidebar" href="atelier/">
				<li>
					<h3><i class="fa fa-book fa-2x" aria-hidden="true"></i>Atelier</h3>
				</li>
			</a>
			<a class="lisidebar" href="annexe/">
				<li>
					<h3><i class="fa fa-book fa-2x" aria-hidden="true"></i>Lexique</h3>
				</li>
			</a>
			<a class="lisidebar" href="references/">
				<li>
					<h3><i class="fa fa-book fa-2x" aria-hidden="true"></i>Reference</h3>
				</li>
			</a>
			<a class="lisidebar" href="#">
				<li>
					<h3><i class="fa fa-github fa-2x" aria-hidden="true"></i>Github</h3>
				</li>
			</a>
		</ul>
	</div>

</div>
<div id="active_menu" >
	<a>
		<span id="rotatespantop"></span>
		<span id="hidespan"></span>
		<span id="rotatespanbottom"></span>
	</a>
</div>
<div class="topbar">
	<div class="menutopbar">
		<ul class="listbar">
			<li class="listbarli">
				<a href="accueil/"><h3>Accueil</h3>	</a>
			</li>
			<li class="listbarli">
				<a href="transition/"><h3>Transition</h3></a>

			</li>
			<li class="listbarli">
				<a href="animation/"><h3>Animation</h3></a>
			</li>
			<li class="listbarli">
				<a href="atelier/"><h3>Atelier</h3>	</a>
			</li>
			<li class="listbarli">
				<a href="annexe/"><h3>Lexique</h3>	</a>
			</li>
			<li class="listbarli">
				<a href="references/"><h3>Références</h3>	</a>
			</li>
		</ul>
	</div>
	<div class="gitbuttondiv">
		<form action="https://github.com/simplon-sofianeD/animustransismus/">
			<button class="githubbutton" type="submit"><i class="fa fa-code-fork" aria-hidden="true"></i> us on Github</button>
		</form>
	</div>
</div>
<header id="header">
	<div class="logo"><img src="logo.svg"></div>
	<div class="content_header">
		<div class="moon">
			<div class="lune">
			</div>
		</div>
		<div class="clouds-wrapper">
			<ul class="clouds1">
				<li></li>
				<li></li>
				<li></li>
			</ul>
			<div class="clouds2-container">
				<ul class="clouds2">
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</div>
		</div>
		<div class="content_mountains">
			<ul class="mountains">
				<li class="peak1"></li>
				<li class="peak2"></li>
				<li class="peak3"></li>
			</ul>
		</div>
	</div>
</header>