diff --git a/index.html b/index.html
index e69de29..c35be3d 100644
--- a/index.html
+++ b/index.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Week 1 Homework</title>
+    <link rel="stylesheet" type="text/css" href="styles.css" />
+
+</head>
+
+<body>
+    <div class="flex-container">
+        <div class="row">
+            <div class="column">
+                <br>
+                <br>
+                <br>
+                <h2>Follow Us On <br>Social Media</h2>
+
+                <h4>Facebook<br>Instagram<br>Twitter
+                </h4>
+                <br>
+                <img src="images/treeBranch.png" alt="treeBranch" style="height:200px;width:300px">
+            </div>
+
+
+            <div class="column">
+                <br>
+                <img src="images/americanFlag.png" alt="americanFlag" style="height:250px;width:350px">
+                <h2>Contact Us</h2>
+
+                <p>Phone Number:
+                    <br>(123) 456-7890</p>
+                <p>Email:<br>john.smith@google.com</p>
+                <p>Address: 1775 Army Navy Street
+                    <br>Marine Corps, Air Force, USA 01230
+                </p>
+            </div>
+
+            <div class="column">
+                <img src="images/VITlogo.png" alt="VITlogo" style="height:80px;width:160px">
+
+                <h1>Silent Auction</h1>
+
+                <h4>Join us for the annual VetsinTech <br>Silent Auction!
+                    <h4>
+                        <h4>Date:XX/XX/XXXX
+                            <br>Time: 00:00 PM EST</h4>
+                        <!-- <br> -->
+                        <img src="images/photosOnTable.png" alt="photosOnTable" style="height:200px;width:300px">
+            </div>
+        </div>
+    </div>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/styles.css b/styles.css
index e69de29..6c8f46e 100644
--- a/styles.css
+++ b/styles.css
@@ -0,0 +1,90 @@
+* {
+    box-sizing: border-box;
+}
+
+body {
+    margin: 10;
+}
+
+h1 {
+    font-family: fantasy;
+    text-decoration: overline underline;
+    text-decoration-thickness: 10px;
+    text-align: center;
+}
+
+h2 {
+    font-family: Sans-serif;
+    text-decoration: underline;
+    text-decoration-thickness: 3px;
+    text-align: center;
+}
+
+h4 {
+    font-family: Sans-serif;
+    text-align: center;
+}
+
+p {
+    display: block;
+    font-size: 20px;
+    margin-block-start: 1em;
+    margin-block-end: 1em;
+    margin-inline-start: 0px;
+    margin-inline-end: 0px;
+}
+
+
+/* h5 {
+    font-family: Sans-serif;
+    text-align: center;
+} */
+
+
+/* Create three equal columns that floats next to each other */
+
+.column {
+    float: left;
+    width: 33.33%;
+    padding: 10px;
+    border-right: 5px solid black;
+    border-left: 5px solid black;
+}
+
+.row:after {
+    content: "";
+    display: table;
+    clear: both;
+}
+
+
+/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
+
+@media screen and (max-width:300px) {
+    .column {
+        width: 100%;
+    }
+}
+
+.flex-container {
+    display: flex;
+    flex-direction: row;
+    align-content: center;
+    /* border: 5px solid black; */
+}
+
+.flex-container>div {
+    background-color: #ffffff;
+    margin: 10px;
+    padding: 20px;
+    font-size: 25px;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
+img {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    /* width: 30px;
+    height: 20px; */
+}
\ No newline at end of file
