Merge branch 'main' into burger-menu

mdazfar2 · Jun 6, 2024 · 9665a3b · 9665a3b
2 parents 64802c1 + ce583a9
commit 9665a3b
Show file tree

Hide file tree

Showing 2 changed files with 65 additions and 19 deletions.
diff --git a/Official_Website/about.html b/Official_Website/about.html
@@ -113,7 +113,7 @@ <h1 class="abeezee-regular">Benefits of HelpOps-Hub
         </div>
     </div>
     <div id="scrollToTopBtn" class="scrollToTopBtn" onclick="scrollToTop()">
-        <img src="scrollToTop.png" alt="Scroll to top">
+        <img src="scrollToTop.png" class="im" alt="Scroll to top">
       </div>
 
       <footer>

diff --git a/Official_Website/index.html b/Official_Website/index.html
@@ -1,23 +1,69 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
-    />
-    <title>HelpOps-Hub</title>
-    <link rel="stylesheet" href="square.css" />
-    <link rel="stylesheet" href="style.css" />
-    <link rel="shortcut icon" href="Favicon.png" type="image/x-icon" />
-    <link rel="stylesheet" href="dark_mode.css" />
-    <link rel="stylesheet" href="navstyle.css" />
-  </head>
-  <body>
-    <header class="header">
-      <div class="logo">
-        <a href="/"><img src="logo.png" alt="HelpOps-Hub Logo" /></a>
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
+  <title>HelpOps-Hub</title>
+  <link rel="stylesheet" href="square.css">
+  <link rel="stylesheet" href="style.css" />
+  <link rel="shortcut icon" href="Favicon.png" type="image/x-icon" />
+  <link rel="stylesheet" href="dark_mode.css" />
+  <link rel="stylesheet" href="navstyle.css" />
+  <script type="text/javascript"
+  src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js">
+</script>
+</head>
+<body>
+  <header class="header">
+    <div class="logo">
+      <a href="/"><img src="logo.png" alt="HelpOps-Hub Logo" /></a>
+    </div>
+    <div>
+      <h1>HelpOps-Hub</h1>
+      <p>Ensuring You Never Get Stuck In DevOps Again!</p>
+    </div>
+  </header>
+  <nav class="nav" id="navbar">
+    <ul class="nav__list" id="navlinkitems">
+      <li class="nav__item">
+        <a href="contributor-index.html" class="fa-solid fa-people-group"></a>
+      </li>
+      <li class="nav__item">
+        <a href="https://github.com/mdazfar2/HelpOps-Hub" target="_blank" class="fab fa-github"></a>
+      </li>
+      <li class="nav__item">
+        <a href="https://www.linkedin.com/company/helpops-hub/" target="_blank" class="fab fa-linkedin"></a>
+      </li>
+      <li class="nav__item">
+        <a href="https://discord.com/invite/UWTrRhqywt" target="_blank" class="fab fa-discord"></a>
+      </li>
+      <li class="nav__item">
+        <a href="javascript:void(0);" class="fas fa-adjust" onclick="toggleTheme()"></a>
+      </li>
+      <li>
+        <button class="about-button">
+          <a href="./faq.html"> FAQ's </a>
+        </button>
+      </li>
+      <li>
+        <button class="about-button">
+            <a href="./about.html"> About Us </a>
+          </button>
+      </li>
+      <li>
+        <button class="sponsor-button" onclick="window.location.href='https://github.com/sponsors/mdazfar2'">
+          <span class="heart">&#10084;</span> Sponsor
+        </button>
+      </li>
+    </ul>
+  </nav>
+
+  <div class="search-container">
+    <div id="search-box">
+      <div class="icon">
+        <i class="fas fa-duotone fa-magnifying-glass"></i>
       </div>
       <div>
         <h1>HelpOps-Hub</h1>