contact section

Author: RinatValiullov

portfolio-grid/index.html

@@ -277,6 +277,51 @@ <h3>What Habe I built?</h3>
       </div>
     </section>
 
+    <!-- Contact -->
+    <section id="contact" class="collapse">
+      <div class="card card-body bg-danger text-white py-5">
+        <h2>Contact</h2>
+        <p class="lead">
+          Lorem ipsum, dolor sit amet consectetur adipisicing elit. Consectetur, quam!
+        </p>
+      </div>
+
+      <div class="card card-body py-5">
+        <h3>Get In Touch</h3>
+        <p>
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. At officia eum hic deserunt non
+          inventore.
+        </p>
+        <form>
+          <div class="input-group input-group-lg mb-3">
+            <span class="input-group-text bg-danger text-white" id="contact-username">
+              <i class="fas fa-user"></i>
+            </span>
+            <input type="text" class="form-control bg-dark text-white" placeholder="Username"
+              aria-label="Username" aria-describedby="contact-username">
+          </div>
+
+          <div class="input-group input-group-lg mb-3">
+            <span class="input-group-text bg-danger text-white" id="contact-email">
+              <i class="fas fa-envelope"></i>
+            </span>
+            <input type="email" class="form-control bg-dark text-white" placeholder="Email"
+              aria-label="Email" aria-describedby="contact-email">
+          </div>
+
+          <div class="input-group input-group-lg mb-3">
+            <span class="input-group-text bg-danger text-white" id="contact-msg">
+              <i class="fas fa-pencil-alt"></i>
+            </span>
+            <textarea class="form-control bg-dark text-white" aria-label="Message"
+              aria-describedby="contact-msg"></textarea>
+          </div>
+
+          <button type="submit" class="btn btn-danger btn-lg w-100">Submit</button>
+        </form>
+      </div>
+    </section>
+
     <footer id="footer" class="p-5 bg-dark text-white">
       <div class="row">
         <div class="col-md-6">