update index.html - new section

rohan-pandeyy · Apr 18, 2024 · ba230f9 · ba230f9
1 parent 0e0dd6c
commit ba230f9
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 1 deletion.
diff --git a/assets/layered-waves.svg b/assets/layered-waves.svg
diff --git a/index.html b/index.html
@@ -141,6 +141,12 @@ <h4>Lane + Object Detection</h4>
         </div>
       </div>
     </section>
+
+    <div class="spacer layer1"></div>
+
+    <section class="contact">
+
+    </section>
     <script src="script.js"></script>
 </body>
 </html>
diff --git a/styles.css b/styles.css
@@ -155,7 +155,7 @@ header nav:hover > a:not(:hover):not(.active) {
 
 .how-to-use {
     padding: 10vh 0;
-    background: linear-gradient(to top, #27252f 40%, #4c4a4b);;
+    background: linear-gradient(to top, #221d32, #4c4a4b);;
     color: white;
     position: relative;
 }
@@ -340,4 +340,22 @@ input:checked + label .description {
 }
 .card[for="c4"] {
     background-image: url('./assets/how-it-works/img4.jpeg');
+}
+
+.spacer {
+    aspect-ratio: 960/300;
+    width: 100%;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: cover;
+    background-color: #B9929F;
+}
+
+.layer1 {
+    background-image: url('./assets/layered-waves.svg');
+}
+
+.contact {
+    padding: 10vh 0;
+    background-color: #B9929F;
 }