navigation button done
This commit is contained in:
1 parent
6659f74c86
commit
ddb3d951af
4 files changed
+318
No files matched your search
@@ -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"> </span>
|
||||
</label>
|
||||
<div class="navigation__background"> </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" />
|
||||
|
||||
Reference in new issue
Block a user