update

projects/Storybazzi/index.html

@@ -19,6 +19,10 @@
 
     <link rel="stylesheet" href="plugins/themify-icons/themify-icons.css" />
     <link rel="stylesheet" href="plugins/slick/slick.css" />
+    <link herf="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link herf="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" rel="">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
+  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
 
     <!-- Main Stylesheet -->
     <link rel="stylesheet" href="css/style.css" />
@@ -181,7 +185,67 @@ <h1 class="h2 mb-3">
         </div>
     </section>
 
+<footer id="footer" class="footer">
+
+    <div class="container">
+      <div class="row gy-4">
+        <div class="col-lg-5 col-md-12 footer-info">
+          <a href="https://master-web-development.netlify.app/projects/storybazzi/" class="logo align-items-center" >
+            <span>Storybaazi</span>
+          </a>
+          <p class="mt-2">Learn to code by building projects.<br>Web development is the work involved in developing a website for the Internet or an intranet. Web development can range from developing a simple single static page of plain text to complex web applications, electronic businesses, and social network services.</p>
+          <div class="social-links d-flex mt-4">
+            <a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
+            <a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
+            <a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
+            <a href="https://github.com/iamrahulmahato/master-web-development" class="linkedin"><i class="bi bi-github"></i></a>
+          </div>
+        </div>
+
+        <div class="col-lg-2 col-6 footer-links">
+          <h4>Useful Links</h4>
+          <ul>
+            <li><a href="#">Home</a></li>
+            <li><a href="#">About us</a></li>
+            <li><a href="#">Services</a></li>
+            <li><a href="#">Terms of service</a></li>
+            <li><a href="#">Privacy policy</a></li>
+          </ul>
+        </div>
+
+        <div class="col-lg-2 col-6 footer-links">
+          <h4>Some project</h4>
+          <ul>
+            <li><a href="https://master-web-development.netlify.app/projects/linktree%20clone/">Linktree Clone</a></li>
+            <li><a href="https://master-web-development.netlify.app/projects/storybazzi/">Storybazzi</a></li>
+            <li><a href="https://master-web-development.netlify.app/projects/snake%20game/">Snake Game</a></li>
+            <li><a href="https://master-web-development.netlify.app/projects/random%20user%20generator/index.html">Random User Generator</a></li>
+            <li><a href="https://master-web-development.netlify.app/projects/todo%20list/">Todo list</a></li>
+          </ul>
+        </div>
+
+        <div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
+          <h4>Contact Us</h4>
+          <p>
+            Sector - 18<br> Near bonatical garden 
+            Uttar Pradesh <br>
+            <strong>Phone:</strong> 123456789<br>
+            <strong>Email:</strong> [email protected]<br>
+          </p>
+        </div>
+      </div>
+    </div> 
+
+    <div class="container mt-4">
+      <div class="copyright">
+        &copy; Copyright <strong><span>Master Web Development</span></strong>. All Rights Reserved
+      </div>
+      <div class="credits">
+        Contribute by <a href="https://www.linkedin.com/in/shakti12/">Shakti Singh</a>
+      </div>
+    </div>
 
+  </footer>
 
     <!-- JS Plugins -->
     <script src="plugins/jQuery/jquery.min.js"></script>
@@ -191,4 +255,4 @@ <h1 class="h2 mb-3">
     <script src="js/script.js"></script>
 </body>
 
-</html>
+</html>