Add icons on navbar

Sahil1786 · May 14, 2024 · b58faa2 · b58faa2
1 parent ead379f
commit b58faa2
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/public/css/style.css b/public/css/style.css
@@ -1,6 +1,4 @@
-body{
-
-}
+
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');
 
  *{
@@ -47,6 +45,11 @@ h1:hover{
  width: 7%;
 
  }
+
+ nav .fas {
+ margin-right: 5px; /* Add some space between the icon and text */
+}
+
  .nav-links{
  list-style: none;
 

diff --git a/views/index.ejs b/views/index.ejs
@@ -26,14 +26,18 @@
 
 <body>
  <!-- navgation bar -->
+ <header>
+ <img class=" logo" src="img/logo.png" alt="logo">
+ <h1>Petari</h1>
+ <!-- navgation bar -->
  <header>
  <img class=" logo" src="img/logo.png" alt="logo">
  <h1>Petari</h1>
  <nav>
  <ul class="nav-links">
- <li><a href="#"> About</a></li>
- <li><a href="#">Projects</a></li>
- <li><a href="#">Contact</a></li>
+ <li><a href="#" <i class="fa-solid fa-house</i>> About</a></li>
+ <li><a href="#" <i class="fa-duotone fa-boxes-stacked"></i>>Projects</a></li>
+ <li><a href="#" <i class="fa-solid fa-id-badge"></i>>Contact</a></li>