From 247a7471a1fc360cbbb6e451c6ef9a38cdd794e6 Mon Sep 17 00:00:00 2001
From: Paawan Singal <paawansingal09@gmail.com>
Date: Fri, 22 Oct 2021 20:40:54 +0530
Subject: [PATCH 1/3] Removed the Repeated code

---
 Contact_Us.html => Index2.html |  43 +--
 index.html                     | 621 ++-------------------------------
 2 files changed, 38 insertions(+), 626 deletions(-)
 rename Contact_Us.html => Index2.html (92%)

diff --git a/Contact_Us.html b/Index2.html
similarity index 92%
rename from Contact_Us.html
rename to Index2.html
index 421adfc..77ad3cb 100644
--- a/Contact_Us.html
+++ b/Index2.html
@@ -209,16 +209,7 @@ <h2>Coding is Love</h2>
                     new WOW().init();
                 </script>
                 <!-- Javascript for scrolling to top page -->
-                <script>
-                    const btnScrollToTop = document.querySelector("#btnScrollToTop");
-                    btnScrollToTop.addEventListener("click", function() {
-                        window.scrollTo({
-                            top: 0,
-                            left: 0,
-                            behavior: "smooth"
-                        });
-                    });
-                </script>
+            
             </div>
                     <div class="box box3 animate__animated animate__slideInRight wow" data-wow-duration="1s" data-wow-delay="0.75s">
                         <!-- <h2>Contact Me</h2> -->
@@ -261,28 +252,6 @@ <h2>Coding is Love</h2>
                             }
                         });
                     </script>
-
-                    <!-- <div class="box box3 animate__animated animate__slideInRight wow" data-wow-duration="1s" data-wow-delay="0.75s">
-                        <div>
-                            <ul>
-                                <li>
-                                    <a href="https://github.com/adithyapaib" target="_blank"><i class="fab fa-github iconn"></i></a>
-                                </li>
-                                <li>
-                                    <a href="https://www.linkedin.com/in/adithyapaib" target="_blank"><i class="fab fa-linkedin-in iconn"></i></a>
-                                </li>
-                                <li>
-                                    <a href="mail:paiadithya26@gmail.com" target="_blank"><i class="fas fa-at iconn"><i></a>
-                                </li>
-                                <li>
-                                    <a href="https://twitter.com/adithyapaib" target="_blank"><i class="fab fa-twitter iconn"></i></a>
-                                </li>
-                                <li>
-                                    <a href="" target="_blank"><i class="fab fa-instagram iconn"></i></a>
-                                </li>
-                            </ul>
-                        </div>
-                    </div> -->
             </div>
         </div>
                 <!-- End of Form -->
@@ -297,6 +266,16 @@ <h2>Coding is Love</h2>
                 <script>
                     new WOW().init();
                 </script>
+                    <script>
+                    const btnScrollToTop = document.querySelector("#btnScrollToTop");
+                    btnScrollToTop.addEventListener("click", function() {
+                        window.scrollTo({
+                            top: 0,
+                            left: 0,
+                            behavior: "smooth"
+                        });
+                    });
+                </script>
 
                 <!--Dont forget to follow me and star the repo on github !!!!!!!-->
 </body>
diff --git a/index.html b/index.html
index 923fed7..505971c 100644
--- a/index.html
+++ b/index.html
@@ -291,95 +291,9 @@ <h2>Coding is Love</h2>
                                 </div>
                             </section>
                             <!-- End Projects Section -->
-                            <!-- Contact Us and Social Links Section -->
-                            <div class="about">
-                                <div class="card-wrapper">
-                                    <div class="box3 animate__animated animate__slideInLeft wow" data-wow-duration="1s"
-                                        data-wow-delay="0s">
-                                        <h2> <b>Contact Us </b></h2>
-                                        <form>
-                                            <div class="form-group">
-                                                <label for="mail">Email address</label>
-                                                <input type="email" class="form-control" id="email"
-                                                    aria-describedby="emailHelp"
-                                                    placeholder="Enter your email address" />
-                                            </div>
-                                            <div class="form-group">
-                                                <label for="first_name">Name</label>
-                                                <input type="text" class="form-control" id="name"
-                                                    placeholder="Enter your Name" />
-                                            </div>
-                                            <div class="form-group">
-                                                <label for="phone_number">Phone Number</label>
-                                                <input type="text" class="form-control" id="number"
-                                                    placeholder="Enter your Mobile Number" style="width: 300px" />
-                                            </div>
-                                            <button type="submit" class="btn btn-primary">Submit</button>
-                                        </form>
 
-                                    </div>
-                                    <div class="box3 animate__animated animate__slideInUp wow" data-wow-duration="1s"
-                                        data-wow-delay="0.37s">
-                                        <h2><b>Social Links</b></h2>
-                                        <div style="display: flex;">
-                                            <ul style="display: flex; flex-direction: column;" class="sublist">
-                                                <li class="icon"><a href="https://github.com/adithyapaib"
-                                                        target="blank"><img
-                                                            src="https://img.icons8.com/windows/48/000000/github.png"
-                                                            alt="Error" /></li></a>
-                                                <li style="margin-top: -12px;">Github</li>
-                                            </ul>
-                                            <ul style="display: flex; flex-direction: column;" class="sublist">
-                                                <li class="icon"><a href="https://twitter.com/adithyapaib"
-                                                    target="blank"><img
-                                                        src="https://img.icons8.com/windows/48/000000/twitter.png"
-                                                        alt="Error" /></li></a>
-                                            <li style="margin-top: -12px;">twitter</li>
-                                            </ul>
-                                            <ul style="display: flex; flex-direction: column;" class="sublist">
-                                                <li class="icon"><a href="facebook.com" target="blank"><img
-                                                            src="https://img.icons8.com/windows/48/000000/facebook.png"
-                                                            alt="Error" /></li></a>
-                                                <li style="margin-top: -12px;">facebook</li>
-                                            </ul>
-                                        </div>
-                                    </div>
-                                </div>
 
 
-                                <!--TypedJs -->
-                                <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11"></script>
-                                <script>
-                                    //Enter your specilizations here
-                                    var typed = new Typed("#typed", {
-                                        strings: ['Programmer', 'Engineer', 'Gamer ', 'Designer'],
-                                        typeSpeed: 0.5,
-                                        smartBackspace: true,
-                                        backSpeed: 0.1,
-                                        loop: true,
-                                        showCursor: false,
-                                    });
-                                </script>
-                                <!--Wow js is for aniamtion on scroll-->
-                                <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"
-                                    integrity="sha512-Eak/29OTpb36LLo2r47IpVzPBLXnAMPAVypbSZiZ4Qkf8p/7S/XRG5xp7OKWPPYfJT6metI+IORkR5G8F900+g=="
-                                    crossorigin="anonymous"></script>
-                                <script>
-                                    new WOW().init();
-                                </script>
-                                <!-- Javascript for scrolling to top page -->
-                                <script>
-                                    const btnScrollToTop = document.querySelector("#btnScrollToTop");
-                                    btnScrollToTop.addEventListener("click", function () {
-                                        window.scrollTo({
-                                            top: 0,
-                                            left: 0,
-                                            behavior: "smooth"
-                                        });
-                                    });
-                                </script>
-                            </div>
-
 
                             <div class="contact">
                                 <div class="projects container ">
@@ -420,56 +334,35 @@ <h1 class="section-title ">Contact Me</h1>
                                             </form>
                                         </div>
                                     </div>
-                                    <div class="card-wrapper ">
-                                        <div class="box box1 animate__animated animate__slideInRight wow"
-                                            data-wow-duration="1s" data-wow-delay="0.75s">
-
-
-                                            </div>
+                                  
                                     </section>
                                     <!-- End Projects Section -->
 
-
-                                    <!--TypedJs -->
-                                    <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11"></script>
-                                    <script>
-                                        //Enter your specilizations here
-                                        var typed = new Typed("#typed", {
-                                            strings: ['Programmer', 'Engineer', 'Gamer ', 'Designer'],
-                                            typeSpeed: 0.5,
-                                            smartBackspace: true,
-                                            backSpeed: 0.1,
-                                            loop: true,
-                                            showCursor: false,
-                                        });
-                                    </script>
-                                    <!--Wow js is for aniamtion on scroll-->
-                                    <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"
-                                        integrity="sha512-Eak/29OTpb36LLo2r47IpVzPBLXnAMPAVypbSZiZ4Qkf8p/7S/XRG5xp7OKWPPYfJT6metI+IORkR5G8F900+g=="
-                                        crossorigin="anonymous"></script>
-                                    <script>
-                                        new WOW().init();
-                                    </script>
-                                    <!-- Javascript for scrolling to top page -->
-                                    <script>
-                                        const btnScrollToTop = document.querySelector("#btnScrollToTop");
-                                        btnScrollToTop.addEventListener("click", function () {
-                                            window.scrollTo({
-                                                top: 0,
-                                                left: 0,
-                                                behavior: "smooth"
-                                            });
-                                        });
-                                    </script>
-                                </div>
-
-                                <button type="submit" class="btn btn-primary">Submit</button>
-                            </form>
-        
-                        </div>
-                        <div class="box3 animate__animated animate__slideInUp wow" data-wow-duration="1s" data-wow-delay="0.37s"> <h2><b>Social Links</b></h2>
-                          <ul>
-               </ul>
+                                    <div class="box3 animate__animated animate__slideInUp wow" data-wow-duration="1s"
+                                    data-wow-delay="0.37s">
+                                    <h2><b>Social Links</b></h2>
+                                    <div style="display: flex;">
+                                        <ul style="display: flex; flex-direction: column;" class="sublist">
+                                            <li class="icon"><a href="https://github.com/adithyapaib"
+                                                    target="blank"><img
+                                                        src="https://img.icons8.com/windows/48/000000/github.png"
+                                                        alt="Error" /></li></a>
+                                            <li style="margin-top: -12px;">Github</li>
+                                        </ul>
+                                        <ul style="display: flex; flex-direction: column;" class="sublist">
+                                            <li class="icon"><a href="https://twitter.com/adithyapaib"
+                                                target="blank"><img
+                                                    src="https://img.icons8.com/windows/48/000000/twitter.png"
+                                                    alt="Error" /></li></a>
+                                        <li style="margin-top: -12px;">twitter</li>
+                                        </ul>
+                                        <ul style="display: flex; flex-direction: column;" class="sublist">
+                                            <li class="icon"><a href="facebook.com" target="blank"><img
+                                                        src="https://img.icons8.com/windows/48/000000/facebook.png"
+                                                        alt="Error" /></li></a>
+                                            <li style="margin-top: -12px;">facebook</li>
+                                        </ul>
+                                    </div>
 
         <div class="card-wrapper">
             <div class="box box1 animate__animated animate__slideInLeft wow" data-wow-duration="1s" data-wow-delay="0s">
@@ -550,415 +443,6 @@ <h1 class="section-title ">Contact Me</h1>
                     </ul>
                 </ul>
             </div>
