yusufipek/natours-react
1
0
Fork 0
mirror of https://github.com/yusufipk/natours-react.git synced 2026-09-11 19:16:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

created navigation section and styled navigation links

Browse Source
This commit is contained in:
Yusuf Ipek
2021-05-04 14:01:42 +03:00
parent 1da98261e5
commit 6aed4851f0
10 changed files with 156 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/commons/navigation/navigation.jsx
+53
View File
@@ -0,0 +1,53 @@
function Navigation() {
return (
<div className="navigation">
<input
type="checkbox"
className="navigation__checkbox"
id="navi-toggle"
/>
<label for="navi-toggle" className="navigation__button">
Menu
</label>
<div className="navigation__background">&nbsp;</div>
<nav className="navigation__nav">
<ul className="navigation__list">
<li className="navigation__item">
<a href="" className="navigation__link">
<span>1</span>
About Natour
</a>
</li>
<li className="navigation__item">
<a href="" className="navigation__link">
<span>2</span>
Your Benefits
</a>
</li>
<li className="navigation__item">
<a href="" className="navigation__link">
<span>3</span>
Popular Tours
</a>
</li>
<li className="navigation__item">
<a href="" className="navigation__link">
<span>4</span>
Stories
</a>
</li>
<li className="navigation__item">
<a href="" className="navigation__link">
<span>5</span>
Book Now
</a>
</li>
</ul>
</nav>
</div>
);
}
export default Navigation;