diff --git a/client/public/assets/turtles.jpg b/client/public/assets/turtles.jpg
new file mode 100644
index 0000000..701d30b
Binary files /dev/null and b/client/public/assets/turtles.jpg differ
diff --git a/client/public/styling.css b/client/public/styling.css
index 4c6b8a8..e78537a 100644
--- a/client/public/styling.css
+++ b/client/public/styling.css
@@ -231,6 +231,10 @@ a {
   height: 100% !important;
 }
 
+.contactHeader {
+  text-align: center;
+}
+
 .scrollable.scrollable {
   overflow: hidden;
   overflow-y: scroll;
diff --git a/client/src/components/ContactUs.jsx b/client/src/components/ContactUs.jsx
index b4c0923..6abee66 100644
--- a/client/src/components/ContactUs.jsx
+++ b/client/src/components/ContactUs.jsx
@@ -1,12 +1,32 @@
 import React, { Component } from 'react';
+import { Image, Grid, Container } from 'semantic-ui-react';
 
 class ContactUs extends Component {
 
   render() {
-    return(
-      <div>
-        Contact us at: xxxxx
-      </div>
+    return (
+      <Container>
+        <h1 className="contactHeader">Tenacious Turtles</h1>
+        <Grid stackable>
+          <Grid.Row columns={2}>
+            <Grid.Column>
+              <Image
+                src="assets/turtles.jpg"
+              />
+            </Grid.Column>
+            <Grid.Column>
+              <h4 className="imageHeader">Alison Zhang</h4>
+              <a href="mailto:alisonzthu@gmail.com"><p>alisonzthu@gmail.com</p></a>
+              <h4 className="imageHeader">Bryan Nguyen</h4>
+              <a href="mailto:bryan.nguyen.a@gmail.com"><p>bryan.nguyen.a@gmail.com</p></a>
+              <h4 className="imageHeader">Winston Ku</h4>
+              <a href="mailto:wdku5791@gmail.com"><p>wdku5791@gmail.com</p></a>
+              <h4 className="imageHeader">Anthony Bianco</h4>
+              <a href="mailto:anthony.bianco3@gmail.com"><p>anthony.bianco3@gmail.com</p></a>
+            </Grid.Column>
+          </Grid.Row>
+        </Grid>
+      </Container>
     );
   }
 }