-            <!-- Projects Section -->
-            <section id="projects ">
-
-            <div class="projects container ">
-            <div class="projects-header ">
-            <h1 class="section-title ">Recent Projects</h1>
-            </div>
-            <div class="card-wrapper ">
-             <div class="box box1 animate__animated animate__slideInLeft wow " data-wow-duration="1s " data-wow-delay="0.12s "><span> <b>Project Name</b></span>
-            <!--Add a SQUARE IMAGE OF YOURS FOR BEST APPEARENCE (1:1)-->
-            <img class="project-pic " src="assets/img/project.jpg " alt=" ">
-            <h2>Coding is Love</h2>
-            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto cupiditate voluptatum impedit unde
-              rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque atque libero non sunt
-              harum? Ipsum repellat animi, fugit architecto voluptatum odit et!</p>          
-                <div class="resume "><button>Know More</button></div>
-            </div>
-        <div class="box box1 animate__animated animate__slideInRight wow " data-wow-duration="1s " data-wow-delay="0.37s ">
-            <span> <b>Project Name</b></span>
-            <img class="project-pic " src="assets/img/project.jpg " alt=" ">
-            <h2>Coding is Love</h2>
-            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto cupiditate voluptatum impedit unde
-              rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque atque libero non sunt
-              harum? Ipsum repellat animi, fugit architecto voluptatum odit et!</p>          
-                <div class="resume "><button>Know More</button></div>
-        </div>
-        <div class="box box1 animate__animated animate__slideInUp wow " data-wow-duration="1s " data-wow-delay="0.12s "><span> <b>Project Name</b></span>
-            <!--Add a SQUARE IMAGE OF YOURS FOR BEST APPEARENCE (1:1)-->
-            <img class="project-pic " src="assets/img/project.jpg " alt=" ">
-            <h2>Coding is Love</h2>
-            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto cupiditate voluptatum impedit unde
-              rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque atque libero non sunt
-              harum? Ipsum repellat animi, fugit architecto voluptatum odit et!</p>          
-                <div class="resume "><button>Know More</button></div>
-        </div>
-        <div class="box box1 animate__animated animate__slideInUp wow " data-wow-duration="1s " data-wow-delay="0.37s ">
-            <span> <b>Project Name</b></span>
-            <img class="project-pic " src="assets/img/project.jpg " alt=" ">
-            <h2>Coding is Love</h2>
-            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto cupiditate voluptatum impedit unde
-              rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque atque libero non sunt
-              harum? Ipsum repellat animi, fugit architecto voluptatum odit et!</p>          
-                <div class="resume "><button>Know More</button></div>
-        </div>
-      
-    </div>
-  </section>
-  <!-- End Projects Section -->
-        <div class="box box3 animate__animated animate__slideInRight wow contact-me" data-wow-duration="1s" data-wow-delay="0.75s">
-            <form>
-                <h2>Contact Me</h2>
-                <div class="form-group">
-                    <label for="first_name">Name</label>
-                    <input type="text" class="form-control" id="name" placeholder="Enter your Name" />
-                </div>
-
-                <div class="projects container ">
-                    <div class="projects-header ">
-                        <h1 class="section-title ">Recent <span>Projects</span></h1>
-                    </div>
-                    <div class="card-wrapper ">
-                        <div class="box box1 animate__animated animate__slideInLeft wow " data-wow-duration="1s "
-                            data-wow-delay="0.12s "><span> <b>Project Name</b></span>
-                            <!--Add a SQUARE IMAGE OF YOURS FOR BEST APPEARENCE (1:1)-->
-                            <img class="project-pic " src="assets/img/project.jpg " alt=" ">
-                            <h2>Coding is Love</h2>
-                            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto cupiditate voluptatum
-                                impedit unde
-                                rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque
-                                atque libero non sunt
-                                harum? Ipsum repellat animi, fugit architecto voluptatum odit et!</p>
-                            <div class="resume "><button>Know More</button></div>
-                        </div>
-                        <div class="box box1 animate__animated animate__slideInRight wow " data-wow-duration="1s "
-                            data-wow-delay="0.37s ">
-                            <span> <b>Project Name</b></span>
-                            <img class="project-pic " src="assets/img/project.jpg " alt=" ">
-                            <h2>Coding is Love</h2>
-                            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto cupiditate voluptatum
-                                impedit unde
-                                rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque
-                                atque libero non sunt
-                                harum? Ipsum repellat animi, fugit architecto voluptatum odit et!</p>
-                            <div class="resume "><button>Know More</button></div>
-                        </div>
-                        <div class="box box1 animate__animated animate__slideInUp wow " data-wow-duration="1s "
-                            data-wow-delay="0.12s "><span> <b>Project Name</b></span>
-                            <!--Add a SQUARE IMAGE OF YOURS FOR BEST APPEARENCE (1:1)-->
-                            <img class="project-pic " src="assets/img/project.jpg " alt=" ">
-                            <h2>Coding is Love</h2>
-                            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto cupiditate voluptatum
-                                impedit unde
-                                rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque
-                                atque libero non sunt
-                                harum? Ipsum repellat animi, fugit architecto voluptatum odit et!</p>
-                            <div class="resume "><button>Know More</button></div>
-                        </div>
-                        <div class="box box1 animate__animated animate__slideInUp wow " data-wow-duration="1s "
-                            data-wow-delay="0.37s ">
-                            <span> <b>Project Name</b></span>
-                            <img class="project-pic " src="assets/img/project.jpg " alt=" ">
-                            <h2>Coding is Love</h2>
-                            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto cupiditate voluptatum
-                                impedit unde
-                                rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque
-                                atque libero non sunt
-                                harum? Ipsum repellat animi, fugit architecto voluptatum odit et!</p>
-                            <div class="resume "><button>Know More</button></div>
-                        </div>
-
-                    </div>
-            </section>
-            <!-- End Projects Section -->
-
-
-            <!--TypedJs -->
-            <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11"></script>
-            <script>
-                //Enter your specilizations here
-                var typed = new Typed("#typed", {
-                    strings: ['Programmer', 'Engineer', 'Gamer ', 'Designer'],
-                    typeSpeed: 0.5,
-                    smartBackspace: true,
-                    backSpeed: 0.1,
-                    loop: true,
-                    showCursor: false,
-                });
-            </script>
-            <!--Wow js is for aniamtion on scroll-->
-            <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"
-                integrity="sha512-Eak/29OTpb36LLo2r47IpVzPBLXnAMPAVypbSZiZ4Qkf8p/7S/XRG5xp7OKWPPYfJT6metI+IORkR5G8F900+g=="
-                crossorigin="anonymous"></script>
-            <script>
-                new WOW().init();
-            </script>
-            <!-- Javascript for scrolling to top page -->
-            <script>
-                const btnScrollToTop = document.querySelector("#btnScrollToTop");
-                btnScrollToTop.addEventListener("click", function ()
-                {
-                    window.scrollTo({
-                        top: 0,
-                        left: 0,
-                        behavior: "smooth"
-                    });
-                });
-            </script>
-        </div>
-        <div class="box box3 animate__animated animate__slideInRight wow" data-wow-duration="1s" data-wow-delay="0.75s">
-            <!-- <h2>Contact Me</h2> -->
-            <form id="contact-form">
-                <div class="form-group">
-                    <label for="mail">Email address</label>
-                    <input type="email" class="form-control" id="email" aria-describedby="emailHelp"
-                        placeholder="Enter your email address" />
-                </div>
-                <div class="form-group">
-                    <label for="first_name">Name</label>
-                    <input type="text" class="form-control" id="name" placeholder="Enter your Name" />
-                </div>
-                <div class="form-group">
-                    <label for="phone_number">Phone Number</label>
-                    <input type="text" pattern="^\d{10}$" class="form-control" id="number"
-                        placeholder="Enter your Mobile Number" style="width: 300px" />
-                </div>
-                <button type="submit" id="contact-btn" class="btn btn-primary">Submit</button>
-            </form>
-        </div>
-        <!-- <div class="box box3 animate__animated animate__slideInRight wow" data-wow-duration="1s" data-wow-delay="0.75s"
-
-
-		<!--Landing div-->
-		<div class="landing">
-			<!-- <a id="#backToTop"></a>/ -->
-			<!--Make sure that the image u add here is a square image and for best performance compress the image -->
-			<div
-				class="img animate__animated animate__slideInDown wow"
-				data-wow-duration="1.5s"
-				data-wow-delay="0.3s"
-			>
-				<img src="assets/img/me.jpg" alt="name photo" />
-			</div>
-			<div
-				class="me animate__animated animate__slideInUp wow"
-				data-wow-duration="1.5s"
-				data-wow-delay="0.3s"
-			>
-				<!--Enter your name here-->
-				<section class="shortme">
-					<h2>Adithya Pai</h2>
-				</section>
-				<h3 id="typed"></h3>
-			</div>
-		</div>
-		<div class="about">
-			<div class="title">Portfolio</div>
-			<div class="card-wrapper">
-				<div class="box box1 animate__animated animate__slideInLeft
-				data-wow-duration="1s" data-wow-delay="0s"><span> <b>About Me</b></span>
-				<!--Add a SQUARE IMAGE OF YOURS FOR BEST APPEARENCE (1:1)-->
-				<img src="assets/img/aboutme.jpg" alt="" />
-				<p>
-					Hey I am Adithya Pai from Mangalore, India.<br />I am currently
-					pursuing my BE in Computer Science. <br />
-					I love to design websites and <b style="color: #f53f2b">UI/UX</b>
-				</p>
-				//changes to the resume making it responsive.
-				<div class="resume">
-					<button
-						type="submit"
-						onclick=" window.open('http:\/\/resume.adithyapai.com', '_blank')"
-					>
-						Resume
-					</button>
-				</div>
-			</div>
-			<div
-				class="box box2 animate__animated animate__slideInRight wow"
-				data-wow-duration="1s"
-				data-wow-delay="0.37s"
-			>
-				<span><b>Skills</b></span> <br />
-				<span> Programming</span>
-				<ul class="mainlist">
-					<!--U can use Fontawsome icons here-->
-					<ul class="sublist">
-						<li class="icon"><i class="devicon-c-plain-wordmark"></i></li>
-						<li>C</li>
-					</ul>
-					<ul class="sublist">
-						<li class="icon">
-							<i class="devicon-cplusplus-plain-wordmark"></i>
-						</li>
-						<li>C++</li>
-					</ul>
-					<ul class="sublist">
-						<li class="icon"><i class="devicon-python-plain-wordmark"></i></li>
-						<li>Python</li>
-					</ul>
-					<ul class="sublist">
-						<li class="icon"><i class="devicon-java-plain-wordmark"></i></li>
-						<li>Java</li>
-					</ul>
-				</ul>
-				<span style="width: 100%; text-align: center">Design</span>
-				<ul class="mainlist">
-					<!--USE ICONS FROM ICONS8 OF SIZE 48PX FOR BEST APPEARANCE -->
-					<ul class="sublist">
-						<li class="icon">
-							<img
-								src="https://img.icons8.com/windows/48/000000/adobe-illustrator.png"
-								alt="illustrator"
-							/>
-						</li>
-						<li>Illustrator</li>
-					</ul>
-					<ul class="sublist">
-						<li class="icon">
-							<img
-								src="https://img.icons8.com/windows/48/000000/adobe-photoshop.png"
-								alt="Photoshop"
-							/>
-						</li>
-						<li>Photoshop</li>
-					</ul>
-					<ul class="sublist">
-						<li class="icon">
-							<img
-								src="https://img.icons8.com/windows/48/000000/adobe-xd.png"
-								alt="adobe xd"
-							/>
-						</li>
-						<li>XD</li>
-					</ul>
-					<ul class="sublist">
-						<li class="icon">
-							<img
-								src="https://img.icons8.com/windows/48/000000/figma.png"
-								alt="figma"
-							/>
-						</li>
-						<li>Figma</li>
-					</ul>
-				</ul>
-				<span>Tools</span>
-				<ul class="mainlist">
-					<ul class="sublist">
-						<li class="icon">
-							<img
-								src="https://img.icons8.com/windows/48/000000/git.png"
-								alt="git"
-							/>
-						</li>
-						<li>Git</li>
-					</ul>
-					<ul class="sublist">
-						<li class="icon">
-							<img
-								src="https://img.icons8.com/windows/48/000000/github.png"
-								alt="github"
-							/>
-						</li>
-						<li>Github</li>
-					</ul>
-					<ul class="sublist">
-						<li class="icon">
-							<img
-								src="https://img.icons8.com/carbon-copy/48/000000/visual-studio-code-2019.png"
-								alt="vscode"
-							/>
-						</li>
-						<li>VS Code</li>
-					</ul>
-					<ul class="sublist">
-						<li class="icon">
-							<img
-								src="https://img.icons8.com/windows/48/000000/gitlab.png"
-								alt="gitlab"
-							/>
-						</li>
-						<li>Gitlab</li>
-					</ul>
-				</ul>
-			</div>
-			<div
-				class="box box3 animate__animated animate__slideInRight wow"
-				data-wow-duration="1s"
-				data-wow-delay="0.75s"
-			>
-				<div>
-					<ul>
-						<!--Enter your project-pic links here-->
-						<li>
-							<a href="https://github.com/adithyapaib" target="_blank"
-								><i class="fab fa-github iconn"></i
-							></a>
-						</li>
-						<li>
-							<a href="https://www.linkedin.com/in/adithyapaib" target="_blank"
-								><i class="fab fa-linkedin-in iconn"></i
-							></a>
-						</li>
-						<li>
-							<a href="mail:paiadithya26@gmail.com" target="_blank"
-								><i class="fas fa-at iconn"></i
-
-			</div>
-		</div>
-		<!-- Contact Us Form -->
-
-		<h2>Reach out to us</h2>
-		<form>
-			<div class="form-group">
-				<label for="mail">Email address</label>
-				<input
-					type="email"
-					class="form-control"
-					id="email"
-					aria-describedby="emailHelp"
-					placeholder="Enter your email address"
-				/>
-			</div>
-			<div class="form-group">
-				<label for="first_name">Name</label>
-				<input
-					type="text"
-					class="form-control"
-					id="name"
-					placeholder="Enter your Name"
-				/>
-			</div>
-			<div class="form-group">
-				<label for="phone_number">Phone Number</label>
-				<input
-					type="text"
-					class="form-control"
-					id="number"
-					placeholder="Enter your Mobile Number"
-					style="width: 300px"
-				/>
-			</div>
-			<button type="submit" class="btn btn-primary">Submit</button>
-		</form>
-
-		<!-- End of Form -->
-
-		<div class="footer">
-			Made with ❤️ by <a href="https://adithyapai.com">Adithya Pai</a>
-		</div>
-		<button id="btnScrollToTop">
-			<i class="material-icons">
-				arrow_upward
-			</i>
-		</button>
-
-		<script>
-			new WOW().init();
-			const forScroll = document.getElementById('btnScrollToTop')
-
-			forScroll.addEventListener('click', () => {
-				window.scrollTo({
-					top: 0, 
-					left : 0, 
-					behavior : "smooth"
-				})
-			})
-		</script>
-
-		<!--Dont forget to follow me and star the repo on github !!!!!!!-->
                   
         </body>
         <script>
