updates

Author: xprilion

Diff for: about.html

@@ -26,6 +26,7 @@
     <meta name="msapplication-TileImage" content="/icons/favicon-144.png">
     <meta name="msapplication-config" content="/icons/browserconfig.xml">
     <link href="https://fonts.googleapis.com/css?family=Hind+Vadodara:400,700|Mukta:500,700" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css">
     <link rel="stylesheet" href="dist/css/style.css">
     <script src="https://unpkg.com/[email protected]/dist/scrollreveal.min.js"></script>
 </head>
@@ -34,13 +35,28 @@
         <header class="site-header">
             <div class="container">
                 <div class="site-header-inner">
-                    <div class="brand header-brand">
-                        <h1 class="m-0">
-                            <a href="/">
-                                <img src="img/logo-128x128.jpg" title="The Code Foundation" alt="The Code Foundation logo" width="50px" />
-                            </a>
-                        </h1>
-                    </div>
+                    <nav class="navbar">
+                        <span class="navbar-toggle" id="js-navbar-toggle">
+                            <i class="fas fa-bars"></i>
+                        </span>
+                        <a href="#" class="logo">
+                            <img src="img/logo-128x128.jpg" title="The Code Foundation" alt="The Code Foundation logo" width="50px" />
+                        </a>
+                        <ul class="main-nav" id="js-menu">
+                            <li>
+                                <a href="/" class="nav-links">Home</a>
+                            </li>
+                            <li>
+                                <a href="#projects" class="nav-links">Products</a>
+                            </li>
+                            <li>
+                                <a href="/about" class="nav-links nav-active">About</a>
+                            </li>
+                            <li>
+                                <a href="/contact" class="nav-links">Contact</a>
+                            </li>
+                        </ul>
+                    </nav>
                 </div>
             </div>
         </header>

Diff for: contact.html

@@ -26,6 +26,7 @@
         <meta name="msapplication-TileImage" content="/icons/favicon-144.png">
         <meta name="msapplication-config" content="/icons/browserconfig.xml">
         <link href="https://fonts.googleapis.com/css?family=Hind+Vadodara:400,700|Mukta:500,700" rel="stylesheet">
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css">
         <link rel="stylesheet" href="dist/css/style.css">
         <script src="https://unpkg.com/[email protected]/dist/scrollreveal.min.js"></script>
         <style>
@@ -103,13 +104,28 @@
             <header class="site-header">
                 <div class="container">
                     <div class="site-header-inner">
-                        <div class="brand header-brand">
-                            <h1 class="m-0">
-                            <a href="/">
+                        <nav class="navbar">
+                            <span class="navbar-toggle" id="js-navbar-toggle">
+                                <i class="fas fa-bars"></i>
+                            </span>
+                            <a href="#" class="logo">
                                 <img src="img/logo-128x128.jpg" title="The Code Foundation" alt="The Code Foundation logo" width="50px" />
                             </a>
-                            </h1>
-                        </div>
+                            <ul class="main-nav" id="js-menu">
+                                <li>
+                                    <a href="/" class="nav-links">Home</a>
+                                </li>
+                                <li>
+                                    <a href="#projects" class="nav-links">Products</a>
+                                </li>
+                                <li>
+                                    <a href="/about" class="nav-links">About</a>
+                                </li>
+                                <li>
+                                    <a href="/contact" class="nav-links nav-active">Contact</a>
+                                </li>
+                            </ul>
+                        </nav>
                     </div>
                 </div>
             </header>