diff --git a/index.html b/index.html
index e69de29..7dac6c8 100644
--- a/index.html
+++ b/index.html
@@ -0,0 +1,38 @@
+<!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>Document</title>
+    <link rel="stylesheet" href="./styles.css">
+</head>
+</head>
+<body>
+    <section>
+        <article>
+            <h1>Follow Us On <br> Social Media</h1>
+            <p class='p1'>Facebook <br> Instagram <br>Twitter</p>
+            <img class="image-size" src="./images/treeBranch.png" alt="" >
+        </article>
+        <div class="vertical"></div>
+        <article>
+            <img class="image-size" src="./images/americanFlag.png" alt="" >
+            <h2>Contact Us</h2>
+            <p class='p2'>Phone Number:<br>(123) 456-7890</p>
+            <p class='p2'>Email: <br> john.smith@google.com</p>
+            <p class='p2'>Address: <br>1775 Navy Street <br> Marine Corps, USA, 01230</p>
+        </article>
+        <div class="vertical"></div>
+        <article>
+            <img src="./images/VITlogo.png" alt="" class="center">
+            <hr class='horizontal'></div>
+            <h3>Silent Auction</h3>
+            <hr class='horizontal'></div>
+            <P class='p2'>Join us for the annual VetsInTech <br> Silent Auction!</p>
+            <p class='p2'>Date: xx/xx/xx <br> Time: 00:00 PM EST</p>
+            <img class="image-size"  src="./images/photosOnTable.png" alt="" class="center">
+        </article>
+    </section>
+</body>
+</html>
\ No newline at end of file
diff --git a/styles.css b/styles.css
index e69de29..632221a 100644
--- a/styles.css
+++ b/styles.css
@@ -0,0 +1,92 @@
+section{
+    display: flex;
+    justify-content: center;
+}
+
+h1 {
+    flex-wrap: wrap;
+    text-align: center;
+    line-height: 40px;
+    margin: 0;
+    font-family: Arial;
+    font-weight: bold;
+    font-size:x-large ;
+    text-decoration: underline;
+
+
+}
+h2 {
+    flex-wrap: wrap;
+    text-align: center;
+    line-height: 40px;
+    margin: 0;
+    font-family: Arial;
+    font-weight: bold;
+    font-size:x-large ;
+    text-decoration: underline;
+
+
+}
+h3 {
+    flex-wrap: wrap;
+    text-align: center;
+    line-height: 40px;
+    margin: 0;
+    font-family: sans-serif;
+    font-weight: bold;
+    font-size:xx-large;
+
+
+
+}
+article{
+    width: 380px;
+}
+
+.p1{
+    text-align: center;
+    font-family: 'Segoe UI';
+    font-size:larger;
+}
+
+.p2{
+    text-align: left;
+    font-family: 'Segoe UI';
+    font-size: small;
+
+}
+.center {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    width: 40%;
+    height: 5%;
+}
+.image-size{
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    width: 85%;
+    height: 15%;
+
+}
+.vertical{
+    border-left: 8px solid black;
+    height: 1000px;
+    width: 20px;
+}
+.logo-size{
+
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    width: 50%;
+
+}
+.horizontal{
+    border: 3px solid black;
+    color: black;
+    background-color: black;
+    height: 2px;
+    width: 250px;
+}
\ No newline at end of file