@@ -1028,7 +512,7 @@ <h2>Reach out to us</h2>
                 <a href="Your Linkedin id  link"><i class="fab fa-linkedin" style="display: flex;" aria-hidden="true"></i></a>
                 <a href=" your Github id link "><i class="fab fa-github" style="display: flex;" aria-hidden="true"></i></a>
             </div>
-            <div class="person1">Created By <a>Sanidhya Panwar</a></div>
+           
             <div class="footer">
                 Made with ❤️ by <a href="https://adithyapai.com">Adithya Pai</a>
             </div>
@@ -1036,57 +520,6 @@ <h2>Reach out to us</h2>
                 <a href="#section1" title="Back to Top"><i class="fas fa-arrow-up"></i></a>
             </div>
         </footer>
-
-
-        <!--                       <div class="box box3 animate__animated animate__slideInRight wow" data-wow-duration="1s" data-wow-delay="0.75s">
-                      <h2><b>Social Links</b></h2>
-                    </div>
-                    <div class="box box3 animate__animated animate__slideInRight wow" data-wow-duration="1s" data-wow-delay="0.75s">
-
-
-
-                      <div class="links_align">
-                        <div class="github">
-                          <a href="https://github.com/adithyapaib" target="_blank"><i class="fab fa-github iconn fa-2x"></i></a>
-                        </div>
-                        <div class="linkedin">
-                          <a href="https://www.linkedin.com/in/adithyapaib" target="_blank"><i class="fab fa-linkedin-in iconn fa-2x"></i></a>
-                        </div>
-                        <div class="mail">
-                          <a href="mail:paiadithya26@gmail.com" target="_blank"><i class="fas fa-at iconn fa-2x"></i></a>
-                        </div>
-                        <div class="twitter">
-                          <a href="https://twitter.com/adithyapaib" target="_blank"><i class="fab fa-twitter iconn fa-2x"></i></a>
-                        </div>
-                        <div class="instagram">
-                          <a href="" target="_blank"><i class="fab fa-instagram iconn fa-2x"></i></a>
-                        </div>
-                      </div>
-
-
-                    </div> -->
-
-        <!-- <div class="box box3 animate__animated animate__slideInRight wow" data-wow-duration="1s" data-wow-delay="0.75s">
-                        <div>
-                            <ul>
-                                <li>
-                                    <a href="https://github.com/adithyapaib" target="_blank"><i class="fab fa-github iconn"></i></a>
-                                </li>
-                                <li>
-                                    <a href="https://www.linkedin.com/in/adithyapaib" target="_blank"><i class="fab fa-linkedin-in iconn"></i></a>
-                                </li>
-                                <li>
-                                    <a href="mail:paiadithya26@gmail.com" target="_blank"><i class="fas fa-at iconn"><i></a>
-                                </li>
-                                <li>
-                                    <a href="https://twitter.com/adithyapaib" target="_blank"><i class="fab fa-twitter iconn"></i></a>
-                                </li>
-                                <li>
-                                    <a href="" target="_blank"><i class="fab fa-instagram iconn"></i></a>
-                                </li>
-                            </ul>
-                        </div>
-                    </div> -->
     </div>
     </div>
     <!-- End of Form -->

From 57232cd09640494c361bab8e34c2b0fbcadc364d Mon Sep 17 00:00:00 2001
From: Paawan Singal <paawansingal09@gmail.com>
Date: Fri, 22 Oct 2021 20:46:14 +0530
Subject: [PATCH 2/3] Removed all the repeated code

---
 Index2.html | 318 ++++++++++----------
 index.html  | 813 ++++++++++++++++++++++++++++------------------------
 2 files changed, 602 insertions(+), 529 deletions(-)

diff --git a/Index2.html b/Index2.html
index 77ad3cb..1432d8c 100644
--- a/Index2.html
+++ b/Index2.html
@@ -26,9 +26,9 @@
     <!--Enter your Name here and Speacializations so that ur site will be easily available on search engines-->
     <title>Adithya Pai | Web designer</title>
     <!-- Bootstrap CSS -->
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous" />
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+        integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous" />
 </head>
-
 <head>
     <meta charset="UTF-8">
     <!--The below tag is for browser tab color in phones chrome preffered -->
@@ -57,14 +57,12 @@
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
     <title>Adithya Pai | Web designer</title>
 </head>
-
 <body>
     <!--Landing div-->
     <div class="landing">
-
-
         <!--Make sure that the image u add here is a square image and for best performance compress the image -->
-        <div class="img animate__animated animate__slideInDown wow" data-wow-duration="1.5s" data-wow-delay="0.3s"><img src="assets/img/me.jpg" alt="name photo"></div>
+        <div class="img animate__animated animate__slideInDown wow" data-wow-duration="1.5s" data-wow-delay="0.3s"><img
+                src="assets/img/me.jpg" alt="name photo"></div>
         <div class="me animate__animated animate__slideInUp wow" data-wow-duration="1.5s" data-wow-delay="0.3s">
             <!--Enter your name here-->
             <section class="shortme">
@@ -75,13 +73,16 @@ <h3 id="typed"></h3>
     </div>
     <div class="about">
         <div class="card-wrapper">
-            <div class="box box1 animate__animated animate__slideInLeft wow" data-wow-duration="1s" data-wow-delay="0s"><span> <b>About Me</b></span>
+            <div class="box box1 animate__animated animate__slideInLeft wow" data-wow-duration="1s" data-wow-delay="0s">
+                <span> <b>About Me</b></span>
                 <!--Add a SQUARE IMAGE OF YOURS FOR BEST APPEARENCE (1:1)-->
                 <img src="assets/img/aboutme.jpg" alt="">
-                <p>Hey I am Adithya Pai from Mangalore, India.<br>I am currently pursuing my BE in Computer Science. <br> I love to design websites and <b style="color: #f53f2b;">UI/UX</b></p>
+                <p>Hey I am Adithya Pai from Mangalore, India.<br>I am currently pursuing my BE in Computer Science.
+                    <br> I love to design websites and <b style="color: #f53f2b;">UI/UX</b></p>
                 <div class="resume"><button>Resume</button></div>
             </div>
-            <div class="box box2 animate__animated animate__slideInUp wow" data-wow-duration="1s" data-wow-delay="0.37s"> <span><b>Skills</b></span>
+            <div class="box box2 animate__animated animate__slideInUp wow" data-wow-duration="1s"
+                data-wow-delay="0.37s"> <span><b>Skills</b></span>
                 <br> <span> Programming</span>
                 <ul class="mainlist">
                     <!--U can use Fontawsome icons here-->
@@ -105,19 +106,23 @@ <h3 id="typed"></h3>
                 <ul class="mainlist">
                     <!--USE ICONS FROM ICONS8 OF SIZE 48PX FOR BEST APPEARANCE -->
                     <ul class="sublist">
-                        <li class="icon"><img src="https://img.icons8.com/windows/48/000000/adobe-illustrator.png" alt="illustrator" /></li>
+                        <li class="icon"><img src="https://img.icons8.com/windows/48/000000/adobe-illustrator.png"
+                                alt="illustrator" /></li>
                         <li>Illustrator</li>
                     </ul>
                     <ul class="sublist">
-                        <li class="icon"><img src="https://img.icons8.com/windows/48/000000/adobe-photoshop.png" alt="Photoshop" /></li>
+                        <li class="icon"><img src="https://img.icons8.com/windows/48/000000/adobe-photoshop.png"
+                                alt="Photoshop" /></li>
                         <li>Photoshop</li>
                     </ul>
                     <ul class="sublist">
-                        <li class="icon"><img src="https://img.icons8.com/windows/48/000000/adobe-xd.png" alt="adobe xd" /></li>
+                        <li class="icon"><img src="https://img.icons8.com/windows/48/000000/adobe-xd.png"
+                                alt="adobe xd" /></li>
                         <li>XD</li>
                     </ul>
                     <ul class="sublist">
-                        <li class="icon"><img src="https://img.icons8.com/windows/48/000000/figma.png" alt="figma" /></li>
+                        <li class="icon"><img src="https://img.icons8.com/windows/48/000000/figma.png" alt="figma" />
+                        </li>
                         <li>Figma</li>
                     </ul>
                 </ul>
@@ -128,157 +133,174 @@ <h3 id="typed"></h3>
                         <li>Git</li>
                     </ul>
                     <ul class="sublist">
-                        <li class="icon"><img src="https://img.icons8.com/windows/48/000000/github.png" alt="github" /></li>
+                        <li class="icon"><img src="https://img.icons8.com/windows/48/000000/github.png" alt="github" />
+                        </li>
                         <li>Github</li>
                     </ul>
                     <ul class="sublist">
