Merge pull request #754 from Ganaik2004/issue

Issue is fixed in contact page
aniketsinha2002 · Aug 31, 2023 · 155b644 · 155b644
2 parents 288eaec + 481271e
commit 155b644
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 16 deletions.
diff --git a/contact/index.html b/contact/index.html
@@ -96,7 +96,7 @@ <h2>contact us</h2>
                 <div data-aos="fade-left"
                 data-aos-offset="300"
                 data-aos-easing="ease-in-sine">
-                  <img src = "../images/contact-png.webp" alt = "contact_us_illustration">
+                  <img src = "../images/contact-png.webp" alt = "contact_us_illustration" >
                 </div>
               </div>
             </div>
@@ -116,8 +116,8 @@ <h3>Follow Us</h3>
 
     <!-- FOOTER SECTION START -->
     <footer>
-      <div class="container footer__container">
-        <div class="footer__1">
+      <div class="container footer__container1">
+        <div class="footer__1 foot--1">
           <a href="./index.html" class="footer__logo">
             <h4>DATA SCIENCE</h4>
           </a>
@@ -127,7 +127,7 @@ <h4>DATA SCIENCE</h4>
           </p>
         </div>
 
-        <div class="footer__2">
+        <div class="footer__2 foot--1">
           <h4 class="datascience">Data Science</h4>
           <ul class="permalinks">
             <li><a href="./index.html">Home</a></li>
@@ -137,16 +137,16 @@ <h4 class="datascience">Data Science</h4>
           </ul>
         </div>
 
-        <div class="footer__3">
+        <div class="footer__3 foot--1">
           <h4>Primacy</h4>
           <ul class="privacy">
-            <li><a href="#">Privacy Policy</a></li>
+            <li><a href="#">Privacy Policy </a></li>
             <li><a href="#">Terms and conditions</a></li>
             <li><a href="#">Refund Policy</a></li>
           </ul>
         </div>
 
-        <div class="footer__4">
+        <div class="footer__4 foot--1">
           <h4>Contact Us</h4>
           <div>
             <p>

diff --git a/contact/style.css b/contact/style.css
@@ -13,11 +13,6 @@ body {
   padding: 5% 15%;
 }
 
-/* .contact-section{
-  margin-top: 2rem;
-  padding-top: 10rem;
-} */
-
 .contact-bg {
   margin-top: -7rem;
   height: 100vh;
@@ -131,21 +126,31 @@ body {
   padding-top: 0.4rem;
 }
 .contact-form {
+  display: flex;
+  align-items: center;
+  gap: 30px;
   padding: 2rem 0;
   border-top: 1px solid #c7c7c7;
+  flex-wrap: wrap;
 }
 .contact-form form {
   padding-bottom: 1rem;
+  width: 100%;
 }
 .form-control {
   width: 100%;
-  border: 1.5px solid #c7c7c7;
+  /* border: 1.5px solid #c7c7c7; */
+  background-color: var(--color-bg2);
   border-radius: 5px;
   padding: 0.7rem;
   margin: 0.6rem 0;
   font-family: "Open Sans", sans-serif;
   font-size: 1rem;
   outline: 0;
+  color: #fff;
+}
+.form-control::placeholder{
+  color: #ffffff52;
 }
 .form-control:focus {
   box-shadow: 0 0 6px -3px rgba(48, 48, 48, 1);
@@ -160,7 +165,7 @@ body {
   font-size: 1rem;
   text-transform: uppercase;
   color: #fff;
-  background: rgb(100, 203, 245);
+  background:rgba(33, 186, 247, 0.74);
   /* background: #f7327a; */
   border: none;
   border-radius: 5px;
@@ -170,7 +175,7 @@ body {
 }
 .send-btn:hover {
   /* opacity: 0.8; */
-  background: rgb(117, 161, 178);
+  background:rgb(100, 203, 245);
   /* background: #e383a6e9; */
   color: #fff;
 }
@@ -183,7 +188,7 @@ iframe {
 }
 
 .contact-form > div img {
-  width: 85%;
+  width: 100%;
 }
 .contact-form > div {
   margin: 0 auto;
@@ -226,6 +231,7 @@ iframe {
   color: rgb(100, 203, 245);
   /* border-color: #f7327a; */
   border-color: rgb(100, 203, 245);
+  transform: translateY(-8px);
 }
 
 @media screen and (min-width: 768px) {
@@ -973,3 +979,19 @@ nav button {
     margin-bottom: 1.3rem;
   }
 }
+/* Footer */
+.footer__container1{
+  display: flex;
+  align-items: flex-start;
+  justify-content:space-around;
+  flex-wrap: wrap;
+  row-gap: 50px;
+
+}
+.foot--1{
+  text-align: center;
+  flex-basis: 250px;
+}
+.foot--1 h4{
+  margin-bottom: 30px;
+}