feat: Add new project images to index.html

Author: manthanank

index.html

@@ -10,8 +10,8 @@
   <meta name="keywords" content="portfolio">
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
-    integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
-    crossorigin="anonymous" referrerpolicy="no-referrer" />
+  integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
+  crossorigin="anonymous" referrerpolicy="no-referrer" />
   <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
   <link rel="icon" type="image/png" sizes="32x32" href="favicon-dark.webp" media="(prefers-color-scheme: dark)" />
   <link rel="icon" type="image/png" sizes="32x32" href="favicon-light.webp" media="(prefers-color-scheme: light)" />
@@ -58,16 +58,11 @@ <h1>I'm Manthan Ank.</h1>
           </p>
 
           <div class="s-hero__content-social">
-            <a href="https://www.facebook.com/manthanank/" aria-label="facebook link"><i class="fab fa-facebook-square"
-                aria-hidden="true"></i></a>
-            <a href="https://twitter.com/manthan_ank" aria-label="twitter link"><i class="fab fa-x-twitter"
-                aria-hidden="true"></i></a>
-            <a href="https://www.instagram.com/manthan_ank/" aria-label="instagram link"><i class="fab fa-instagram"
-                aria-hidden="true"></i></a>
-            <a href="https://github.com/manthanank" aria-label="github link"><i class="fab fa-github"
-                aria-hidden="true"></i></a>
-            <a href="https://www.linkedin.com/in/manthanank" aria-label="linkedin link"><i class="fab fa-linkedin"
-                aria-hidden="true"></i></a>
+            <a href="https://www.facebook.com/manthanank/" aria-label="facebook link"><i class="fab fa-facebook-square" aria-hidden="true"></i></a>
+            <a href="https://twitter.com/manthan_ank" aria-label="twitter link"><i class="fab fa-x-twitter" aria-hidden="true"></i></a>
+            <a href="https://www.instagram.com/manthan_ank/" aria-label="instagram link"><i class="fab fa-instagram" aria-hidden="true"></i></a>
+            <a href="https://github.com/manthanank" aria-label="github link"><i class="fab fa-github" aria-hidden="true"></i></a>
+            <a href="https://www.linkedin.com/in/manthanank" aria-label="linkedin link"><i class="fab fa-linkedin" aria-hidden="true"></i></a>
           </div>
         </div>
       </div>
@@ -267,9 +262,7 @@ <h3>Projects</h3>
     <div class="row collapse block-large-1-4 block-medium-1-3 block-tab-1-2 block-500-stack folio-list">
       <div class="column folio-item">
         <a href="#modal-01" class="folio-item__thumb" aria-label="project img link">
-          <img src="assets/images/netflix-clone.webp"
-            srcset="assets/images/netflix-clone.webp, assets/images/netflix-clone.webp" alt="" width="100%"
-            height="100%" />
+          <img src="assets/images/netflix-clone.webp" srcset="assets/images/netflix-clone.webp, assets/images/netflix-clone.webp" alt="" width="100%" height="100%" />
         </a>
       </div>
       <div class="column folio-item">
@@ -290,8 +283,8 @@ <h3>Projects</h3>
       </div>
       <div class="column folio-item">
         <a href="#modal-04" class="folio-item__thumb" aria-label="project img link">
-          <img src="assets/images/upload-post-page.webp"
-            srcset="assets/images/upload-post-page.webp, assets/images/upload-post-page.webp" alt="" />
+          <img src="assets/images/upload-post-page.webp" srcset="assets/images/upload-post-page.webp, assets/images/upload-post-page.webp"
+            alt="" />
         </a>
       </div>
       <div class="column folio-item">
@@ -371,8 +364,7 @@ <h5>Netflix Clone</h5>
             <li>React</li>
           </ul>
         </div>
-        <a href="https://github.com/manthanank/netflix-clone-react-app" class="modal-popup__details"
-          aria-label="project link">Project link</a>
+        <a href="https://github.com/manthanank/netflix-clone-react-app" class="modal-popup__details" aria-label="project link">Project link</a>
       </div>
     </div>
     <div id="modal-02" hidden>
@@ -391,8 +383,7 @@ <h5>Covid 19 Tracker Page</h5>
             <li>Angular</li>
           </ul>
         </div>
-        <a href="https://github.com/manthanank/covid19-tracker-angular-app" class="modal-popup__details"
-          aria-label="project link">Project link</a>
+        <a href="https://github.com/manthanank/covid19-tracker-angular-app" class="modal-popup__details" aria-label="project link">Project link</a>
       </div>
     </div>
     <div id="modal-03" hidden>
@@ -401,16 +392,13 @@ <h5>Covid 19 Tracker Page</h5>
         <div class="modal-popup__desc">
           <h5>Modern Cryptopunk Clone - React</h5>
           <p>
-            <p>
-              This is a Modern Cryptopunk Clone built using React. It allows users to explore and collect virtual cryptopunk characters. The app includes features like browsing different cryptopunks, viewing detailed information about each character, and adding them to a user's collection. Users can also buy and sell cryptopunks in the marketplace.
-            </p>
+            This is a Modern Cryptopunk Clone built using React. It allows users to explore and collect virtual cryptopunk characters. The app includes features like browsing different cryptopunks, viewing detailed information about each character, and adding them to a user's collection. Users can also buy and sell cryptopunks in the marketplace.
           </p>
           <ul class="modal-popup__cat">
             <li>React</li>
           </ul>
         </div>