-                        <li class="icon"><img src="https://img.icons8.com/carbon-copy/48/000000/visual-studio-code-2019.png" alt="vscode" /></li>
+                        <li class="icon"><img
+                                src="https://img.icons8.com/carbon-copy/48/000000/visual-studio-code-2019.png"
+                                alt="vscode" /></li>
                         <li>VS Code</li>
                     </ul>
                     <ul class="sublist">
-                        <li class="icon"><img src="https://img.icons8.com/windows/48/000000/gitlab.png" alt="gitlab"></li>
+                        <li class="icon"><img src="https://img.icons8.com/windows/48/000000/gitlab.png" alt="gitlab">
+                        </li>
                         <li>Gitlab</li>
                     </ul>
                 </ul>
             </div>
-             <!-- Projects Section -->
+            <!-- Projects Section -->
             <section id="projects ">
-            <div class="projects container ">
-            <div class="projects-header ">
-            <h1 class="section-title ">Recent <span>Projects</span></h1>
-            </div>
-            <div class="card-wrapper ">
-             <div class="box box1 animate__animated animate__slideInLeft wow " data-wow-duration="1s " data-wow-delay="0.12s "><span> <b>Project Name</b></span>
-            <!--Add a SQUARE IMAGE OF YOURS FOR BEST APPEARENCE (1:1)-->
-            <img class="project-pic " src="assets/img/project.jpg " alt=" ">
-            <h2>Coding is Love</h2>
-            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto cupiditate voluptatum impedit unde
-              rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque atque libero non sunt
-              harum? Ipsum repellat animi, fugit architecto voluptatum odit et!</p>          
-                <div class="resume "><button>Know More</button></div>
-            </div>
-        <div class="box box1 animate__animated animate__slideInRight wow " data-wow-duration="1s " data-wow-delay="0.37s ">
-            <span> <b>Project Name</b></span>
-            <img class="project-pic " src="assets/img/project.jpg " alt=" ">
-            <h2>Coding is Love</h2>
-            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto cupiditate voluptatum impedit unde
-              rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque atque libero non sunt
-              harum? Ipsum repellat animi, fugit architecto voluptatum odit et!</p>          
-                <div class="resume "><button>Know More</button></div>
-        </div>
-        <div class="box box1 animate__animated animate__slideInUp wow " data-wow-duration="1s " data-wow-delay="0.12s "><span> <b>Project Name</b></span>
-            <!--Add a SQUARE IMAGE OF YOURS FOR BEST APPEARENCE (1:1)-->
-            <img class="project-pic " src="assets/img/project.jpg " alt=" ">
-            <h2>Coding is Love</h2>
-            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto cupiditate voluptatum impedit unde
-              rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque atque libero non sunt
-              harum? Ipsum repellat animi, fugit architecto voluptatum odit et!</p>          
-                <div class="resume "><button>Know More</button></div>
-        </div>
-        <div class="box box1 animate__animated animate__slideInUp wow " data-wow-duration="1s " data-wow-delay="0.37s ">
-            <span> <b>Project Name</b></span>
-            <img class="project-pic " src="assets/img/project.jpg " alt=" ">
-            <h2>Coding is Love</h2>
-            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto cupiditate voluptatum impedit unde
-              rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque atque libero non sunt
-              harum? Ipsum repellat animi, fugit architecto voluptatum odit et!</p>          
-                <div class="resume "><button>Know More</button></div>
-        </div>
-      
-    </div>
-  </section>
-  <!-- End Projects Section -->
-            
-
-                <!--TypedJs -->
-                <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11"></script>
-                <script>
-                    //Enter your specilizations here
-                    var typed = new Typed("#typed", {
-                        strings: ['Programmer', 'Engineer', 'Gamer ', 'Designer'],
-                        typeSpeed: 0.5,
-                        smartBackspace: true,
-                        backSpeed: 0.1,
-                        loop: true,
-                        showCursor: false,
-                    });
-                </script>
-                <!--Wow js is for aniamtion on scroll-->
-                <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js" integrity="sha512-Eak/29OTpb36LLo2r47IpVzPBLXnAMPAVypbSZiZ4Qkf8p/7S/XRG5xp7OKWPPYfJT6metI+IORkR5G8F900+g==" crossorigin="anonymous"></script>
-                <script>
-                    new WOW().init();
-                </script>
-                <!-- Javascript for scrolling to top page -->
-            
-            </div>
-                    <div class="box box3 animate__animated animate__slideInRight wow" data-wow-duration="1s" data-wow-delay="0.75s">
-                        <!-- <h2>Contact Me</h2> -->
-                        <form id="contact-form">
-                            <div class="form-group">
-                                <label for="mail">Email address *</label>
-                                <input type="email" required class="form-control" id="email" aria-describedby="emailHelp" placeholder="Enter your email address" />
-                            </div>
-                            <div class="form-group">
-                                <label for="first_name">Name *</label>
-                                <input type="text" required class="form-control" id="name" placeholder="Enter your Name"/>
-                            </div>
-                            <div class="form-group">
-                                <label for="phone_number">Phone Number *</label>
-                                <input type="text" pattern="^\d{10}$" required class="form-control" id="number" placeholder="Enter your Mobile Number" style="width: 300px"/>
-                            </div>
-                            <button type="submit" id="contact-btn" class="btn btn-primary">Submit</button>
-                        </form>
+                <div class="projects container ">
+                    <div class="projects-header ">
+                        <h1 class="section-title ">Recent <span>Projects</span></h1>
                     </div>
-                    <script>
-                        const contactBtn = document.querySelector("#contact-btn");
-                        const email = document.querySelector("#email");
-                        const name = document.querySelector("#name");
-                        const number = document.querySelector("#number");
-                        const form = document.querySelector("#contact-form");
+                    <div class="card-wrapper ">
+                        <div class="box box1 animate__animated animate__slideInLeft wow " data-wow-duration="1s "
+                            data-wow-delay="0.12s "><span> <b>Project Name</b></span>
+                            <!--Add a SQUARE IMAGE OF YOURS FOR BEST APPEARENCE (1:1)-->
+                            <img class="project-pic " src="assets/img/project.jpg " alt=" ">
+                            <h2>Coding is Love</h2>
+                            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto cupiditate voluptatum
+                                impedit unde
+                                rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque
+                                atque libero non sunt
+                                harum? Ipsum repellat animi, fugit architecto voluptatum odit et!</p>
+                            <div class="resume "><button>Know More</button></div>
+                        </div>
+                        <div class="box box1 animate__animated animate__slideInRight wow " data-wow-duration="1s "
+                            data-wow-delay="0.37s ">
+                            <span> <b>Project Name</b></span>
+                            <img class="project-pic " src="assets/img/project.jpg " alt=" ">
+                            <h2>Coding is Love</h2>
+                            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto cupiditate voluptatum
+                                impedit unde
+                                rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque
+                                atque libero non sunt
+                                harum? Ipsum repellat animi, fugit architecto voluptatum odit et!</p>
+                            <div class="resume "><button>Know More</button></div>
+                        </div>
+                        <div class="box box1 animate__animated animate__slideInUp wow " data-wow-duration="1s "
+                            data-wow-delay="0.12s "><span> <b>Project Name</b></span>
+                            <!--Add a SQUARE IMAGE OF YOURS FOR BEST APPEARENCE (1:1)-->
+                            <img class="project-pic " src="assets/img/project.jpg " alt=" ">
+                            <h2>Coding is Love</h2>
+                            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto cupiditate voluptatum
+                                impedit unde
+                                rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque
+                                atque libero non sunt
+                                harum? Ipsum repellat animi, fugit architecto voluptatum odit et!</p>
+                            <div class="resume "><button>Know More</button></div>
+                        </div>
+                        <div class="box box1 animate__animated animate__slideInUp wow " data-wow-duration="1s "
+                            data-wow-delay="0.37s ">
+                            <span> <b>Project Name</b></span>
+                            <img class="project-pic " src="assets/img/project.jpg " alt=" ">
+                            <h2>Coding is Love</h2>
+                            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto cupiditate voluptatum
+                                impedit unde
+                                rem ipsa distinctio illum quae mollitia ut, accusantium eius odio ducimus illo neque
+                                atque libero non sunt
+                                harum? Ipsum repellat animi, fugit architecto voluptatum odit et!</p>
+                            <div class="resume "><button>Know More</button></div>
+                        </div>
 
-                        contactBtn.addEventListener("click", (e) => {
-                            e.preventDefault();
-                            if(email.value === "" || name.value === "" || number.value === ""){
-                                alert("Please fill all the details!!");
-                            }
-                            else if(form.checkValidity()){
-                                alert("Your details are successfully submitted!!");
-                                email.value = "";
-                                name.value = "";
-                                number.value = "";
-                            }
-                            else{
-                                alert("Please see that your mail and phone number are correct!!");
-                            }
-                        });
-                    </script>
-            </div>
+                    </div>
+            </section>
+            <!-- End Projects Section -->
+            <!--TypedJs -->
+            <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11"></script>
+            <script>
+                //Enter your specilizations here
+                var typed = new Typed("#typed", {
+                    strings: ['Programmer', 'Engineer', 'Gamer ', 'Designer'],
+                    typeSpeed: 0.5,
+                    smartBackspace: true,
+                    backSpeed: 0.1,
+                    loop: true,
+                    showCursor: false,
+                });
+            </script>
+            <!--Wow js is for aniamtion on scroll-->
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"
+                integrity="sha512-Eak/29OTpb36LLo2r47IpVzPBLXnAMPAVypbSZiZ4Qkf8p/7S/XRG5xp7OKWPPYfJT6metI+IORkR5G8F900+g=="
+                crossorigin="anonymous"></script>
+            <script>
+                new WOW().init();
+            </script>
+            <!-- Javascript for scrolling to top page -->
         </div>
-                <!-- End of Form -->
-
-                <div class="footer">
-                    Made with ❤️ by <a href="https://adithyapai.com">Adithya Pai</a>
+        <div class="box box3 animate__animated animate__slideInRight wow" data-wow-duration="1s" data-wow-delay="0.75s">
+            <!-- <h2>Contact Me</h2> -->
+            <form id="contact-form">
+                <div class="form-group">
+                    <label for="mail">Email address *</label>
+                    <input type="email" required class="form-control" id="email" aria-describedby="emailHelp"
+                        placeholder="Enter your email address" />
+                </div>
+                <div class="form-group">
+                    <label for="first_name">Name *</label>
+                    <input type="text" required class="form-control" id="name" placeholder="Enter your Name" />
                 </div>
-                <div class="back_to_top">
-                    <a href="#backToTop" title="Back to Top"><i class="fas fa-arrow-up"></i></a>
+                <div class="form-group">
+                    <label for="phone_number">Phone Number *</label>
+                    <input type="text" pattern="^\d{10}$" required class="form-control" id="number"
+                        placeholder="Enter your Mobile Number" style="width: 300px" />
                 </div>
-                <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js" integrity="sha512-Eak/29OTpb36LLo2r47IpVzPBLXnAMPAVypbSZiZ4Qkf8p/7S/XRG5xp7OKWPPYfJT6metI+IORkR5G8F900+g==" crossorigin="anonymous"></script>
-                <script>
-                    new WOW().init();
-                </script>
-                    <script>
-                    const btnScrollToTop = document.querySelector("#btnScrollToTop");
-                    btnScrollToTop.addEventListener("click", function() {
-                        window.scrollTo({
-                            top: 0,
-                            left: 0,
-                            behavior: "smooth"
-                        });
-                    });
-                </script>
+                <button type="submit" id="contact-btn" class="btn btn-primary">Submit</button>
+            </form>
+        </div>
+        <script>
+            const contactBtn = document.querySelector("#contact-btn");
+            const email = document.querySelector("#email");
+            const name = document.querySelector("#name");
+            const number = document.querySelector("#number");
+            const form = document.querySelector("#contact-form");
 
