diff --git a/src/app/app.component.css b/src/app/app.component.css
index e69de29..0fd3c89 100644
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -0,0 +1,20 @@
+.subheading {
+    font-size: 1.5rem;
+    font-weight: 300;
+}
+
+@media only screen and (max-width: 767px) {
+    .desktopOnly {
+        display: none;
+    }
+}
+
+img {
+    max-width: 100%;
+    height: auto;
+    width: auto\9; /* ie8 */
+}
+
+.heading {
+    margin-top: 12px;
+}
\ No newline at end of file
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 3d590de..7ae2a27 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1 +1,19 @@
+<div class="container">
+    <div class="row">
+        <div class="col-lg-4 col-md-3">
+            <img height="300" src="../assets/brojeff.PNG">
+        </div>
+        <div class="col-lg-4 col-md-6 col-sm-12">
+            <h1 class="display-4">Jeff Nippard's Card Workout</h1>
+            <p class="subheading">
+                This is a small app the simulates the Card Workout created by Jeff Nippard. <br>
+                Check out his youtube video <a href="https://www.youtube.com/watch?v=WLrkT4F7tEc" target="_blank">here!</a>
+            </p>
+        </div>
+        <div class="desktopOnly col-lg-4 col-md-3">
+            <img height="300" src="../assets/jeff.PNG">
+        </div>
+    </div>
+</div>
+
 <main></main>
\ No newline at end of file
diff --git a/src/assets/brojeff.PNG b/src/assets/brojeff.PNG
new file mode 100644
index 0000000..31263ed
Binary files /dev/null and b/src/assets/brojeff.PNG differ
diff --git a/src/assets/jeff.PNG b/src/assets/jeff.PNG
new file mode 100644
index 0000000..625aa59
Binary files /dev/null and b/src/assets/jeff.PNG differ