diff --git a/index.html b/index.html
index 00cd6d4..ec8ee82 100644
--- a/index.html
+++ b/index.html
@@ -3,12 +3,81 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,300,700' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
     <meta name="description" content="contact form example">
   <title>Contact Form Example</title>
 </head>
 
 <body>
   <h2 class="content-head is-center">Contact Us!</h2>
+  <div class="row justify-content-center">
+      <div class="col-md-12">
+        <div class="wrapper">
+          <div class="row mb-5">
+            <div class="col-md-3">
+              <div class="dbox w-100 text-center">
+                <div
+                  class="icon d-flex align-items-center justify-content-center"
+                >
+                  <span class="fa fa-map-marker"></span>
+                </div>
+                <div class="text">
+                  <p>
+                    <span>Address:</span> 198 West 21th Street, Suite 721 New
+                    York NY 10016
+                  </p>
+                </div>
+              </div>
+            </div>
+            <div class="col-md-3">
+              <div class="dbox w-100 text-center">
+                <div
+                  class="icon d-flex align-items-center justify-content-center"
+                >
+                  <span class="fa fa-phone"></span>
+                </div>
+                <div class="text">
+                  <p>
+                    <span>Phone:</span>
+                    <a href="tel://1234567920">+ 1235 2355 98</a>
+                  </p>
+                </div>
+              </div>
+            </div>
+            <div class="col-md-3">
+              <div class="dbox w-100 text-center">
+                <div
+                  class="icon d-flex align-items-center justify-content-center"
+                >
+                  <span class="fa fa-paper-plane"></span>
+                </div>
+                <div class="text">
+                  <p>
+                    <span>Email:</span>
+                    <a href="mailto:info@yoursite.com">info@yoursite.com</a>
+                  </p>
+                </div>
+              </div>
+            </div>
+            <div class="col-md-3">
+              <div class="dbox w-100 text-center">
+                <div
+                  class="icon d-flex align-items-center justify-content-center"
+                >
+                  <span class="fa fa-globe"></span>
+                </div>
+                <div class="text">
+                  <p><span>Website</span> <a href="#">yoursite.com</a></p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>  
   <aside>
        <p>
            We would <em>love</em> to hear from you! </p>
diff --git a/style.css b/style.css
index b843d6b..5b2c4d5 100644
--- a/style.css
+++ b/style.css
@@ -38,3 +38,30 @@ button {
 .honeypot-field {
   display: none;
 }
+
+.dbox {
+  width: 100%;
+  margin-bottom: 25px; }
+  @media (max-width: 767.98px) {
+    .dbox {
+      margin-bottom: 25px !important;
+      padding: 0 20px; } }
+  .dbox p {
+    margin-bottom: 0; }
+    .dbox p span {
+      font-weight: 500;
+      color: #000; }
+    .dbox p a {
+      color: #46b5d1; }
+  .dbox .icon {
+    width: 30px;
+    height: 30px;
+    border-radius: 50%;
+    background: #46b5d1;
+    margin: 0 auto;
+    margin-bottom: 20px; }
+    .dbox .icon span {
+      font-size: 20px;
+      color: #fff; }
+  .dbox .text {
+    width: 100%; }