-                <!--Dont forget to follow me and star the repo on github !!!!!!!-->
-</body>
+            contactBtn.addEventListener("click", (e) => {
+                e.preventDefault();
+                if (email.value === "" || name.value === "" || number.value === "") {
+                    alert("Please fill all the details!!");
+                }
+                else if (form.checkValidity()) {
+                    alert("Your details are successfully submitted!!");
+                    email.value = "";
+                    name.value = "";
+                    number.value = "";
+                }
+                else {
+                    alert("Please see that your mail and phone number are correct!!");
+                }
+            });
+        </script>
+    </div>
+    </div>
+    <!-- End of Form -->
 
+    <div class="footer">
+        Made with ❤️ by <a href="https://adithyapai.com">Adithya Pai</a>
+    </div>
+    <div class="back_to_top">
+        <a href="#backToTop" title="Back to Top"><i class="fas fa-arrow-up"></i></a>
+    </div>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"
+        integrity="sha512-Eak/29OTpb36LLo2r47IpVzPBLXnAMPAVypbSZiZ4Qkf8p/7S/XRG5xp7OKWPPYfJT6metI+IORkR5G8F900+g=="
+        crossorigin="anonymous"></script>
+    <script>
+        new WOW().init();
+    </script>
+    <script>
+        const btnScrollToTop = document.querySelector("#btnScrollToTop");
+        btnScrollToTop.addEventListener("click", function () {
+            window.scrollTo({
+                top: 0,
+                left: 0,
+                behavior: "smooth"
+            });
+        });
+    </script>
 
-</html>
+    <!--Dont forget to follow me and star the repo on github !!!!!!!-->
+</body>
+</html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 505971c..a51338e 100644
--- a/index.html
+++ b/index.html
@@ -67,26 +67,26 @@
     <!--Landing div-->
     <div class="landing">
         <!--Make sure that the image u add here is a square image and for best performance compress the image -->
-                <!--Landing div-->
-                <div class="landing">
+        <!--Landing div-->
+        <div class="landing">
 
-    <div class="landing" id="section1">
-        <!--Make sure that the image u add here is a square image and for best performance compress the image -->
-        <div class="img animate__animated animate__slideInDown wow" data-wow-duration="1.5s" data-wow-delay="0.3s"><img
-                src="assets/img/me.jpg" alt="name photo"></div>
-        <div class="me animate__animated animate__slideInUp wow" data-wow-duration="1.5s" data-wow-delay="0.3s">
-            <!--Enter your name here-->
-            <section class="shortme">
-                <h2>Adithya Pai</h2>
-            </section>
-            <h3 id="typed"></h3>
-        </div>
-    </div>
-    <div class="about">
-        <div class="projects container ">
-        <div class="projects-header ">
-            <h1 class="section-title ">About Me</h1>
-        </div>
+            <div class="landing" id="section1">
+                <!--Make sure that the image u add here is a square image and for best performance compress the image -->
+                <div class="img animate__animated animate__slideInDown wow" data-wow-duration="1.5s"
+                    data-wow-delay="0.3s"><img src="assets/img/me.jpg" alt="name photo"></div>
+                <div class="me animate__animated animate__slideInUp wow" data-wow-duration="1.5s" data-wow-delay="0.3s">
+                    <!--Enter your name here-->
+                    <section class="shortme">
+                        <h2>Adithya Pai</h2>
+                    </section>
+                    <h3 id="typed"></h3>
+                </div>
+            </div>
+            <div class="about">
+                <div class="projects container ">
+                    <div class="projects-header ">
+                        <h1 class="section-title ">About Me</h1>
+                    </div>
                     <div class="about">
                         <div class="card-wrapper">
                             <div class="box box1 animate__animated animate__slideInLeft wow" data-wow-duration="1s"
@@ -120,7 +120,7 @@ <h1 class="section-title ">About Me</h1>
                                         <li>Java</li>
                                     </ul>
                                 </ul><span style="width: 100%; text-align: center;">Design</span>
-                             
+
                                 <ul class="mainlist">
                                     <ul class="sublist">
                                         <li class="icon"><img src="https://img.icons8.com/windows/48/000000/git.png"
@@ -145,393 +145,444 @@ <h1 class="section-title ">About Me</h1>
                                     </ul>
                                 </ul>
                             </div>
-
-            <!-- This below Section Contains my Education background -->
-            <section id="education">
-                <div class="ed-container">
-                    <div class="projects-header">
-                        <h1 class="section-title text-success"> EDUCATION</h1>
-                    </div>
-                    <div class="ed-content card-wrapper animate__animated animate__slideInLeft wow"
-                        data-wow-duration="1s" data-wow-delay="0.12s"">
+                            <!-- This below Section Contains my Education background -->
+                            <section id="education">
+                                <div class="ed-container">
+                                    <div class="projects-header">
+                                        <h1 class="section-title text-success"> EDUCATION</h1>
+                                    </div>
+                                    <div class="ed-content card-wrapper animate__animated animate__slideInLeft wow"
+                                        data-wow-duration="1s" data-wow-delay="0.12s"">
          
                     <div class=" row gx-5">
-                        <div class="col-lg-6 col-md-6 col-sm-12">
-                            <img class="ed-pic" src="assets/img/clg.jpg" alt="">
+                                        <div class="col-lg-6 col-md-6 col-sm-12">
+                                            <img class="ed-pic" src="assets/img/clg.jpg" alt="">
+                                        </div>
+                                        <div class="col-lg-6 col-md-6 col-sm-12 ">
+                                            <div class="cont">
+                                                <h1><a
+                                                        href="https://www.linkedin.com/school/st.-aloysius-college-mangalore-575003/">
+                                                        St. Aloysius College, Mangalore-575003</a></h1>
+                                                <p><strong>I have Completed my HSC from this College.</strong> St.
+                                                    Aloysius College,
+                                                    Mangalore, established in 1880, St Aloysius College prides itself in
+                                                    its history of
+                                                    138 years. Thousands of students who have passed through the portals
+                                                    of this
+                                                    institution have rendered outstanding service to humankind not only
+                                                    in India but
+                                                    across the globe.</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="row  mt-5">
+                                        <div class="col-lg-6 col-md-6 col-sm-12">
+                                            <img class="ed-pic" src="assets/img/eng_clg.jpg" alt="">
+                                        </div>
+                                        <div class="col-lg-6 col-md-6 col-sm-12 mt-2 ">
+                                            <div class="cont">
+                                                <h1><a href="https://www.canaraengineering.in/about-canara"> Canara
+                                                        Engineering College,
+                                                        BANTWAL</a></h1>
+                                                <p><strong>I have Completed Enginnering degree from this reputed
+                                                        College.</strong>The
+                                                    institution is completely self-financed and does not receive grants
+                                                    from any source.
+                                                    At present the total intake is 480 in UG Courses. 40% of the seats
+                                                    are allotted
+                                                    through the CET cell, 30% seats are filled under ‘Konkani’ and
+                                                    General Merit by
+                                                    KRLMPCA quota and the remaining 30% under NRI/Management quota. The
+                                                    total intake for
+                                                    PG courses is 18.</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
                         </div>
-                        <div class="col-lg-6 col-md-6 col-sm-12 ">
-                            <div class="cont">
-                                <h1><a href="https://www.linkedin.com/school/st.-aloysius-college-mangalore-575003/">
-                                        St. Aloysius College, Mangalore-575003</a></h1>
-                                <p><strong>I have Completed my HSC from this College.</strong> St. Aloysius College,
-                                    Mangalore, established in 1880, St Aloysius College prides itself in its history of
-                                    138 years. Thousands of students who have passed through the portals of this
-                                    institution have rendered outstanding service to humankind not only in India but
-                                    across the globe.</p>
+                        </section>
+                        <!-- This will Contains blog Sections -->
+                        <section id="education">
+                            <div class="ed-container">
+                                <div class="projects-header mt-4">
+                                    <h1 class="section-title text-success"> BLOG</h1>
+                                </div>
+                                <div class="card-wrapper animate__animated animate__slideInLeft wow"
+                                    data-wow-duration="1s" data-wow-delay="0.12s"">
+                   <div class=" container text-center mb-5"> <img class="blog-img rounded w-75 "
+                                        src="assets/img/blog.jpg" alt="">
+                                </div>
+                                <div class="container">
+                                    <p class="blog-para px-4"><strong>This is my First Blog ,I hope you guys will like
+                                            it, Thank you!</strong> Lorem ipsum dolor sit amet, consectetur adipisicing
+                                        elit. Dolorum laboriosam beatae
+                                        molestias ipsa officia accusantium culpa atque? Eum ipsum necessitatibus
+                                        aspernatur qui!
+                                        Veritatis iure saepe possimus quos sunt ipsa et laudantium nostrum hic
+                                        recusandae. Modi
+                                        provident obcaecati totam voluptatum quidem odit accusantium molestiae doloribus
+                                        tempora,
+                                        maxime, quia quasi facilis temporibus, culpa cupiditate atque eius ea unde
+                                        distinctio sunt ut
+                                        nostrum. Sequi dicta nesciunt quo omnis explicabo, ut, optio at veniam quisquam
+                                        itaque
+                                        aspernatur. Magni ullam unde minus, deserunt nulla aperiam aspernatur totam,
+                                        harum, similique
+                                        illo incidunt iure ab et commodi earum! Nostrum nobis, quod voluptatem earum
+                                        repudiandae error
+                                        tempore aperiam. Lorem ipsum dolor sit amet consectetur adipisicing elit.
+                                        Similique iste possimus numquam aliquam officiis molestias error, facere dolore
+                                        nam sunt repellendus quidem iure quae impedit, quo autem rem quis nemo
+                                        inventore. Velit maxime, optio nisi doloremque blanditiis sapiente incidunt
+                                        alias soluta tempore quibusdam illum quia provident ducimus dolores numquam
+                                        nihil perspiciatis architecto aspernatur facere possimus corrupti corporis
+                                        deserunt. Necessitatibus quo iure omnis odio vel assumenda vero at. Ullam
+                                        numquam nemo ad accusantium animi optio cum dicta quam quaerat adipisci
+                                        eligendi, obcaecati accusamus at deleniti doloribus eos molestias libero, amet
+                                        debitis commodi incidunt aliquid vero iste. Illum in tenetur doloribus iusto
+                                        praesentium repellat deserunt nemo officia? Asperiores laborum quis, accusamus
+                                        in nemo suscipit ipsam quisquam repellat corporis illo eaque obcaecati vel
+                                        excepturi fugiat. Unde doloremque maxime ipsa eveniet? Et animi exercitationem
+                                        delectus similique? Odit maxime assumenda dolorem veritatis odio voluptas autem
+                                        dicta laborum fugit quaerat, ipsum, ducimus suscipit repudiandae impedit
+                                        recusandae! Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa error
+                                        dolore deleniti commodi reiciendis cupiditate deserunt dolores, doloribus,
+                                        quisquam, architecto asperiores rerum vero a dolorem fugiat repellat quae
+                                        sapiente impedit expedita est! Tenetur delectus id necessitatibus minus ab
+                                        repellendus, obcaecati ipsum labore ipsam ducimus assumenda recusandae facilis,
+                                        unde praesentium fugiat repudiandae natus alias amet nam? Veritatis nemo rem,
+                                        totam quod iure quisquam earum eaque quaerat deleniti assumenda explicabo velit
+                                        est architecto autem sed praesentium corporis? Fugit nobis minima maiores
+                                        sapiente obcaecati repellat, deserunt, animi omnis assumenda doloremque
+                                        exercitationem? Dolor at necessitatibus qui tempora, distinctio quos eaque ea
+                                        autem itaque laborum ex dolore quia voluptatum iste animi dicta sit voluptas
+                                        perferendis accusamus dignissimos unde? Quia consequuntur atque, nostrum ut
+                                        aspernatur praesentium soluta nam facere doloremque illum eius quis possimus
+                                        explicabo magni deserunt ducimus voluptatum veniam nihil ipsa perferendis
+                                        repellat dolorum non veritatis. Enim, dolore cupiditate culpa, ea magnam quae
+                                        accusantium ratione dolorum explicabo aliquam perferendis vitae quis, eveniet
+                                        delectus sed quidem rerum minima unde nulla fuga maiores! Dolore, voluptatum
+                                        unde voluptas alias dolorem porro totam possimus optio architecto perferendis
+                                        quia quas accusantium quo, fuga ab quidem eveniet enim distinctio, reiciendis
+                                        illum mollitia autem! Repellat, quasi est ea vitae itaque velit. Laborum quam
+                                        consectetur dolores veritatis quos sequi dolorum omnis ex quasi, dolorem
+                                        consequatur excepturi quis maxime nisi magni animi. Modi cupiditate nam labore
+                                        ex dignissimos culpa unde aspernatur, vel deleniti voluptatem dolores quis
+                                        quibusdam autem, beatae facere ad ea nemo, dolorem sequi odit minima totam?
+                                        Laudantium rem quos et recusandae voluptatum. </p>
+                                </div>
                             </div>
