diff --git a/css/styles.css b/css/styles.css
index 76aa610..74021da 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1,7 +1,7 @@
 .header {
     padding: 0 170px;
     background-color: #2C3639;
-    height: 550px;
+    min-height: 450px;
     color: #DCD7C9;
 }
 .navbar {
@@ -11,16 +11,49 @@
     margin-bottom: 75px;
 }
 
+.navbar h2 {
+    font-weight: bold;
+    font-size: 22px;
+}
+
 .navbar ul {
     display: flex;
     margin: 0;
     padding: 0;
 }
 
+.navbar li {
+    gap: 15p;
+    margin: 10px;
+}
+
+.header-quote {
+    font-weight: 900;
+    font-size: xxx-large;
+    margin: 0;
+}
+
 .container {
     display: flex;
-    justify-content: space-between;
+    justify-content: space-around;
     align-items: center;
+    flex-wrap: wrap;
+}
+
+.tagline {
+    align-items: center;
+    gap: 20px;
+}
+
+.tagphoto {
+    padding: 20px;
+    height: auto;
+    max-width: 200px;
+}
+
+.tagphoto img {
+    height: auto;
+    max-width: 250px;
 }
 
 #skills {
@@ -35,7 +68,7 @@
 .cards {
     display: flex;
     align-items: center;
-    justify-content: center;
+    justify-content: space-around;
     flex-wrap: wrap;
 }
 
@@ -48,20 +81,32 @@
 }
 
 .card-photo {
-    width: 100px;
+    flex-shrink: 0;
+    color: #2C3639;
+    /* width: 100px;
     height: 100px;
-    background-color: green;
+    background-color: green; */
 }
 
 .quote {
     height: 400px;
     background-color: #3F4E4F;
+    display: flex;
+    align-items: center;
+    color: #DCD7C9;
+    justify-content: center;
+}
+
+.quote-author {
+    display: flex;
+    align-content: flex-end;
 }
 
 .quote h1 {
     display: flex;
     align-items: center;
     justify-content: center;
+    font-size: xx-large;
 }
 
 .contact {
@@ -76,14 +121,41 @@
     align-items: center;
     justify-content: space-between;
     height: 150px;
-    /* width: 75%; */
+    background-color: #A27B5C;
+    color: #DCD7C9;
+    font-weight: 900;
+    min-width: 75%;
+    border-radius: 25px;
 }
 
+.signup {
+    padding: 10%;
+}
+
+.signup-button {
+    padding: 10%;
+}
+
+.signup-button button {
+    cursor: pointer;
+    border: 2px solid #2C3639;
+    padding: 8px 16px;
+    border-radius: 8px;
+    text-align: center;
+    text-decoration: none;
+    background-color: #2C3639;
+    color: #DCD7C9;
+    width: 170px;
+}
+
+
 .footer {
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: #2C3639;
+    min-height: 50px;
+    color: #DCD7C9;
 }
 
 body {
@@ -91,9 +163,23 @@ body {
     flex-direction: column;
     justify-content: space-between;
     align-content: space-between;
+    font-family: 'Roboto Flex', sans-serif; 
     min-height: 98vh;
 }
 
 ul {
     list-style-type: none;
+}
+
+a {
+    text-decoration: none;
+    color: #A27B5C;
+    font-weight: bolder;
+    font-size: large;
+}
+
+button {
+    cursor: pointer;
+    padding: 8px 16px;
+    border-radius: 8px;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index f866b33..430194d 100644
--- a/index.html
+++ b/index.html
@@ -3,29 +3,32 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,400;8..144,700;8..144,900&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="css/styles.css" class="cass">
-    <title>Mike Jr</title>
+    <title>Mike Smith </title>
 </head>
 <body>
    <section class="header">
     <div class="navbar">
-        <h2>Mike Jr</h2>
+            <a href="#"><h2>Mikejr.dev</h2></a>
         <ul>
-            <li>Blog</li>
-            <li>Resume</li>
-            <li>GitHub</li>
+            <li><a href="#">Blog</a></li>
+            <li><a href="#">Resume</a></li>
+            <li><a href="#">GitHub</a></li>
         </ul>
     </div>
 
     <div class="container">
         <div class="tagline">
             <h1 class="header-quote">
-                Mike Smith, Jr. 
+                Mike Smith - Engineer 
             </h1>
-            Learning in public, building in public, networking, enjoying what he does. Passionate 
+            Learning in public, building in public, networking, Developer/Systems Engineer. 
         </div>
         <div class="tagphoto">
-            place-holder
+            <img src="static/rocket-7774875_640.png" alt="coolrocket">
         </div>
     </div>
    </section>
@@ -34,34 +37,35 @@
     <div class="cards">
         <div class="card">
             <div class="card-photo">
-
+                <i class="fab fa-linux fa-10x"></i> 
             </div>         
-            I've done somecool ish
+            I've done some cool ish
         </div>
         <div class="card">
             <div class="card-photo">
-
+                <i class="fab fa-aws fa-10x"></i>
             </div>         
-            I've done somecool ish
+            I've done some cool ish
         </div>
         <div class="card">
             <div class="card-photo">
-
+                <i class="fab fa-python fa-10x"></i>
             </div>         
-            I've done somecool ish
+            I've done some cool ish
         </div>
         <div class="card">
             <div class="card-photo">
-
+                <i class="fab fa-docker fa-10x"></i>
             </div>         
-            I've done somecool ish
+            I've done some cool ish
         </div>
    </div>
    </section>
    <section class="quote">
     <div class="quote-tag">
 
-    <h1>I Do stuff with integrty. Thanks</h1>
+    <h1 class="quote-header">“Great things come from hard work and perseverance. No excuses.” </h1>
+    <p class="quote-author">— Kobe Bryant</p>
     </div>
    </section>
    <section class="contact">
@@ -78,5 +82,6 @@
    <section class="footer">
     Yeah baby this is some good code
    </section>
+   <script src="https://kit.fontawesome.com/24f16b96cf.js" crossorigin="anonymous"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/static/rocket-7774875_640.png b/static/rocket-7774875_640.png
new file mode 100644
index 0000000..dec3681
Binary files /dev/null and b/static/rocket-7774875_640.png differ
