Merge pull request #32 from Ritikakatoch0128/update-files

Updated the font to Poppins and added image
vlx01 · Oct 19, 2021 · 1e3aac9 · 1e3aac9
2 parents b7d34f8 + 3dbd5d2
commit 1e3aac9
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 14 deletions.
diff --git a/css/style.css b/css/style.css
@@ -7,7 +7,7 @@
 }
 
 body {
-  font-family: 'Open Sans', Arial, sans-serif;
+  font-family: 'Poppins', sans-serif;
 }
 
 /* content picture {
@@ -20,6 +20,12 @@ body {
   width: 250px;
 } */
 
+/*main heading of navbar*/
+#main-heading{
+  font-size:1.5rem;
+  font-weight: bold;
+}
+
 #content {
   background: #333 url(../img/Hackfest.png) no-repeat center center/cover;
   height: 100vh;
@@ -105,6 +111,7 @@ li {
   /* color: #fff; */
   padding: 0.75rem;
   margin: 0 0.25rem;
+  font-size:1.3rem;
   transition: all 0.5s ease-in-out;
 
 }

diff --git a/img/ritika.jpg b/img/ritika.jpg
diff --git a/index.html b/index.html
@@ -1,23 +1,32 @@
 <!DOCTYPE html>
 <html>
 
-<head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Hacktoberfest | 2021</title>
-  <link rel="apple-touch-icon" href="img/apple-touch-icon.png" />
-  <link rel="shortcut icon" type="image/png" href="img/favicon.png" />
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" />
-  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
-  <link rel="stylesheet" href="css/style.css" />
-</head>
-
-<body>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Hacktoberfest | 2021</title>
+    <link rel="apple-touch-icon" href="img/apple-touch-icon.png" />
+    <link rel="shortcut icon" type="image/png" href="img/favicon.png" />
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css?family=Open+Sans:400,700"
+    />
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
+    <link rel="stylesheet" href="css/style.css" />
+
+    <!--Font family-->
+    <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=Poppins:wght@500&display=swap" rel="stylesheet">
+  </head>
+  <body>
+
+  main
 
   <!-- Navbar -->
   <nav id="navbar" style="opacity: 1;">
     <h1>
-      <span class="text-primary">HACKTOBERFEST</span>
+      <span class="text-primary" id="main-heading">HACKTOBERFEST</span>
     </h1>
     <ul>
       <li><a href="#home">Home</a></li>