Animation for hamburger menu

fixes #2
This commit is contained in:
2021-02-13 00:11:58 +01:00
parent a91ccf1c36
commit e9ee0f8ce5
9 changed files with 92 additions and 70 deletions

View File

@ -8,24 +8,26 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="stylesheet" href="styles/main.css" media="screen">
<script src="scripts/menu.js"></script>
<script src="plugins/jquery-3.5.1.min.js"></script>
<script src="scripts/menu.js"></script>
<script src="scripts/mail.js"></script>
</head>
<body>
<header>
<nav>
<div id="hamburger">
<div class="container" onclick="mobilemenu()"><div class="bar1"></div><div class="bar2"></div><div class="bar3"></div></div>
<div class="container"><div class="bar1"></div><div class="bar2"></div><div class="bar3"></div></div>
</div>
<ul>
<li class="title">Ginou</li>
<li><a href="index.html">Accueil</a></li>
<li><a href="biographie.html">Biographie</a></li>
<li><a href="exposition.html">Exposition</a></li>
<li><a href="explorer.html">Explorer</a></li>
<li><a href="divers.html">Divers</a></li>
<li class="selected"><a href="informations.html">Informations</a></li>
<div class="hidden">
<li><a href="index.html">Accueil</a></li>
<li><a href="biographie.html">Biographie</a></li>
<li><a href="exposition.html">Exposition</a></li>
<li><a href="explorer.html">Explorer</a></li>
<li><a href="divers.html">Divers</a></li>
<li class="selected"><a href="informations.html">Informations</a></li>
</div>
</ul>
</nav>
</header>