Fixed Frontend

frontend/public/commingsoon.html

@@ -190,7 +190,7 @@ <h1 class="h1 section-title">
       <!-- 
         - #PROJECT
       -->
-
+<!-- 
       <section class="section project" aria-labelledby="project-label">
         <div class="container">
 
@@ -327,6 +327,142 @@ <h3 class="h3">
         </div>
       </section>
 
+ -->
+ <section class="section project" aria-labelledby="project-label">
+  <div class="container">
+
+      <p class="section-subtitle" id="project-label"></p>
+
+      <h2 class="h2 section-title">
+          Fire Safety Tips
+      </h2>
+
+      <ul class="grid-list">
+
+          <li>
+              <div class="project-card">
+
+                  <figure class="card-banner img-holder" style="--width: 560; --height: 350;">
+                      <img src="./assets/images/fire-alarm.jpg" width="560" height="350" loading="lazy" alt="Ligula tristique quis risus" class="img-cover">
+                  </figure>
+
+                  <div class="card-content">
+
+                      <h3 class="h3">
+                          <a href="#" class="card-title">Smoke Alarms</a>
+                      </h3>
+
+                      <p class="card-text">
+                          • Install smoke alarms on every floor at suitable distances.
+                          <br> • Maintain smoke alarms and change batteries at least once a year.<br> • Ensure the working of the alarms.
+
+                      </p>
+
+                      <ul class="card-meta-list">
+
+                          <li class="card-meta-item">
+                              <ion-icon name="calendar-outline" aria-hidden="true"></ion-icon>
+
+                              <time class="meta-text" datetime="2022-04-14"></time>
+                          </li>
+
+                          <li class="card-meta-item">
+                              <ion-icon name="document-text-outline" aria-hidden="true"></ion-icon>
+
+                              <span class="meta-text"></span>
+                          </li>
+
+                      </ul>
+
+                  </div>
+
+              </div>
+          </li>
+
+          <li>
+              <div class="project-card">
+
+                  <figure class="card-banner img-holder" style="--width: 560; --height: 350;">
+                      <img src="./assets/images/fire-extinguisher.jpg" width="560" height="350" loading="lazy" alt="Nullam id dolor elit id nibh" class="img-cover">
+                  </figure>
+
+                  <div class="card-content">
+
+                      <h3 class="h3">
+                          <a href="#" class="card-title"> Fire Extinguishers</a>
+                      </h3>
+
+                      <p class="card-text">
+                          •Place fire extinguishers in easily accessible areas, especially in kitchens, garages, and near exits.<br> •Train the workers to use them. <br> •Have regular drills to use the fire extinguisher.
+
+                      </p>
+
+                      <ul class="card-meta-list">
+
+                          <li class="card-meta-item">
+                              <ion-icon name="calendar-outline" aria-hidden="true"></ion-icon>
+
+                              <time class="meta-text" datetime="2022-03-29"></time>
+                          </li>
+
+                          <li class="card-meta-item">
+                              <ion-icon name="document-text-outline" aria-hidden="true"></ion-icon>
+
+                              <span class="meta-text"></span>
+                          </li>
+
+                      </ul>
+
+                  </div>
+
+              </div>
+          </li>
+
+          <li>
+              <div class="project-card">
+
+                  <figure class="card-banner img-holder" style="--width: 560; --height: 350;">
+                      <img src="./assets/images/exit-gate.png" width="560" height="350" loading="lazy" alt="Ultricies fusce porta elit" class="img-cover">
+                  </figure>
+
+                  <div class="card-content">
+
+                      <h3 class="h3">
+                          <a href="#" class="card-title">Emergency Exit</a>
+                      </h3>
+
+                      <p class="card-text">
+                          •Ensure that exits and stairways are clear and accessible at all time.<br> Never block the exit with furnitures and items.<br> •Practise evacuation from building regularly.<br> •Have two exit doors for each room.
+                      </p>
+
+                      <ul class="card-meta-list">
+
+                          <li class="card-meta-item">
+                              <ion-icon name="calendar-outline" aria-hidden="true"></ion-icon>
+
+                              <time class="meta-text" datetime="2022-02-26"></time>
+                          </li>
+
+                          <li class="card-meta-item">
+                              <ion-icon name="document-text-outline" aria-hidden="true"></ion-icon>
+
+                              <span class="meta-text"></span>
+                          </li>
+
+                      </ul>
+
+                  </div>
+
+              </div>
+          </li>
+
+      </ul>
+
+  </div>
+</section>
+
+
+
 
 
 
@@ -354,11 +490,11 @@ <h3 class="h3">
       <div class="footer-brand">
 
         <a href="#" class="logo">
-          <img src="./assets/images/logo-light.svg" width="74" height="24" alt="Adex home">
+          <img src="./assets/images/rfs-english-government-of-rajasthan-india-logo-BF9BDBB3FE-seeklogo.com.png" width="74" height="24" alt="Adex home">
         </a>
 
         <p class="footer-text">
-          &copy; 2022 codewithsadee. <br> All rights reserved.
+          &copy; 2024 FlameFlow. <br> All rights reserved.
         </p>
 
         <ul class="social-list">
@@ -400,17 +536,17 @@ <h3 class="h3">
       <ul class="footer-list">
 
         <li>
-          <p class="h4 footer-list-title">Get in Touch</p>
+          <p class="h4 footer-list-title">Address</p>
         </li>
 
         <li>
           <address class="footer-text">
-            Moonshine St. 14/05 Light City, London, United Kingdom
+            205, 1205, New Barakhamba Rd, Connaught Lane, Barakhamba, New Delhi, Delhi 110001
           </address>
         </li>
 
         <li>
-          <a href="mailto:info@email.com" class="footer-link">info@email.com</a>
+          <a href="mailto:info@email.com" class="footer-link">dfs@nic.in</a>
         </li>
 
         <li>
@@ -426,39 +562,39 @@ <h3 class="h3">
         </li>
 
         <li>
-          <a href="#" class="footer-link">About Us</a>
+          <a href="#" class="footer-link">Feedback</a>
         </li>
 
         <li>
-          <a href="#" class="footer-link">Our Story</a>
+          <a href="#" class="footer-link">Privacy Policy</a>
         </li>
 
         <li>
-          <a href="#" class="footer-link">Projects</a>
+          <a href="#" class="footer-link">Terms and Conditions</a>
         </li>
 
         <li>
-          <a href="#" class="footer-link">Terms of Use</a>
+          <a href="#" class="footer-link">Help</a>
         </li>
 
         <li>
-          <a href="#" class="footer-link">Privacy Policy</a>
+          <a href="#" class="footer-link">Copyright Policy</a>
         </li>
 
       </ul>
 
       <div class="footer-list">
 
-        <p class="h4 footer-list-title">Our Newsletter</p>
+        <p class="h4 footer-list-title">Contact</p>
 
         <p class="footer-text">
-          Subscribe to our newsletter to get our news & deals delivered to you.
+          Enter your email to contact us. We will contact you through this mail.
         </p>
 
         <form action="" class="input-wrapper">
           <input type="email" name="email_address" placeholder="Email Address" required class="input-field">
 
-          <button type="submit" class="submit-btn">Join</button>
+          <button type="submit" class="submit-btn">enter</button>
         </form>
 
       </div>