updated fonts, added font awesome and the hero

AlpiYeah · May 4, 2023 · 046bc45 · 046bc45
1 parent 5d42822
commit 046bc45
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -7,10 +7,29 @@
     <title>Pure HTML,CSS, and JavaScript Gaming Website</title>
     <link rel="stylesheet" href="style.css">
     <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap" rel="stylesheet">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
 </head>
 <body>
+    <section class="hero">
+        <div class="main-width">
+            <header>
+                <div class="logo">
+                    <h2><a href="">GameON</a></h2>
+                </div>
+                <nav>
+                    <ul>
+                        <li class="active"><a href="#">Games</a></li>
+                        <li><a href="#">Reviews</a></li>
+                        <li><a href="#">FAQ</a></li>
+                        <li><a href="#">Chat</a></li>
+                        <li class="btn"><a href="#">Download</a></li>
+                    </ul>
+                </nav>
+            </header>
+        </div>
+    </section>
 
 </body>
 </html>
diff --git a/style.css b/style.css
@@ -0,0 +1,8 @@
+*{
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: 'Poppins', sans-serif;
+
+
+}