added form backend

Aryankpoor · Jul 4, 2024 · 2e94811 · 2e94811
1 parent e6bd0aa
commit 2e94811
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 26 deletions.
diff --git a/src/index.html b/src/index.html
@@ -25,13 +25,13 @@
       <ul class="links">
         <a href="#home">Home</a>
         <a href="#about">About</a>
-        <a href="#resume">Resume</a>
-        <a href="#contact">Contact</a>
+        <a href="https://www.linkedin.com/in/aryan-kapoor-4b0894207/" target="_blank">LinkedIn</a>
+        <a href="mailto:[email protected]">Contact</a>
       </ul>
 
       <i class='bx bx-menu-alt-right' id="menu"></i>
 
-      <a href="#contact" class="btn">PROJECTS</a>
+      <a href="https://read.cv/aryankkap" class="btn" target="_blank">PROFILE</a>
     </nav>
 
     <section id="home">
@@ -40,14 +40,14 @@
         <h1><span>Hello, I'm Aryan</span></h1>
         <h3><span>Web Developer</span>
         based In India</h3>
-        <p class="para">18 year old undergraduate Computer Science fresher at Vellore Institute of Technology. I specialise in full-stack development, mainly MERN stack.
+        <p class="para">Future Computer Science undergrad at Vellore Institute of Technology. I specialise in full-stack development, mainly MERN stack.
                           <br /> Currently Participating in Hackathons.
 
         </p>
       </div>
       <div class="btn-box">
-        <div class="btn">Skills</div>
-        <div class="btn">Contact Me</div>
+        <div class="btn">Resume</div>
+        <div class="btn"><a href="https://github.com/Aryankpoor?tab=repositories" target="_blank" style="color:white">Projects</a></div>
       </div>
     </section>
 
@@ -111,48 +111,43 @@ <h1><span>Software Development</span></h1>
 
       <h1 class="header">Contact</h1>
 
-      <form action="#">
+      <form action="https://www.formbackend.com/f/8d06fec7a49034ca" method="post" accept-charset="UTF-8">
         <div class="input-box">
           <span>Name</span>
-          <input type="text" placeholder="Enter your full name" />
+          <input type="text" placeholder="Enter your full name" name="name" required/>
         </div>
         <div class="input-box">
           <span>Email</span>
-          <input type="text" placeholder="Enter your email address" />
+          <input type="text" placeholder="Enter your email address" name="email" required/>
         </div>
         <div class="input-box">
           <span>Message</span>
-          <input type="text" placeholder="Enter your message" />
+          <textarea id="message" name="message" placeholder="Enter your message" rows="4" col="60"></textarea>
         </div>
 
-        <div class="btn">
-          Submit
-        </div>
+
+          <button type="submit" class="btn">Submit</button>
+
+
             </form>
     </section>
 
     <footer>
       <div class="col-left">
         <div class="col-box">
-          <span></span>
-          <span><i class='bx bxs-location-plus'></i>0908 Milano, Mahagun Moderne</span>
-        </div>
-        <div class="col-box">
-          <span></span>
-          <span><i class='bx bxs-phone'></i>0120 4291239</span>
+          <span><i class='bx bxs-location-plus'></i>NOIDA</span>
         </div>
         <div class="col-box">
-          <span></span>
-          <span><i class='bx bxs-envelope' ></i>aryankap19gmail</span>
+          <span><i class='bx bxl-slack'></i><a href="https://scrapbook.hackclub.com/Aryankapoor" target="_blank" >SLACK</a></span>
         </div>
       </div>
       <div class="col-right">
-        <span>About my services</span>
-        <p> Lorem Ipsum DOLOR SIT AMET ia sdji jaxfas h ashfdiais  ahbdfas a aaoeoa asmd hiahr  aihashdfiash </p>
+        <span>Current Status</span>
+        <p> Currently I am participating in an event called Arcade orgranised by <a href="https://hackclub.com/" target="_blank" style="color:cyan">HackClub</a> and sponsored by github.</p>
         <div class="social-icons">
-          <span><i class='bx bxl-instagram-alt' ></i></span>
-          <span><i class='bx bxl-codepen' ></i></span>
-          <span><i class='bx bxl-github'></i></span>
+          <span><a href="instagram.com/aryankkap target="_blank" style="color:cyan"><i class='bx bxl-instagram-alt' ></i></a></span>
+          <span><a href="https://codepen.io/codewitharyann" target="_blank" style="color:cyan"><i class='bx bxl-codepen' ></i></a></span>
+          <span><a href="https://github.com/Aryankpoor" target="_blank" style="color:cyan"><i class='bx bxl-github'></i></a></span>
 
         </div>
       </div>

diff --git a/src/style.css b/src/style.css
@@ -299,6 +299,12 @@ form .input-box{
   gap: 1em;
 }
 
+form textarea{
+  font-size: 1.3em;
+  padding: 1em 5em;
+  border-radius: 0.5em;
+}
+
 .input-box span{
   font-size: 1.5em;
 }