-
-
-                        </div>
                     </div>
-                    <div class="row  mt-5">
-                        <div class="col-lg-6 col-md-6 col-sm-12">
-                            <img class="ed-pic" src="assets/img/eng_clg.jpg" alt="">
-                        </div>
-                        <div class="col-lg-6 col-md-6 col-sm-12 mt-2 ">
-                            <div class="cont">
-                                <h1><a href="https://www.canaraengineering.in/about-canara"> Canara Engineering College,
-                                        BANTWAL</a></h1>
-                                <p><strong>I have Completed Enginnering degree from this reputed College.</strong>The
-                                    institution is completely self-financed and does not receive grants from any source.
-                                    At present the total intake is 480 in UG Courses. 40% of the seats are allotted
-                                    through the CET cell, 30% seats are filled under ‘Konkani’ and General Merit by
-                                    KRLMPCA quota and the remaining 30% under NRI/Management quota. The total intake for
-                                    PG courses is 18.</p>
+                    </section>
+                    <!-- Projects Section -->
+                    <section id="projects">
+                        <div class="projects container">
+                            <div class="projects-header">
+                                <h1 class="section-title">Recent <span>Projects</span></h1>
+                            </div>
+                            <div class="card-wrapper">
+                                <div class="box box1 animate__animated animate__slideInLeft wow" data-wow-duration="1s"
+                                    data-wow-delay="0.12s">
+                                    <span> <b>Project Name</b></span>
+                                    <!--Add a SQUARE IMAGE OF YOURS FOR BEST APPEARENCE (1:1)-->
+                                    <img class="project-pic" src="assets/img/project.jpg" alt="" />
+                                    <h2>Coding is Love</h2>
+                                    <p>
+                                        Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto
+                                        cupiditate voluptatum impedit unde rem ipsa distinctio illum quae
+                                        mollitia ut, accusantium eius odio ducimus illo neque atque libero
+                                        non sunt harum? Ipsum repellat animi, fugit architecto
+                                        voluptatum odit et!
+                                    </p>
+                                    <div class="resume"><button>Know More</button></div>
+                                </div>
+                                <div class="box box1 animate__animated animate__slideInRight wow" data-wow-duration="1s"
+                                    data-wow-delay="0.37s">
+                                    <span> <b>Project Name</b></span>
+                                    <img class="project-pic" src="assets/img/project.jpg" alt="" />
+                                    <h2>Coding is Love</h2>
+                                    <p>
+                                        Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto
+                                        cupiditate voluptatum impedit unde rem ipsa distinctio illum quae
+                                        mollitia ut, accusantium eius odio ducimus illo neque atque libero
+                                        non sunt harum? Ipsum repellat animi, fugit architecto
+                                        voluptatum odit et!
+                                    </p>
+                                    <div class="resume"><button>Know More</button></div>
+                                </div>
+                                <div class="box box1 animate__animated animate__slideInUp wow" data-wow-duration="1s"
+                                    data-wow-delay="0.12s">
+                                    <span> <b>Project Name</b></span>
+                                    <!--Add a SQUARE IMAGE OF YOURS FOR BEST APPEARENCE (1:1)-->
+                                    <img class="project-pic" src="assets/img/project.jpg" alt="" />
+                                    <h2>Coding is Love</h2>
+                                    <p>
+                                        Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto
+                                        cupiditate voluptatum impedit unde rem ipsa distinctio illum quae
+                                        mollitia ut, accusantium eius odio ducimus illo neque atque libero
+                                        non sunt harum? Ipsum repellat animi, fugit architecto
+                                        voluptatum odit et!
+                                    </p>
+                                    <div class="resume"><button>Know More</button></div>
+                                </div>
+                                <div class="box box1 animate__animated animate__slideInUp wow" data-wow-duration="1s"
+                                    data-wow-delay="0.37s">
+                                    <span> <b>Project Name</b></span>
+                                    <img class="project-pic" src="assets/img/project.jpg" alt="" />
+                                    <h2>Coding is Love</h2>
+                                    <p>
+                                        Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto
+                                        cupiditate voluptatum impedit unde rem ipsa distinctio illum quae
+                                        mollitia ut, accusantium eius odio ducimus illo neque atque libero
+                                        non sunt harum? Ipsum repellat animi, fugit architecto
+                                        voluptatum odit et!
+                                    </p>
+                                    <div class="resume"><button>Know More</button></div>
+                                </div>
                             </div>
-
-
                         </div>
-                    </div>
-                </div>
-        </div>
-        </section>
-        <!-- This will Contains blog Sections -->
-        <section id="education">
-            <div class="ed-container">
-                <div class="projects-header mt-4">
-                    <h1 class="section-title text-success"> BLOG</h1>
-                </div>
-                <div class="card-wrapper animate__animated animate__slideInLeft wow" data-wow-duration="1s"
-                    data-wow-delay="0.12s"">
-                   <div class=" container text-center mb-5"> <img class="blog-img rounded w-75 " src="assets/img/blog.jpg" alt="">
-                </div>
-                <div class="container">
-                    <p class="blog-para px-4"><strong>This is my First Blog ,I hope you guys will like it, Thank you!</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum laboriosam beatae
-                        molestias ipsa officia accusantium culpa atque? Eum ipsum necessitatibus aspernatur qui!
-                        Veritatis iure saepe possimus quos sunt ipsa et laudantium nostrum hic recusandae. Modi
-                        provident obcaecati totam voluptatum quidem odit accusantium molestiae doloribus tempora,
-                        maxime, quia quasi facilis temporibus, culpa cupiditate atque eius ea unde distinctio sunt ut
-                        nostrum. Sequi dicta nesciunt quo omnis explicabo, ut, optio at veniam quisquam itaque
-                        aspernatur. Magni ullam unde minus, deserunt nulla aperiam aspernatur totam, harum, similique
-                        illo incidunt iure ab et commodi earum! Nostrum nobis, quod voluptatem earum repudiandae error
-                        tempore aperiam. Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique iste possimus numquam aliquam officiis molestias error, facere dolore nam sunt repellendus quidem iure quae impedit, quo autem rem quis nemo inventore. Velit maxime, optio nisi doloremque blanditiis sapiente incidunt alias soluta tempore quibusdam illum quia provident ducimus dolores numquam nihil perspiciatis architecto aspernatur facere possimus corrupti corporis deserunt. Necessitatibus quo iure omnis odio vel assumenda vero at. Ullam numquam nemo ad accusantium animi optio cum dicta quam quaerat adipisci eligendi, obcaecati accusamus at deleniti doloribus eos molestias libero, amet debitis commodi incidunt aliquid vero iste. Illum in tenetur doloribus iusto praesentium repellat deserunt nemo officia? Asperiores laborum quis, accusamus in nemo suscipit ipsam quisquam repellat corporis illo eaque obcaecati vel excepturi fugiat. Unde doloremque maxime ipsa eveniet? Et animi exercitationem delectus similique? Odit maxime assumenda dolorem veritatis odio voluptas autem dicta laborum fugit quaerat, ipsum, ducimus suscipit repudiandae impedit recusandae! Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa error dolore deleniti commodi reiciendis cupiditate deserunt dolores, doloribus, quisquam, architecto asperiores rerum vero a dolorem fugiat repellat quae sapiente impedit expedita est! Tenetur delectus id necessitatibus minus ab repellendus, obcaecati ipsum labore ipsam ducimus assumenda recusandae facilis, unde praesentium fugiat repudiandae natus alias amet nam? Veritatis nemo rem, totam quod iure quisquam earum eaque quaerat deleniti assumenda explicabo velit est architecto autem sed praesentium corporis? Fugit nobis minima maiores sapiente obcaecati repellat, deserunt, animi omnis assumenda doloremque exercitationem? Dolor at necessitatibus qui tempora, distinctio quos eaque ea autem itaque laborum ex dolore quia voluptatum iste animi dicta sit voluptas perferendis accusamus dignissimos unde? Quia consequuntur atque, nostrum ut aspernatur praesentium soluta nam facere doloremque illum eius quis possimus explicabo magni deserunt ducimus voluptatum veniam nihil ipsa perferendis repellat dolorum non veritatis. Enim, dolore cupiditate culpa, ea magnam quae accusantium ratione dolorum explicabo aliquam perferendis vitae quis, eveniet delectus sed quidem rerum minima unde nulla fuga maiores! Dolore, voluptatum unde voluptas alias dolorem porro totam possimus optio architecto perferendis quia quas accusantium quo, fuga ab quidem eveniet enim distinctio, reiciendis illum mollitia autem! Repellat, quasi est ea vitae itaque velit. Laborum quam consectetur dolores veritatis quos sequi dolorum omnis ex quasi, dolorem consequatur excepturi quis maxime nisi magni animi. Modi cupiditate nam labore ex dignissimos culpa unde aspernatur, vel deleniti voluptatem dolores quis quibusdam autem, beatae facere ad ea nemo, dolorem sequi odit minima totam? Laudantium rem quos et recusandae voluptatum. </p>
-                </div>
-
-            </div>
-    </div>
-
-
-    </section>
-                            <!-- Projects Section -->
-                            <section id="projects">
-                                <div class="projects container">
-                                    <div class="projects-header">
-                                        <h1 class="section-title">Recent <span>Projects</span></h1>
-                                    </div>
-                                    <div class="card-wrapper">
-                                        <div class="box box1 animate__animated animate__slideInLeft wow"
-                                            data-wow-duration="1s" data-wow-delay="0.12s">
-                                            <span> <b>Project Name</b></span>
-                                            <!--Add a SQUARE IMAGE OF YOURS FOR BEST APPEARENCE (1:1)-->
-                                            <img class="project-pic" src="assets/img/project.jpg" alt="" />
-                                            <h2>Coding is Love</h2>
-                                            <p>
-                                                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto
-                                                cupiditate voluptatum impedit unde rem ipsa distinctio illum quae
-                                                mollitia ut, accusantium eius odio ducimus illo neque atque libero
-                                                non sunt harum? Ipsum repellat animi, fugit architecto
-                                                voluptatum odit et!
-                                            </p>
-                                            <div class="resume"><button>Know More</button></div>
+                    </section>
+                    <!-- End Projects Section -->
+                    <div class="contact">
+                        <div class="projects container ">
+                            <div class="projects-header ">
+                                <h1 class="section-title ">Contact Me</h1>
+                            </div>
+                            <div class="card-wrapper ">
+                                <div class="box box1 animate__animated animate__slideInLeft wow" data-wow-duration="1s"
+                                    data-wow-delay="0.75s">
+                                    <form>
+                                        <div style="margin-top: 12px;" class="form-group">
+                                            <label style="font-weight: bold; font-size: 20px;" for="mail">Email
+                                                address</label>
+                                            <input style="margin-left: 50px; width: 80%; border-radius: 12px;"
+                                                type="email" class="form-control" id="email"
+                                                aria-describedby="emailHelp" placeholder="Enter your email address"
+                                                style="width: 300px" />
                                         </div>
