Add files via upload

Kanha412 · Aug 24, 2023 · fec27cb · fec27cb
1 parent c3a4ef2
commit fec27cb
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 22 deletions.
diff --git a/animation.css b/animation.css
@@ -120,28 +120,32 @@ body {
 }
 
 .butn{
-    display: inline-block;
-    padding: 0.8em 2em;
-    text-decoration: none;
-    border-radius: 50px;
-    cursor: pointer;
-    outline: none;
-    margin-top: 1em;
-    font-weight: 400;
-  border: 0;
-  background: #dff4fe;
-  box-shadow: 0 5px 0 #c5eafe;
-  color: #002b82;
+  display: inline-block;
+  text-decoration: none;
+  border-radius: 50px;
   cursor: pointer;
-  font: inherit;
-  margin: 0;
-  outline: 0;
-  padding: 8px 15px;
-  transition: all .1s linear;
+  outline: none;
+  margin-top: 1em;
+  font-weight: 400;
+border: 0;
+background: #dff4fe;
+box-shadow: 0 5px 0 #c5eafe;
+color: rgb(9, 0, 129);
+cursor: pointer;
+font: inherit;
+margin: 0;
+outline: 0;
+padding: 8px 15px;
+transition: all .2s linear;
 }
 .butn:active {
-    box-shadow: 0 3px 0 #a0e3ff;
-    transform: translateY(3px);
+  box-shadow: 0 3px 0 #a0e3ff;
+  transform: translateY(3px);
+}
+
+.under{
+  display: inline-block;
+  padding-bottom: 6px;
 }
 
 @keyframes spin {
@@ -174,4 +178,4 @@ body {
 
   .download{
     border-radius: 50px;
-  }
+  }
diff --git a/index.html b/index.html
@@ -708,7 +708,7 @@ <h2 class="w3-border-bottom w3-border-amber anim2" style="border-width: 2.5px !i
           </div>
 
           <hr>
-          <form action="https://formspree.io/f/mknyokgb" method="POST">
+          <form action="https://formspree.io/f/mknyokgb" method="POST" id="myForm" class="">
             <h4 class="my-4 touch" style="color: rgb(15, 0, 224);">Get In Touch</h4>
             <div class="mb-3 reveal4">
               <label for="exampleFormControlInputName" class="form-label"><b>Name</label></b></label>
@@ -725,7 +725,7 @@ <h4 class="my-4 touch" style="color: rgb(15, 0, 224);">Get In Touch</h4>
                 <textarea class="form-control" name="message" required id="exampleFormControlTextarea1"
                   rows="3"></textarea>
               </div>
-              <button type="submit" class="butn reveal4">Submit</button>
+              <div class="under send"><button type="submit" class="butn">Submit</button></div>
           </form>
 
           <!--FOOTER-->

diff --git a/script.js b/script.js
@@ -433,6 +433,7 @@ if (width > 600) {
   ScrollReveal().reveal('.reveal2', { origin: 'left', distance: '80px', duration: 2200, delay: 150 });
   ScrollReveal().reveal('.reveal3', { origin: 'right', distance: '80px', duration: 2200, delay: 150 });
   ScrollReveal().reveal('.reveal4', { origin: 'bottom', distance: '80px', duration: 2200, delay: 150 });
+  ScrollReveal().reveal('.send', { origin: 'right', distance: '80px', duration: 2200, delay: 150 });
 }
 else
 {
@@ -444,4 +445,5 @@ else
   ScrollReveal().reveal('.reveal2', { origin: 'left', distance: '2px', duration: 1800, delay: 90 });
   ScrollReveal().reveal('.reveal3', { origin: 'right', distance: '2px', duration: 1800, delay: 90 });
   ScrollReveal().reveal('.reveal4', { origin: 'bottom', distance: '20px', duration: 1800, delay: 90 });
+  ScrollReveal().reveal('.send', { origin: 'bottom', distance: '20px', duration: 1800, delay: 90 });
 }