Deploy the contact page (#55)

* Add lazy loading attribute for image HTML elements * This commit fixes #39 (#41) * Contact Page updated ; Color scheme modifed * Unused images removed ; Navbar navigation improved * Made changes myself --------- Co-authored-by: Aditya Raute <[email protected]> Co-authored-by: Aditya Raute <[email protected]> --------- Co-authored-by: Agriya Khetarpal <[email protected]> Co-authored-by: Ashutosh Kapoor <[email protected]>
rbjks · Dec 25, 2023 · 6c1c1b0 · 6c1c1b0
1 parent c072b4a
commit 6c1c1b0
Show file tree

Hide file tree

Showing 10 changed files with 543 additions and 192 deletions.
diff --git a/activities.html b/activities.html
@@ -15,7 +15,7 @@
 <body>
     <div id="navbar">
         <nav>
-            <img class="logo" alt="RBJKS LOGO" src="https://assets.msn.com/weathermapdata/1/static/svg/72/v6/card/Haze.svg" />
+            <img class="logo" alt="RBJKS LOGO" src="https://assets.msn.com/weathermapdata/1/static/svg/72/v6/card/Haze.svg" loading="lazy" />
             <ul>
                 <!-- <li></li>  -->
                 <li><a class="translate" href="/" aria-label="होम">Home</a></li>
@@ -46,17 +46,17 @@ <h3>Activities</h3>
     <div class="footer">
         <footer>
             <section class="about flex-col">
-                <img class="logo" alt="RBJKS LOGO" src="https://assets.msn.com/weathermapdata/1/static/svg/72/v6/card/Haze.svg" />
+                <img class="logo" alt="RBJKS LOGO" src="https://assets.msn.com/weathermapdata/1/static/svg/72/v6/card/Haze.svg" loading="lazy" />
                 <p class="about--address">PO Jassur, Tehsil - Nurpur, District - Kangra, HP, 176201.</p>
-                <p class="about--contact"><img src="./assets/images/phone.svg" alt="phone" /> +91 - 9418151074 / 8675300009</p>
-                <p class="about--mail"><img src="./assets/images/mail.svg" alt="email" /> [email protected]</p>
+                <p class="about--contact"><img src="./assets/images/phone.svg" alt="phone" loading="lazy" /> +91 - 9418151074 / 8675300009</p>
+                <p class="about--mail"><img src="./assets/images/mail.svg" alt="email" loading="lazy" /> [email protected]</p>
             </section>
             <section class="social-media-icons flex-col">
                 <p>Contact Us</p>
                 <div class="icons">
-                    <a href="https://twitter.com/a_bsays" target="_blank"><img src="./assets/images/twitter.svg" alt="twitter"></a>
-                    <!-- <a href="#" target="_blank"><img src="./assets/images/instagram.svg" alt="instagram"></a> -->
-                    <a href="https://www.facebook.com/akil.bakhshi/" target="_blank"><img src="./assets/images/facebook.svg" alt="facebook"></a>
+                    <a href="https://twitter.com/a_bsays" target="_blank"><img src="./assets/images/twitter.svg" alt="twitter" loading="lazy"></a>
+                    <!-- <a href="#" target="_blank"><img src="./assets/images/instagram.svg" alt="instagram" loading="lazy"></a> -->
+                    <a href="https://www.facebook.com/akil.bakhshi/" target="_blank"><img src="./assets/images/facebook.svg" alt="facebook" loading="lazy"></a>
 
                 </div>
             </section>