started contact_us section (1)

contact.html

@@ -24,7 +24,7 @@ <h4>Tea Client</h4>
         </nav>
     </section>
 
-    <div class="container"></div>
+    <div class="hero"></div>
         <h1>Connect With Us</h1>
         <p>Feel free to get in touch with us! If you have any questions, suggestions, or just want to say hello, drop us an email at [email protected]. Before reaching out, we kindly recommend checking out our FAQ section as it might have the answers you're looking for. We value your time and strive to provide the best possible support.</p>
 

css/contact-style.css

@@ -2,6 +2,7 @@
     margin: 0;
     padding: 0;
     box-sizing: border-box;
+    font-family: 'Panton', sans-serif;
 }
 /* scrollbar */
 ::-webkit-scrollbar {
@@ -17,6 +18,11 @@
 ::-webkit-scrollbar-thumb:hover {
     background: #7d8183;
 }
+/* contact section */
+.hero{
+    width: 100%;
+    height: 100vh;
+}
 /* header */
 .header{
     min-height: 100vh;
@@ -36,7 +42,6 @@ nav {
     background-color: rgba(0, 0, 0, 0.3);
 }
 nav h4{
-    font-family: 'Panton', sans-serif;
     color: white;
     padding-left: 20px;
     font-size: 36px;
@@ -58,7 +63,6 @@ nav img{
 .nav-links ul li a{
     color: #FFF;
     text-decoration: none;
-    font-family: 'Panton', sans-serif;
     font-weight: bold;
     font-size: 20px;
 }
@@ -80,12 +84,10 @@ footer{
     background: #111;
     height: auto;
     width: 100%;
-    font-family: "Open Sans";
     padding-top: 40px;
     color: #fff;
 }
 .footer-content{
-    font-family: 'Panton', sans-serif;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -112,7 +114,6 @@ footer{
     text-align: center;
 }
 .footerNav a{
-    font-family: 'Panton', sans-serif;
     display: flex;
     display: inline-block;
     margin-right: 10px;
@@ -139,7 +140,6 @@ footer{
 .footer-bottom p{
     margin-left: 20px;
     float: left;
-    font-family: 'Panton', sans-serif;
     font-size: 14px;
     word-spacing: 2px;
 }