first commit

2024-05-31 16:34:01 +02:00
commit f3c4a2a5be
34 changed files with 2454 additions and 0 deletions
--- a/style/_form.scss
+++ b/style/_form.scss
@@ -0,0 +1,105 @@
+
+
+.form {
+    .headline-card {
+        h4 {
+            font-family: Merriweather;
+            color: #31353d;
+            font-weight: 500;
+            letter-spacing: 0px;
+            font-size: 24px;
+        }
+
+        h2 {
+            font-family: Merriweather;
+            color: #15c1c6;
+            font-weight: 700;
+            letter-spacing: 0px;
+            font-size: 29px;
+        }
+
+        img{
+            margin-bottom: 35px;
+        }
+    }
+
+    h6{
+        font-style: normal;
+        font-weight: 700;
+        font-size: 18px;
+        line-height: 1.27778;
+        font-family: Merriweather;
+        letter-spacing: 0px;
+        color: #31353d;
+    }
+
+    select{
+        padding: 17px 56px 16px 20px;
+        width: 100%;
+        border: none;
+        cursor: pointer;
+        margin-bottom: 20px;
+        background-color: #f6f6f6;
+        color: #777777 !important; 
+        font-family: MerriweatherSans;
+
+    }
+    select:hover{
+        background: #ededed;
+        transition: .3s all ease;
+    }
+
+    .input-text{
+        padding: 18px 20px;
+        border: none;
+        background-color: #f6f6f6;
+        margin: 0 0 20px;
+        color: #777777 !important; 
+        width: 100%;
+        font-family: MerriweatherSans;
+
+    }
+
+    .input-text::placeholder{
+        color: #777777 !important;
+    }
+
+    .form-container-bot{
+        position: relative;
+        
+    }
+
+}
+
+
+@media only screen and (min-width: 768px)  {
+    .form{
+        .headline-card{
+            margin-top: 0px !important;
+        }
+
+        .view-more{
+            margin-bottom: 0px !important;
+        }
+    }
+
+    .form-container-bot{
+        width: 700px;
+    }
+}
+
+@media only screen and (min-width:992px) {
+    .form{
+        padding-top: 98px;
+        padding-bottom: 114px;
+        .headline-card{
+            h2 {
+                font-size: 48px !important;
+            }
+    
+            h4{
+                font-size: 29px !important;
+            }
+        }
+    }
+}