finished footer

also added hover in the header nav

Author: Marokhmala

assets/facebook.svg

@@ -48,5 +48,60 @@ <h1>Discover how technology came so far with us</h1>
         </div>
       </div>
     </header>
+    <footer>
+      <div class="footer-pt">
+        <div class="foot-logo-text">
+          <img src="assets/nerv 1.svg" alt="NERV Logo" />
+          <p>
+            We are the inventors of innovative tools, We strive to always be one
+            step ahead in the future to take care of your comfort and make your
+            life as comfortable as possible.
+          </p>
+          <div class="socials">
+            <img src="assets/facebook.svg" alt="Facebook Logo" />
+            <img src="assets/instagram.svg" alt="Instagram Logo" />
+            <img src="assets/twitter.svg" alt="Twitter Logo" />
+          </div>
+        </div>
+        <div class="foot-column-wrap">
+          <div class="nav-col">
+            <h3>Navigate</h3>
+            <ul>
+              <li><a href="index.html">Home</a></li>
+              <li><a href="#features">Features</a></li>
+              <li><a href="#company">Company</a></li>
+              <li><a href="#support">Support</a></li>
+              <li><a href="#pricing">Pricing</a></li>
+            </ul>
+          </div>
+          <div class="sup-col">
+            <h3>Support Us</h3>
+            <ul>
+              <li><a href="#faq">FAQ</a></li>
+              <li><a href="#contact-us">Contact us</a></li>
+              <li><a href="#support-center">Support Center</a></li>
+              <li><a href="#security">Security</a></li>
+            </ul>
+          </div>
+          <div class="part-col">
+            <h3>Partner</h3>
+            <ul>
+              <li><a href="#our-partner">Our Partner</a></li>
+              <li><a href="#subscribe">Subscribe</a></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <div class="foot-footer">
+        <p>Xborg 2022 All Rights Reserved</p>
+        <nav>
+          <ul>
+            <li><a href="#terms-conditions">Terms & Conditions</a></li>
+            <li><a href="#privacy-policy">Privacy Policy</a></li>
+            <li><a href="#sitemap">Sitemap</a></li>
+          </ul>
+        </nav>
+      </div>
+    </footer>
   </body>
 </html>

assets/instagram.svg

@@ -5,6 +5,10 @@
   font-family: "Montserrat", sans-serif;
 }
 
+body {
+  background: linear-gradient(180deg, #060307 23.04%, #090a26 55.93%);
+}
+
 header {
   background-image: url(assets/Zhang-Yiwei-CGI-women-short-hair-purple-hair-blue-eyes-2185487-wallhere\ 1.svg);
   background-size: cover;
@@ -46,6 +50,11 @@ header {
   gap: 25px;
 }
 
+.nav-bar nav ul li a:hover {
+  border-bottom: #ffffff 2px solid;
+  padding-bottom: 10px;
+}
+
 .nav-bar nav ul li a {
   text-decoration: none;
   color: #ffffff;
@@ -161,3 +170,122 @@ header {
   letter-spacing: 0%;
   color: #000000;
 }
+
+footer {
+  height: 497px;
+  color: #ffffff;
+  padding-top: 110px;
+  border-top: #502356 1px solid;
+}
+
+.footer-pt {
+  padding-left: 120px;
+  padding-right: 120px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: #502356 1px solid;
+  padding-bottom: 110px;
+}
+
+.foot-logo-text {
+  display: flex;
+  flex-direction: column;
+  width: 391px;
+  height: 181px;
+  opacity: 1;
+  gap: 32px;
+}
+
+.foot-logo-text img {
+  width: 91px;
+  height: 48px;
+  opacity: 1;
+}
+
+.foot-logo-text p {
+  font-weight: 400;
+  font-style: Regular;
+  font-size: 12px;
+  line-height: 100%;
+  letter-spacing: 0%;
+}
+
+.socials {
+  display: flex;
+  width: 172px;
+  height: 24px;
+  opacity: 1;
+  gap: 50px;
+}
+
+.socials img {
+  width: 24px;
+  height: 24px;
+  opacity: 1;
+  cursor: pointer;
+}
+
+.foot-column-wrap {
+  display: flex;
+  justify-content: space-between;
+  gap: 50px;
+}
+
+.foot-column-wrap h3 {
+  font-weight: 700;
+  font-style: Bold;
+  font-size: 16px;
+  line-height: 100%;
+  letter-spacing: 0%;
+}
+
+.foot-column-wrap ul {
+  list-style: none;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  margin-top: 24px;
+}
+
+.foot-column-wrap ul li a {
+  text-decoration: none;
+  font-weight: 400;
+  font-style: Regular;
+  font-size: 14px;
+  line-height: 100%;
+  letter-spacing: 0%;
+  color: #ffffff;
+}
+
+.foot-footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 30px 120px;
+}
+
+.foot-footer p {
+  font-weight: 700;
+  font-style: Bold;
+  font-size: 14px;
+  line-height: 100%;
+  letter-spacing: 0%;
+}
+
+.foot-footer ul {
+  list-style: none;
+  display: flex;
+  justify-content: space-between;
+  gap: 50px;
+}
+
+.foot-footer ul li a {
+  text-decoration: none;
+  font-weight: 700;
+  font-style: Bold;
+  font-size: 14px;
+  line-height: 100%;
+  letter-spacing: 0%;
+  color: #ffffff;
+}