DysfunctionalCoders · rlkenney3 · Sep 27, 2021 · Sep 27, 2021
diff --git a/images/four-rivers-navhda.png b/images/four-rivers-navhda.png
diff --git a/images/navhda.png b/images/navhda.png
diff --git a/images/training-day.png b/images/training-day.png
diff --git a/index.html b/index.html
@@ -0,0 +1,53 @@
+<!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>
+<body>
+    <div class="wrapper">
+        <section class="content">
+          <div class="columns">
+
+            <main class="main">
+              <img src="./images/four-rivers-navhda.png" alt="Four Rivers NAVHDA Logo"></img>
+
+              <h2>Contact Us</h2>
+                <p><b>Phone Number:</b><br />
+                <span>(555) 867-5309</span></p> 
+                <br />
+              <p><b>Email:</b><br />
+              <a href = "mailto:[email protected]">[email protected]</a></p> 
+              <br />
+              <p><b>Address:</b><br />
+                P.O. Box 281 <br />
+                Kevil, KY 42053</p> 
+            </main>
+
+            <aside class="sidebar-first"><h2>Follow Us On Social Media</h2>
+            <p><a href="https://www.facebook.com/FourRiversNAVHDA">Facebook</a></p>
+            <p><a href="https://www.instagram.com/four_rivers_navhda/">Instagram</a></p>  
+            <br />
+            <img src="./images/navhda.png" alt="NAVHDA Logo"></img>
+            </aside>
+
+            <aside class="sidebar-second">
+              <img src="./images/training-day.png" alt="Training Day"></img>
+
+              <h1>Training Day</h1>
+              <p>Join us for our next training day!<p></p><br/>
+              <p><b>Date:</b> October 9th<br/>
+              <b>Time:</b> 7AM ET<br/>
+              <b>Location:</b> 327 Tradewater Bottoms Rd<br/>
+              Sturgis, KY<br/>
+              </p>
+              <img src="./images/americanFlag.png" alt="American Flag"></img> 
+            </aside>
+          </div>
+        </section>
+      </div>
+</body>
+</html>
diff --git a/styles.css b/styles.css
@@ -0,0 +1,84 @@
+body{
+    font-family: system-ui;
+    background: #000;
+    color: white;
+  } 
+  .wrapper{
+    min-height: 100vh;
+    background: #000;
+    display: flex;
+    flex-direction: column;
+  }
+  .content {
+    display: flex;
+    flex: 1;
+    background: #000;
+    color: #000; 
+  }
+  .columns{
+    display: flex;
+    flex:1;
+    text-align: left;
+  }
+  .main{
+    flex: 1;
+    order: 2;
+    background: #fff;
+    text-align: left;
+    padding: 1em;
+  }
+  .sidebar-first{
+    width: 33%;
+    background: #fff;
+    order: 1;
+    margin-right: 1em;
+    text-align: center;
+    padding: 1em;
+
+  }
+  .sidebar-second{ 
+    width: 33%;
+    order: 3;
+    background: #fff;
+    margin-left: 1em;
+    text-align: left;
+    padding: 1em;
+
+  }
+  h1{
+    text-align: center;
+    font-size: 20px;
+    border-top: .5em solid black;
+    border-bottom: .5em solid black;
+  }  
+  h2{
+    text-align: center;
+    font-size: 20px;
+    text-decoration: underline;
+}
+  h3{
+    text-align: center;
+    font-size: 20px;
+  }
+  h4{
+    text-align: center;
+    font-size: 20px;
+    text-decoration: underline overline;
+  }
+
+  a{
+    text-align: center;
+    font-size: 20px;
+    text-decoration: none;
+    color:#000;
+  }
+  img {
+    width: 80%;        
+    margin: 2em; 
+    align-self: center;
+  }
+
+  p {
+    margin: 0;
+    text-indent: 0em
+  }