navigation button done

This commit is contained in:
dqnid committed 2024-03-14 23:01:01 +01:00
1 parent 6659f74c86
commit ddb3d951af
4 files changed
+318

No files matched your search

+42
View File
@@ -18,6 +18,48 @@
<title>Natours | Exciting tours for adventurous people</title>
</head>
<body>
<div class="navigation">
<input type="checkbox" class="navigation__checkbox" id="navi-toggle" />
<label for="navi-toggle" class="navigation__button">
<span class="navigation__icon">&nbsp;</span>
</label>
<div class="navigation__background">&nbsp;</div>
<nav class="navigation__nav">
<ul class="navigation__list">
<li class="navigation__item">
<a href="#" class="navigation__link">
<span>01</span>
About Natous</a
>
</li>
<li class="navigation__item">
<a href="#" class="navigation__link">
<span>02</span>
Your benefits</a
>
</li>
<li class="navigation__item">
<a href="#" class="navigation__link">
<span>03</span>
Popular tours</a
>
</li>
<li class="navigation__item">
<a href="#" class="navigation__link">
<span>04</span>
Stories</a
>
</li>
<li class="navigation__item">
<a href="#" class="navigation__link">
<span>05</span>
Book now</a
>
</li>
</ul>
</nav>
</div>
<header class="header">
<div class="header__logo-box">
<img src="./img/logo-white.png" alt="Logo" class="header__logo" />