diff --git a/assets/css/index.css b/assets/css/index.css
index f3d86f0..35cb296 100644
--- a/assets/css/index.css
+++ b/assets/css/index.css
@@ -222,9 +222,27 @@ hr {
 
 #contact-us {
   height: 100vh;
-  background-color: orange;
+  background-color: white;
+}
+
+.contact-us__icon {
+    width: 55px;
+    height: 55px;
+}
+
+#contact-us__iframe {
+  border: 0;
+  height: 300px;
+  width: 500px;
 }
 
+.contact-us__container {
+
+}
+
+.contact-us__container__image {
+  margin: 0px 15px;
+}
 .testimonials__faces {
     height: 10vh;
     width: 10vh;
diff --git a/assets/images/GitHub-Dark.png b/assets/images/GitHub-Dark.png
new file mode 100644
index 0000000..ea6ff54
Binary files /dev/null and b/assets/images/GitHub-Dark.png differ
diff --git a/assets/images/meetup.png b/assets/images/meetup.png
new file mode 100644
index 0000000..88ec316
Binary files /dev/null and b/assets/images/meetup.png differ
diff --git a/assets/js/index.js b/assets/js/index.js
index d5aab3c..86548bb 100644
--- a/assets/js/index.js
+++ b/assets/js/index.js
@@ -84,4 +84,6 @@ $(document).ready(function() {
     }
 
     setUpTestimonials();
+
+    $('#contact-us__iframe').attr('src', "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2311.6336498243927!2d-5.9428546839875915!3d54.59282908831475!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x486108f686ba0491%3A0xf206df9d70d81d76!2sFarset+Labs!5e0!3m2!1sen!2suk!4v1560701414902!5m2!1sen!2suk");
 });
diff --git a/index.html b/index.html
index b3a99a0..9c367b2 100644
--- a/index.html
+++ b/index.html
@@ -100,6 +100,26 @@ <h2>Contact Us</h2>
         <main>
           <p>This is a placeholder.</p>
         </main>
+        <div class="contact-us__container container">
+          <div class="contact-us__container__image">
+            <a href="https://github.com/code-co-op">
+              <img src="assets/images/GitHub-Dark.png" class="contact-us__icon">
+            </a>
+          </div>
+          <div class="contact-us__container__image">
+            <a href="https://www.meetup.com/CodeCoop-NI/">
+              <img src="assets/images/meetup.png" class="contact-us__icon">
+            </a>
+          </div>
+          <div class="contact-us__container__image">
+            <a href="mailto:codecoop@gmail.com">
+              <i class="far fa-envelope fa-4x"></i>
+            </a>
+          </div>
+        </div>
+        <div class="container">
+          <iframe src="" id="contact-us__iframe" frameborder="0" allowfullscreen></iframe>
+        </div>
       </section>
 
       <section id="testimonials" class="full-height-background">