Dev nadia

css/main.css

@@ -68,3 +68,52 @@ font-size: 50px;
     width: 10px;
 }
 
+.contact_container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  font-family: "Lato", sans-serif;
+  background: white;
+}
+.contact_container > h1 {
+  font-size: 40px;
+  *padding: 0px 0px 0px 0px;
+  margin: 30px 0px 10px 0px;
+  color: rgb(37, 37, 37);
+}
+.fa-star {
+  color: gray;
+  padding: 10px 0px 10px 0px;
+}
+.formContact {
+  display: flex;
+  flex-direction: column;
+  align-items: left;
+  font-family: "Montserrat", sans-serif;
+}
+.formContact > input,
+.formContact > textarea {
+  padding: 20px 5px 10px 5px;
+  font-size: 15px;
+  border-top: none;
+  border-left: none;
+  border-right: none;
+}
+.formContact::placeholder {
+  color: gray;
+}
+.formContact > button {
+  font-family: "Lato", sans-serif;
+  color: white;
+  font-size: 15px;
+  font-weight: bold;
+  color: white;
+  background-color: #24ccbe;
+  border: none;
+  border-radius: 2px;
+  cursor: pointer;
+  height: 35px;
+  width: 55px;
+  margin: 20px 0px 0px 0px;
+}
+

index.html

@@ -65,19 +65,18 @@ <h1>ABOUT</h1>
 <button>i Download theme</button>
 </section>
 
-<section class="contact_container" id="contact" >
 
+<section class="contact_container">
     <h1>CONTACT ME</h1>
-    <span>---i--</span>
-    <form action="">
-        <input type="text">
-        <input type="text">
-        <input type="text">
-        <textarea name="" id="" cols="30" rows="10"></textarea>
-        <button type="submit">SEND</button>
-
+    <span><i class="fas fa-star"></i></span>
+    <form action="" class="formContact">
+        <input type="text" placeholder="Name">
+        <input type="text" placeholder="Email Address">
+        <input type="text" placeholder="Phone Number">
+        <textarea name="" id="" cols="30" rows="4" placeholder="Messaje"></textarea>
+
+        <button type="submit">Send</button>
     </form>
-
 </section>
 
 <section class="footer_container">