-        <a href="https://github.com/manthanank/modern-cryptopunk-clone-react-app" class="modal-popup__details"
-          aria-label="project link">Project link</a>
+        <a href="https://github.com/manthanank/modern-cryptopunk-clone-react-app" class="modal-popup__details" aria-label="project link">Project link</a>
       </div>
     </div>
     <div id="modal-04" hidden>
@@ -419,16 +407,13 @@ <h5>Modern Cryptopunk Clone - React</h5>
         <div class="modal-popup__desc">
           <h5>Upload Post Page</h5>
           <p>
-            Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin,
-            lorem quis bibendum auctor, nisi elit consequat ipsum, nec
-            sagittis sem nibh id elit.
+            This is an Upload Post Page built using Angular. It allows users to upload images and post them on the homepage. Users can view posts from other users, like and comment on posts, and search for specific posts. The app also includes features like user authentication and authorization. MongoDB is used for data storage. Users can register an account, log in, and manage their posts. Backend is built using Node.js.
           </p>
           <ul class="modal-popup__cat">
             <li>MEAN Stack</li>
           </ul>
         </div>
-        <a href="https://github.com/manthanank/upload-post-app" class="modal-popup__details"
-          aria-label="project link">Project link</a>
+        <a href="https://github.com/manthanank/upload-post-app" class="modal-popup__details" aria-label="project link">Project link</a>
       </div>
     </div>
     <div id="modal-05" hidden>
@@ -467,7 +452,7 @@ <h5>Generate Slug App</h5>
           aria-label="project link">Project link</a>
       </div>
     </div>
-    <div id="modal-067" hidden>
+    <div id="modal-07" hidden>
       <div class="modal-popup">
         <img src="assets/images/weather-app-pwa.webp" alt="" />
         <div class="modal-popup__desc">
@@ -634,8 +619,7 @@ <h4 class="huge-text">You can contact me through this.👉</h4>
             <div class="contact-block">
               <h5 class="contact-block__header">Email</h5>
               <p class="contact-block__content">
-                <a class="mailtoui" href="mailto:[email protected]"
-                  aria-label="email to">[email protected]</a>
+                <a class="mailtoui" href="mailto:[email protected]" aria-label="email to">[email protected]</a>
               </p>
             </div>
           </div>
@@ -648,8 +632,7 @@ <h5 class="contact-block__header">Phone</h5>
             </div>
           </div>
           <div class="column large-12">
-            <a href="mailto:[email protected]" class="mailtoui btn h-full-width" aria-label="email id">Let's
-              Talk</a>
+            <a href="mailto:[email protected]" class="mailtoui btn h-full-width" aria-label="email id">Let's Talk</a>
           </div>
         </div>
       </div>
@@ -660,31 +643,26 @@ <h5 class="contact-block__header">Phone</h5>
       <div class="column large-4 medium-6 w-1000-stack s-footer__social-block">
         <ul class="s-footer__social">
           <li>
-            <a href="https://www.facebook.com/manthanank/" aria-label="facebook link"><i class="fab fa-facebook-f"
-                aria-hidden="true"></i></a>
+            <a href="https://www.facebook.com/manthanank/" aria-label="facebook link"><i class="fab fa-facebook-f" aria-hidden="true"></i></a>
           </li>
           <li>
-            <a href="https://twitter.com/manthan_ank" aria-label="twitter link"><i class="fab fa-twitter"
-                aria-hidden="true"></i></a>
+            <a href="https://twitter.com/manthan_ank" aria-label="twitter link"><i class="fab fa-twitter" aria-hidden="true"></i></a>
           </li>
           <li>
-            <a href="https://www.instagram.com/manthan_ank/" aria-label="instagram link"><i class="fab fa-instagram"
-                aria-hidden="true"></i></a>
+            <a href="https://www.instagram.com/manthan_ank/" aria-label="instagram link"><i class="fab fa-instagram" aria-hidden="true"></i></a>
           </li>
           <li>
-            <a href="https://github.com/manthanank" aria-label="github link"><i class="fab fa-github"
-                aria-hidden="true"></i></a>
+            <a href="https://github.com/manthanank" aria-label="github link"><i class="fab fa-github" aria-hidden="true"></i></a>
           </li>
           <li>
-            <a href="https://www.linkedin.com/in/manthanank" aria-label="linkedin link"><i class="fab fa-linkedin-in"
-                aria-hidden="true"></i></a>
+            <a href="https://www.linkedin.com/in/manthanank" aria-label="linkedin link"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a>
           </li>
         </ul>
       </div>
       <div class="column large-7 medium-6 w-1000-stack ss-copyright">
-        <span>© Copyright Ceevee 2021</span> 
-        <span>Design by <a href="https://www.styleshout.com/">StyleShout</a></span>
-    </div>
+        <span>© Copyright Manthan Ank 2022</span>
+        <span><a href="https://manthanank.github.io/" aria-label="website link">Manthan Ank</a></span>
+      </div>
     </div>
     <div class="ss-go-top">
       <a class="smoothscroll" title="Back to Top" href="#top">
@@ -694,8 +672,9 @@ <h5 class="contact-block__header">Phone</h5>
       </a>
     </div>
   </footer>
+  <!-- <script defer src="js/vendor/fontawesome/all.min.js"></script> -->
   <script src="js/plugins.js"></script>
   <script src="js/main.js"></script>
 </body>
 
-</html>
+</html>