created navigation section and styled navigation links

src/commons/footer-section/footer.jsx

@@ -41,7 +41,12 @@ function Footer() {
         <div className="col-1-of-2">
           <p className="footer__copyright">
             Design by Jonas Schmedtmann. Coded by{" "}
-            <a href="#" className="footer__link">
+            <a
+              href="https://github.com/yusufipk/natour"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="footer__link"
+            >
               Yusuf İpek
             </a>
             . You are allowed to use this webpage for personal and commercial

src/commons/navigation/navigation.jsx

@@ -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;

src/commons/tours-section/tours.jsx

@@ -105,7 +105,7 @@ function Tours() {
       </div>
 
       <div className="u-center-text u-margin-top-huge">
-        <a href="#" className="btn btn--white">
+        <a href="#" className="btn btn--green">
           Discover all tours!
         </a>
       </div>