-                                        <div class="box box1 animate__animated animate__slideInRight wow"
-                                            data-wow-duration="1s" data-wow-delay="0.37s">
-                                            <span> <b>Project Name</b></span>
-                                            <img class="project-pic" src="assets/img/project.jpg" alt="" />
-                                            <h2>Coding is Love</h2>
-                                            <p>
-                                                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto
-                                                cupiditate voluptatum impedit unde rem ipsa distinctio illum quae
-                                                mollitia ut, accusantium eius odio ducimus illo neque atque libero
-                                                non sunt harum? Ipsum repellat animi, fugit architecto
-                                                voluptatum odit et!
-                                            </p>
-                                            <div class="resume"><button>Know More</button></div>
+                                        <div class="form-group">
+                                            <label style="font-weight: bold; font-size: 20px;"
+                                                for="first_name">Name</label>
+                                            <input style="margin-left: 50px; width: 80%; border-radius: 12px;"
+                                                type="text" class="form-control" id="name" placeholder="Enter your Name"
+                                                style="width: 300px" />
                                         </div>
-                                        <div class="box box1 animate__animated animate__slideInUp wow"
-                                            data-wow-duration="1s" data-wow-delay="0.12s">
-                                            <span> <b>Project Name</b></span>
-                                            <!--Add a SQUARE IMAGE OF YOURS FOR BEST APPEARENCE (1:1)-->
-                                            <img class="project-pic" src="assets/img/project.jpg" alt="" />
-                                            <h2>Coding is Love</h2>
-                                            <p>
-                                                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto
-                                                cupiditate voluptatum impedit unde rem ipsa distinctio illum quae
-                                                mollitia ut, accusantium eius odio ducimus illo neque atque libero
-                                                non sunt harum? Ipsum repellat animi, fugit architecto
-                                                voluptatum odit et!
-                                            </p>
-                                            <div class="resume"><button>Know More</button></div>
+                                        <div class="form-group">
+                                            <label style="font-weight: bold; font-size: 20px;" for="phone_number">Phone
+                                                Number</label>
+                                            <input style="margin-left: 50px; width: 80%; border-radius: 12px;"
+                                                type="text" pattern="^\d{10}$" class="form-control" id="number"
+                                                placeholder="Enter your Mobile Number" style="width: 300px" />
                                         </div>
-                                        <div class="box box1 animate__animated animate__slideInUp wow"
-                                            data-wow-duration="1s" data-wow-delay="0.37s">
-                                            <span> <b>Project Name</b></span>
-                                            <img class="project-pic" src="assets/img/project.jpg" alt="" />
-                                            <h2>Coding is Love</h2>
-                                            <p>
-                                                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ad, iusto
-                                                cupiditate voluptatum impedit unde rem ipsa distinctio illum quae
-                                                mollitia ut, accusantium eius odio ducimus illo neque atque libero
-                                                non sunt harum? Ipsum repellat animi, fugit architecto
-                                                voluptatum odit et!
-                                            </p>
-                                            <div class="resume"><button>Know More</button></div>
+
+                                        <div class="form-group">
+                                            <label style="font-weight: bold; font-size: 20px;"
+                                                for="message">Feedback</label>
+                                            <textarea style="margin-left: 50px; width: 80%; border-radius: 12px;"
+                                                class="form-control" id="feedback" placeholder="Enter your feedback"
+                                                rows="5" style="width: 300px"></textarea>
                                         </div>
-                                    </div>
+                                        <button style="border-radius: 12px; width: 20%;" type="submit"
+                                            class="btn btn-primary">Submit</button>
+                                    </form>
                                 </div>
+                            </div>
                             </section>
                             <!-- End Projects Section -->
-
-
-
-
-                            <div class="contact">
-                                <div class="projects container ">
-                                    <div class="projects-header ">
-                                        <h1 class="section-title ">Contact Me</h1>
-                                    </div>
-                                    <div class="card-wrapper ">
-                                        <div class="box box1 animate__animated animate__slideInLeft wow"
-                                            data-wow-duration="1s" data-wow-delay="0.75s">
-                                            <form>
-                                                <div style="margin-top: 12px;" class="form-group">
-                                                    <label style="font-weight: bold; font-size: 20px;" for="mail">Email address</label>
-                                                    <input style="margin-left: 50px; width: 80%; border-radius: 12px;" type="email" class="form-control" id="email"
-                                                        aria-describedby="emailHelp"
-                                                        placeholder="Enter your email address" style="width: 300px" />
-                                                </div>
-                                                <div class="form-group">
-                                                    <label style="font-weight: bold; font-size: 20px;" for="first_name">Name</label>
-                                                    <input style="margin-left: 50px; width: 80%; border-radius: 12px;" type="text" class="form-control" id="name"
-                                                        placeholder="Enter your Name" style="width: 300px" />
-
-
-                                                </div>
-                                                <div class="form-group">
-                                                    <label style="font-weight: bold; font-size: 20px;" for="phone_number">Phone Number</label>
-                                                    <input style="margin-left: 50px; width: 80%; border-radius: 12px;" type="text" pattern="^\d{10}$" class="form-control"
-                                                        id="number" placeholder="Enter your Mobile Number"
-                                                        style="width: 300px" />
-                                                </div>
-
-                                                <div class="form-group">
-                                                    <label style="font-weight: bold; font-size: 20px;" for="message">Feedback</label>
-                                                    <textarea style="margin-left: 50px; width: 80%; border-radius: 12px;" class="form-control" id="feedback"
-                                                        placeholder="Enter your feedback" rows="5"
-                                                        style="width: 300px"></textarea>
-                                                </div>
-                                                <button style="border-radius: 12px; width: 20%;" type="submit" class="btn btn-primary">Submit</button>
-                                            </form>
-                                        </div>
-                                    </div>
-                                  
-                                    </section>
-                                    <!-- End Projects Section -->
-
-                                    <div class="box3 animate__animated animate__slideInUp wow" data-wow-duration="1s"
-                                    data-wow-delay="0.37s">
-                                    <h2><b>Social Links</b></h2>
-                                    <div style="display: flex;">
-                                        <ul style="display: flex; flex-direction: column;" class="sublist">
-                                            <li class="icon"><a href="https://github.com/adithyapaib"
-                                                    target="blank"><img
-                                                        src="https://img.icons8.com/windows/48/000000/github.png"
-                                                        alt="Error" /></li></a>
-                                            <li style="margin-top: -12px;">Github</li>
-                                        </ul>
-                                        <ul style="display: flex; flex-direction: column;" class="sublist">
-                                            <li class="icon"><a href="https://twitter.com/adithyapaib"
-                                                target="blank"><img
+                            <div class="box3 animate__animated animate__slideInUp wow" data-wow-duration="1s"
+                                data-wow-delay="0.37s">
+                                <h2><b>Social Links</b></h2>
+                                <div style="display: flex;">
+                                    <ul style="display: flex; flex-direction: column;" class="sublist">
+                                        <li class="icon"><a href="https://github.com/adithyapaib" target="blank"><img
+                                                    src="https://img.icons8.com/windows/48/000000/github.png"
+                                                    alt="Error" /></li></a>
+                                        <li style="margin-top: -12px;">Github</li>
+                                    </ul>
+                                    <ul style="display: flex; flex-direction: column;" class="sublist">
+                                        <li class="icon"><a href="https://twitter.com/adithyapaib" target="blank"><img
                                                     src="https://img.icons8.com/windows/48/000000/twitter.png"
                                                     alt="Error" /></li></a>
                                         <li style="margin-top: -12px;">twitter</li>
+                                    </ul>
+                                    <ul style="display: flex; flex-direction: column;" class="sublist">
+                                        <li class="icon"><a href="facebook.com" target="blank"><img
+                                                    src="https://img.icons8.com/windows/48/000000/facebook.png"
+                                                    alt="Error" /></li></a>
+                                        <li style="margin-top: -12px;">facebook</li>
+                                    </ul>
+                                </div>
+                                <div class="card-wrapper">
+                                    <div class="box box1 animate__animated animate__slideInLeft wow"
+                                        data-wow-duration="1s" data-wow-delay="0s">
+                                        <span> <b>About Me</b></span>
+                                        <!--Add a SQUARE IMAGE OF YOURS FOR BEST APPEARENCE (1:1)-->
+                                        <img src="assets/img/aboutme.jpg" alt="">
+                                        <p>Hey I am Adithya Pai from Mangalore, India.<br>I am currently pursuing my BE
+                                            in Computer Science.
+                                            <br> I love to design websites and <b style="color: #f53f2b;">UI/UX</b>
+                                        </p>
+                                        <div class="resume"><button>Resume</button></div>
+                                    </div>
+                                    <div class="box box2 animate__animated animate__slideInUp wow"
+                                        data-wow-duration="1s" data-wow-delay="0.37s"> <span><b>Skills</b></span>
+                                        <br> <span> Programming</span>
+                                        <ul class="mainlist">
+                                            <!--U can use Fontawsome icons here-->
+                                            <ul class="sublist">
+                                                <li class="icon"><i class="devicon-c-plain-wordmark"></i></li>
+                                                <li>C</li>
+                                            </ul>
+                                            <ul class="sublist">
+                                                <li class="icon"><i class="devicon-cplusplus-plain-wordmark"></i></li>
+                                                <li>C++</li>
+                                            </ul>
+                                            <ul class="sublist">
+                                                <li class="icon"><i class="devicon-python-plain-wordmark"></i></li>
+                                                <li>Python</li>
+                                            </ul>
+                                            <ul class="sublist">
+                                                <li class="icon"><i class="devicon-java-plain-wordmark"></i></li>
+                                                <li>Java</li>
+                                            </ul>
+                                        </ul><span style="width: 100%; text-align: center;">Design</span>
+                                        <ul class="mainlist">
+                                            <!--USE ICONS FROM ICONS8 OF SIZE 48PX FOR BEST APPEARANCE -->
+                                            <ul class="sublist">
+                                                <li class="icon"><img
+                                                        src="https://img.icons8.com/windows/48/000000/adobe-illustrator.png"
+                                                        alt="illustrator" /></li>
+                                                <li>Illustrator</li>
+                                            </ul>
+                                            <ul class="sublist">
+                                                <li class="icon"><img
+                                                        src="https://img.icons8.com/windows/48/000000/adobe-photoshop.png"
+                                                        alt="Photoshop" /></li>
+                                                <li>Photoshop</li>
+                                            </ul>
+                                            <ul class="sublist">
+                                                <li class="icon"><img
+                                                        src="https://img.icons8.com/windows/48/000000/adobe-xd.png"
+                                                        alt="adobe xd" /></li>
+                                                <li>XD</li>
+                                            </ul>
+                                            <ul class="sublist">
+                                                <li class="icon"><img
+                                                        src="https://img.icons8.com/windows/48/000000/figma.png"
+                                                        alt="figma" />
+                                                </li>
+                                                <li>Figma</li>
+                                            </ul>
                                         </ul>
