Footer Update

Author: Alpinnnn

assets/wave.png

@@ -33,7 +33,8 @@
     <div class="hero__content">
       <img src="assets/poweredby.png" alt="">
       <h1>Welcome To Essa Gallery!</h1>
-      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati culpa earum, similique veniam illum dolor distinctio debitis corporis officia explicabo?</p>
+      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati culpa earum, similique veniam illum dolor
+        distinctio debitis corporis officia explicabo?</p>
     </div>
   </section>
   <section class="gallery grid">
@@ -43,9 +44,54 @@ <h1>Loading...</h1>
     </div>
   </section>
   <footer>
-
+    <div class="waves">
+      <div class="wave" id="wave1"></div>
+      <div class="wave" id="wave2"></div>
+      <div class="wave" id="wave3"></div>
+      <div class="wave" id="wave4"></div>
+    </div>
+    <div class="footer_container">
+      <div class="footer__section">
+        <img src="assets/essalogo_white.svg" alt="">
+        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eos voluptatum, labore minima earum provident cum
+          mollitia doloremque vero ipsa aliquid, corporis voluptate ad! Optio perspiciatis officiis iusto eaque
+          doloremque eius.</p>
+      </div>
+      <div class="footer__section">
+        <address>
+          <h5>Smkn 1 jakarta</h5>
+          <p>Jl. Budi Utomo No.7, Ps. Baru, Kecamatan Sawah Besar, Kota Jakarta Pusat, Daerah Khusus Ibukota Jakarta
+            10710
+          </p>
+          <p>No telp: <a href="tel:02112345678">021 3813630</a></p>
+        </address>
+      </div>
+      <div class="footer__section">
+        <ul class="nav__links_footer">
+          <li><a href="#">Home</a></li>
+          <li><a href="#">About</a></li>
+          <li><a href="#">Gallery</a></li>
+        </ul>
+      </div>
+      <div class="footer__section">
+        <h2>See Us On :</h2>
+        <div class="media_sosial">
+          <a href="https://www.instagram.com/essa.media?igsh=MWkzMGx5M2Nrbndtdw=="><i
+              class="fa-brands fa-instagram"></i></a>
+          <a href="#"><i class="fa-brands fa-facebook"></i></a>
+          <a href="https://www.tiktok.com/@essa.media?_t=8pvcYD1fYK0&_r=1"><i class="fa-brands fa-tiktok"></i></a>
+          <a href="https://youtube.com/@smkn1jakartaofficial?si=Q86rO_PfQ9ooEcdt"><i
+              class="fa-brands fa-youtube"></i></a>
+        </div>
+      </div>
+    </div>
+    <div class="credit">
+      <p>powered By Essa media &copy;2024</p>
+    </div>
   </footer>
+
   <script src="script.js"></script>
+  <script src="https://kit.fontawesome.com/f898f9c553.js" crossorigin="anonymous"></script>
 </body>
-<!-- Test -->
+
 </html>