Latest Code

DhaanuI · May 10, 2023 · 4276190 · 4276190
1 parent fd18cdf
commit 4276190
Show file tree

Hide file tree

Showing 35 changed files with 1,043 additions and 906 deletions.
diff --git a/Frontend/CSS/feedbackForm.css b/Frontend/CSS/feedbackForm.css
@@ -0,0 +1,87 @@
+#mainContainer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100vh;
+}
+
+
+#feedback-form {
+    width: 280px;
+    margin: 0 auto;
+    background-color: #fcfcfc;
+    padding: 20px 50px 40px;
+    box-shadow: 1px 4px 10px 1px rgb(53, 51, 51);
+    font-family: sans-serif;
+    border-radius: 10px;
+  }
+
+  #feedback-form * {
+      box-sizing: border-box;
+  }
+
+  #feedback-form h2{
+    text-align: center;
+    margin-bottom: 30px;
+  }
+
+  #feedback-form input {
+    margin-bottom: 15px;
+  }
+
+  #feedback-form input[type=text] , #feedback-form #textTag textarea{
+    display: block;
+    height: 32px;
+    padding: 6px 16px;
+    width: 100%;
+    border: none;
+    background-color: #f3f3f3;
+    font-family: sans-serif;
+  }
+
+  #feedback-form label {
+    color: #777;
+    font-size: 0.8em;
+  }
+
+  textarea {
+	height:100px;
+	max-width:100%;
+ }
+
+  #feedback-form input[type=checkbox] {
+    float: left;
+  }
+
+  #feedback-form input:not(:checked) + #feedback-phone {
+    height: 0;
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
+  #feedback-form #feedback-phone {
+    transition: .3s;
+  }
+
+  #feedback-form button[type=submit] {
+    display: block;
+    margin: 20px auto 0;
+    width: 150px;
+    height: 40px;
+    border-radius: 25px;
+    border: none;
+    color: #eee;
+    font-weight: 700;
+    box-shadow: 1px 4px 10px 1px #aaa;
+
+    background: #207cca; /* Old browsers */
+    background: -moz-linear-gradient(left, #207cca 0%, #9f58a3 100%); /* FF3.6-15 */
+    background: -webkit-linear-gradient(left, #207cca 0%,#9f58a3 100%); /* Chrome10-25,Safari5.1-6 */
+    background: linear-gradient(to right, #207cca 0%,#9f58a3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#9f58a3',GradientType=1 ); /* IE6-9 */
+  }
+
+  #feedback-form button[type=submit]:hover {
+    cursor: pointer;
+  }
diff --git a/Frontend/CSS/footer.css b/Frontend/CSS/footer.css
@@ -4,6 +4,9 @@
   width: 100%;
   position: relative;
   left: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
   /* padding-top: 10px; */
   margin-top: -100px;
 }
@@ -42,19 +45,25 @@
 }
 @media only screen and (max-width: 738px) {
   #footer {
-    height: 120px;
-    margin-top: -130px;
+    height: auto;
+    margin-top: -100px;
   }
   .social-media {
     width: auto;
     position: relative;
     top: -10px;
   }
-  .social-media>img{
+  .social-media > img {
     padding-bottom: -100px;
   }
   .footer-container {
     display: flex;
     flex-direction: column;
   }
 }
+@media only screen and (max-width: 555px){
+  #footer{
+    margin-top: -120px;
+    height: auto;
+  }
+}
diff --git a/Frontend/CSS/index.css b/Frontend/CSS/index.css
@@ -4,6 +4,8 @@ html {
   scroll-snap-type: y mandatory;
   overflow-y: scroll;
   overflow: hidden;
+  display: flex;
+  flex-direction: column;
   height: 100vh;
 }
 body {
@@ -507,6 +509,15 @@ body {
   }
 }
 
+@media only screen and (max-width: 871px) {
+  #footer{
+    margin-top: -90px;
+  }
+}
+@media only screen and (max-width: 738px){
+
+}
+
 #footer-main {
   scroll-snap-align: start;
 }
diff --git a/Frontend/CSS/male_services.css b/Frontend/CSS/male_services.css
@@ -5,8 +5,13 @@ body {
   margin: 0;
   padding: 0;
   font-family: "Poppins", sans-serif;
-  background-color: #f0f0f0;
-  background-image: url('data:image/svg+xml,%3Csvg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M8 16c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm0-2c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm33.414-6l5.95-5.95L45.95.636 40 6.586 34.05.636 32.636 2.05 38.586 8l-5.95 5.95 1.414 1.414L40 9.414l5.95 5.95 1.414-1.414L41.414 8zM40 48c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm0-2c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zM9.414 40l5.95-5.95-1.414-1.414L8 38.586l-5.95-5.95L.636 34.05 6.586 40l-5.95 5.95 1.414 1.414L8 41.414l5.95 5.95 1.414-1.414L9.414 40z" fill="%239C92AC" fill-opacity="0.4" fill-rule="evenodd"/%3E%3C/svg%3E');
+  /* background-color: #f0f0f0;
+  background-image: url('data:image/svg+xml,%3Csvg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M8 16c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm0-2c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm33.414-6l5.95-5.95L45.95.636 40 6.586 34.05.636 32.636 2.05 38.586 8l-5.95 5.95 1.414 1.414L40 9.414l5.95 5.95 1.414-1.414L41.414 8zM40 48c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm0-2c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zM9.414 40l5.95-5.95-1.414-1.414L8 38.586l-5.95-5.95L.636 34.05 6.586 40l-5.95 5.95 1.414 1.414L8 41.414l5.95 5.95 1.414-1.414L9.414 40z" fill="%239C92AC" fill-opacity="0.4" fill-rule="evenodd"/%3E%3C/svg%3E'); */
+  background-image: url("../images/gender3.png");
+  background-position: center;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-attachment: fixed;
 }
 
 #main-services-body {
@@ -31,7 +36,7 @@ body {
   box-shadow: 0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.1);
   border-radius: 0.25rem;
 }
-.card-service-page>.card-overlay>.title {
+.card-service-page > .card-overlay > .title {
   margin: 0;
   display: block;
   background-color: #fff;
@@ -40,15 +45,15 @@ body {
   transition: transform 300ms;
   border-radius: 0.25rem 0.25rem 0 0;
 }
-.card-overlay>.title>h3 {
+.card-overlay > .title > h3 {
   margin: 0;
   font-size: 1rem;
 }
-.card-overlay>.title>p {
+.card-overlay > .title > p {
   margin: 0;
   font-size: 0.8rem;
 }
-.card-service-page>a {
+.card-service-page > a {
   position: absolute;
   top: 0;
   left: 0;

diff --git a/Frontend/CSS/services.css b/Frontend/CSS/services.css
@@ -10,11 +10,18 @@ body {
   background-size: cover;
   background-repeat: no-repeat;
   background-attachment: fixed;
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+#footer {
+  margin-top: auto;
 }
 #NAVBAR {
   border: 1px solid transparent;
 }
 .services-main-div {
+  flex: 1;
   padding-top: 100px;
   padding-bottom: 20px;
 }