-                                        <ul style="display: flex; flex-direction: column;" class="sublist">
-                                            <li class="icon"><a href="facebook.com" target="blank"><img
-                                                        src="https://img.icons8.com/windows/48/000000/facebook.png"
-                                                        alt="Error" /></li></a>
-                                            <li style="margin-top: -12px;">facebook</li>
+                                        <span>Tools</span>
+                                        <ul class="mainlist">
+                                            <ul class="sublist">
+                                                <li class="icon"><img
+                                                        src="https://img.icons8.com/windows/48/000000/git.png"
+                                                        alt="git" /></li>
+                                                <li>Git</li>
+                                            </ul>
+                                            <ul class="sublist">
+                                                <li class="icon"><img
+                                                        src="https://img.icons8.com/windows/48/000000/github.png"
+                                                        alt="github" />
+                                                </li>
+                                                <li>Github</li>
+                                            </ul>
+                                            <ul class="sublist">
+                                                <li class="icon"><img
+                                                        src="https://img.icons8.com/carbon-copy/48/000000/visual-studio-code-2019.png"
+                                                        alt="vscode" /></li>
+                                                <li>VS Code</li>
+                                            </ul>
+                                            <ul class="sublist">
+                                                <li class="icon"><img
+                                                        src="https://img.icons8.com/windows/48/000000/gitlab.png"
+                                                        alt="gitlab">
+                                                </li>
+                                                <li>Gitlab</li>
+                                            </ul>
                                         </ul>
                                     </div>
 
-        <div class="card-wrapper">
-            <div class="box box1 animate__animated animate__slideInLeft wow" data-wow-duration="1s" data-wow-delay="0s">
-                <span> <b>About Me</b></span>
-                <!--Add a SQUARE IMAGE OF YOURS FOR BEST APPEARENCE (1:1)-->
-                <img src="assets/img/aboutme.jpg" alt="">
-                <p>Hey I am Adithya Pai from Mangalore, India.<br>I am currently pursuing my BE in Computer Science.
-                    <br> I love to design websites and <b style="color: #f53f2b;">UI/UX</b></p>
-                <div class="resume"><button>Resume</button></div>
+</body>
+<script>
+    const contactBtn = document.querySelector("#contact-btn");
+    const email = document.querySelector("#email");
+    const name = document.querySelector("#name");
+    const number = document.querySelector("#number");
+    const form = document.querySelector("#contact-form");
+    function validateEmail() {
+        const re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+        return re.test(email.value);
+    }
 
-            </div>
-            <div class="box box2 animate__animated animate__slideInUp wow" data-wow-duration="1s"
-                data-wow-delay="0.37s"> <span><b>Skills</b></span>
-                <br> <span> Programming</span>
-                <ul class="mainlist">
-                    <!--U can use Fontawsome icons here-->
-                    <ul class="sublist">
-                        <li class="icon"><i class="devicon-c-plain-wordmark"></i></li>
-                        <li>C</li>
-                    </ul>
-                    <ul class="sublist">
-                        <li class="icon"><i class="devicon-cplusplus-plain-wordmark"></i></li>
-                        <li>C++</li>
-                    </ul>
-                    <ul class="sublist">
-                        <li class="icon"><i class="devicon-python-plain-wordmark"></i></li>
-                        <li>Python</li>
-                    </ul>
-                    <ul class="sublist">
-                        <li class="icon"><i class="devicon-java-plain-wordmark"></i></li>
-                        <li>Java</li>
-                    </ul>
-                </ul><span style="width: 100%; text-align: center;">Design</span>
-                <ul class="mainlist">
-                    <!--USE ICONS FROM ICONS8 OF SIZE 48PX FOR BEST APPEARANCE -->
-                    <ul class="sublist">
-                        <li class="icon"><img src="https://img.icons8.com/windows/48/000000/adobe-illustrator.png"
-                                alt="illustrator" /></li>
-                        <li>Illustrator</li>
-                    </ul>
-                    <ul class="sublist">
-                        <li class="icon"><img src="https://img.icons8.com/windows/48/000000/adobe-photoshop.png"
-                                alt="Photoshop" /></li>
-                        <li>Photoshop</li>
-                    </ul>
-                    <ul class="sublist">
-                        <li class="icon"><img src="https://img.icons8.com/windows/48/000000/adobe-xd.png"
-                                alt="adobe xd" /></li>
-                        <li>XD</li>
-                    </ul>
-                    <ul class="sublist">
-                        <li class="icon"><img src="https://img.icons8.com/windows/48/000000/figma.png" alt="figma" />
-                        </li>
-                        <li>Figma</li>
-                    </ul>
-                </ul>
-                <span>Tools</span>
-                <ul class="mainlist">
-                    <ul class="sublist">
-                        <li class="icon"><img src="https://img.icons8.com/windows/48/000000/git.png" alt="git" /></li>
-                        <li>Git</li>
-                    </ul>
-                    <ul class="sublist">
-                        <li class="icon"><img src="https://img.icons8.com/windows/48/000000/github.png" alt="github" />
-                        </li>
-                        <li>Github</li>
-                    </ul>
-                    <ul class="sublist">
-                        <li class="icon"><img
-                                src="https://img.icons8.com/carbon-copy/48/000000/visual-studio-code-2019.png"
-                                alt="vscode" /></li>
-                        <li>VS Code</li>
-                    </ul>
-                    <ul class="sublist">
-                        <li class="icon"><img src="https://img.icons8.com/windows/48/000000/gitlab.png" alt="gitlab">
-                        </li>
-                        <li>Gitlab</li>
-                    </ul>
-                </ul>
-            </div>
-                  
-        </body>
-        <script>
-            const contactBtn = document.querySelector("#contact-btn");
-            const email = document.querySelector("#email");
-            const name = document.querySelector("#name");
-            const number = document.querySelector("#number");
-            const form = document.querySelector("#contact-form");
-            function validateEmail()
-            {
-                const re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-                return re.test(email.value);
-            }
+    function validatePhone() {
+        //  Accepted inputs for phone number are
+        // (123) 456-7890
+        // (123)456-7890
+        // 123-456-7890
+        // 123.456.7890
+        // 1234567890
+        // +31636363634
+        // 075-63546725
+        const re = /^[\+]?[(]?[1-9]{1}[0-9]{2}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$/im
+        return re.test(number.value);
+    }
+    function validateName() {
+        return (name.value.length >= 3 && name.value.length <= 40);
+    }
+    contactBtn.addEventListener("click", (e) => {
+        e.preventDefault();
+        if (email.value === "" || name.value === "" || number.value === "") {
+            alert("Please fill all the details!!");
+        }
+        else if (!validateEmail()) {
+            alert("Email is invalid! Please enter a valid email")
+        }
+        else if (!validateName()) {
+            alert("Name should be between 3 and 40 characters!")
+        }
 
-            function validatePhone()
-            {
-                //  Accepted inputs for phone number are
-                // (123) 456-7890
-                // (123)456-7890
-                // 123-456-7890
-                // 123.456.7890
-                // 1234567890
-                // +31636363634
-                // 075-63546725
-                const re = /^[\+]?[(]?[1-9]{1}[0-9]{2}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$/im
-                return re.test(number.value);
-            }
-            function validateName()
-            {
-                return (name.value.length >= 3 && name.value.length <= 40);
-            }
-            contactBtn.addEventListener("click", (e) =>
-            {
-                e.preventDefault();
-                if (email.value === "" || name.value === "" || number.value === "")
-                {
-                    alert("Please fill all the details!!");
-                }
-                else if (!validateEmail())
-                {
-                    alert("Email is invalid! Please enter a valid email")
-                }
-                else if (!validateName())
-                {
-                    alert("Name should be between 3 and 40 characters!")
-                }
+        else if (!validatePhone()) {
+            alert("Phone number is invalid!")
+        }
 
-                else if (!validatePhone())
-                {
-                    alert("Phone number is invalid!")
-                }
+        else {
+            alert("Your details are successfully submitted!!");
+            email.value = "";
+            name.value = "";
+            number.value = "";
+        }
+    });
+</script>
+<!-- Social Links -->
+<footer>
+    <div class="social">
+        <a href="Your Twitter id "><i class="fab fa-twitter" style="display: flex;" aria-hidden="true"></i></a>
+        <a href="Your insta id"><i class="fab fa-instagram" style="display: flex;" aria-hidden="true"></i></a>
+        <a href="Your Linkedin id  link"><i class="fab fa-linkedin" style="display: flex;" aria-hidden="true"></i></a>
+        <a href=" your Github id link "><i class="fab fa-github" style="display: flex;" aria-hidden="true"></i></a>
+    </div>
 
-                else
-                {
-                    alert("Your details are successfully submitted!!");
-                    email.value = "";
-                    name.value = "";
-                    number.value = "";
-                }
-            });
-        </script>
-        <!-- Social Links -->
-        <footer>
-            <div class="social">
-                <a href="Your Twitter id "><i class="fab fa-twitter" style="display: flex;" aria-hidden="true"></i></a>
-                <a href="Your insta id"><i class="fab fa-instagram" style="display: flex;" aria-hidden="true"></i></a>
-                <a href="Your Linkedin id  link"><i class="fab fa-linkedin" style="display: flex;" aria-hidden="true"></i></a>
-                <a href=" your Github id link "><i class="fab fa-github" style="display: flex;" aria-hidden="true"></i></a>
-            </div>
-           
-            <div class="footer">
-                Made with ❤️ by <a href="https://adithyapai.com">Adithya Pai</a>
-            </div>
-            <div class="back_to_top">
-                <a href="#section1" title="Back to Top"><i class="fas fa-arrow-up"></i></a>
-            </div>
-        </footer>
+    <div class="footer">
+        Made with ❤️ by <a href="https://adithyapai.com">Adithya Pai</a>
     </div>
+    <div class="back_to_top">
+        <a href="#section1" title="Back to Top"><i class="fas fa-arrow-up"></i></a>
     </div>
-    <!-- End of Form -->
+</footer>
+</div>
+</div>
+<!-- End of Form -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"
+    integrity="sha512-Eak/29OTpb36LLo2r47IpVzPBLXnAMPAVypbSZiZ4Qkf8p/7S/XRG5xp7OKWPPYfJT6metI+IORkR5G8F900+g=="
+    crossorigin="anonymous"></script>
+<script>
+    new WOW().init();
+</script>
 
-    
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"
-        integrity="sha512-Eak/29OTpb36LLo2r47IpVzPBLXnAMPAVypbSZiZ4Qkf8p/7S/XRG5xp7OKWPPYfJT6metI+IORkR5G8F900+g=="
-        crossorigin="anonymous"></script>
-    <script>
-        new WOW().init();
-    </script>
-
-    <!--Dont forget to follow me and star the repo on github !!!!!!!-->
+<!--Dont forget to follow me and star the repo on github !!!!!!!-->
 </body>
-</html>
+
+</html>
\ No newline at end of file

From 3b7eb4f4024a29361bc8151c93635feff477d257 Mon Sep 17 00:00:00 2001
From: Paawan Singal <paawansingal09@gmail.com>
Date: Fri, 22 Oct 2021 20:53:55 +0530
Subject: [PATCH 3/3] Removed the repeated code

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index a51338e..f0a2a5e 100644
--- a/index.html
+++ b/index.html
@@ -574,7 +574,7 @@ <h2><b>Social Links</b></h2>
 </footer>
 </div>
 </div>
-<!-- End of Form -->
+<!-- End of Form --->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"
     integrity="sha512-Eak/29OTpb36LLo2r47IpVzPBLXnAMPAVypbSZiZ4Qkf8p/7S/XRG5xp7OKWPPYfJT6metI+IORkR5G8F900+g=="
     crossorigin="anonymous"></script>