From 1493fc56560a7c1612031f8f46f8c2200fefc2b4 Mon Sep 17 00:00:00 2001
From: Vicwin13 <vnwimo13@gmail.com>
Date: Mon, 2 Dec 2019 23:26:47 +0100
Subject: [PATCH] finished

---
 index.html       | 18 ++++++++++++++
 styles/index.css | 61 +++++++++++++++++++++++++++++++++++++++++++++---
 2 files changed, 76 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 07b6be8..055f85a 100644
--- a/index.html
+++ b/index.html
@@ -432,7 +432,25 @@ <h5 style="font-size: 12px;">EMAIL ADDRESS</h5>
             <h5 style="font-size: 12px;">WEBSITE</h5>
             <p style="font-size: 9px;font-weight:100; ">yoursite.com</p>
         </div>
+      </div>
+          <section class="contact">
+    <div class="cform">
+        <div class="cpic">
+            <img src="http://pluspng.com/img-png/png-men-men-png-495.png" class="cpic" alt="Profile Pic">
+        </div>
+        <div class="form">
+            <form action="" class="form">
+               <input style="margin-bottom:10px;" type="text" placeholder="Your Name" class="form1"> <br>
+               <input style="margin-bottom:10px;" type="text" placeholder="Your Email" class="form1"> <br>
+               <input style="margin-bottom:10px;" type="text" placeholder="Subject" class="form1"> <br>
+               <textarea style="margin-bottom:15px; " rows="7" cols="41" placeholder="Message" class="form2"></textarea>
+               <input id="send" type="button" value="SEND MESSAGE">
+            </form>
+        </div>
+
     </div>
+
+        </section>
     <footer class="ftco-footer ftco-section">
             <div class="container">
               <div class="row mb-5">
diff --git a/styles/index.css b/styles/index.css
index 7a83a77..a6958a3 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -336,9 +336,6 @@ div.about{
     margin-right: 150px;
     color: rgb(155, 151, 151);
 }
-.con{
-    /* margin-right: 250px; */
-}
 .con h4{
     padding: 0px;
     font-size: 15px;
@@ -13690,3 +13687,61 @@ textarea.form-control {
   color: white;
 }
 
+/*contact us section*/
+section.contact{
+    margin-left: auto;
+    margin-right: auto;
+    width: 90%;
+    
+}
+section div.cform div.cpic img.cpic {
+    width: 420px;
+    
+}
+div img.cpic{
+    background-color: rgb(26, 26, 26);
+    margin-left: 170px;
+    background-size: cover;
+}
+div.cpic{
+    height: 40%;
+}
+section.contact div.cform{
+    display: flex;
+}
+section.contact div.form form.form{
+    margin-top: 38px;
+    /* margin-left: 30px; */
+      
+}
+input#send{
+    padding: 25px;
+    width: 14em;
+    border-radius: 60px;
+    outline: none;
+    background-color: #ffbd39;
+    border: none;
+    font-weight: bolder;
+
+}
+div.form{
+    background-color: rgb(219, 219, 219);
+    width: 25em;
+    margin-left: 0%;
+    padding: 30px;
+}
+form.form{
+    margin-bottom: 50px;
+}
+form input.form1{
+    width: 22em;
+    height: 40px;
+}
+section div.cform{
+    height: 580px;
+}
+section.contact{
+  margin-bottom: 400em;
+  margin-left: 130px;
+}
+   
\ No newline at end of file