diff --git a/src/index.html b/src/index.html
index 833c4b3272..e8bf627e21 100644
--- a/src/index.html
+++ b/src/index.html
@@ -14,57 +14,67 @@
   <div class="container">
     <header>
       <nav>
-        <a href="#"></a>
-        <a href="#"></a>
-        <a href="#"></a>
-        <a href="#"></a>
-        <a href="#"></a>
-        <a href="#"></a>
+        <a href="#" class="italic">Services</a>
+        <a href="#" class="italic">Product</a>
+        <a href="#" class="italic">Vision</a>
+        <a href="#" class="italic">Features</a>
+        <a href="#" class="italic">About</a>
+        <a href="#" class="italic">Contact</a>
       </nav>
-      <img id="logo-img" class="logo" alt="Great Idea! Company logo">
+      <img id="logo-img" class="logo" src="http://localhost:9000/img/logo.png" alt="Great Idea! Company logo">
     </header>
     <section class="cta">
       <div class="cta-text">
-        <h1></h1>
-        <button></button>
+        <h1>DOM Is Awesome</h1>
+        <button>Get Started</button>
       </div>
-      <img id="cta-img" alt="Image of a code snippet">
+      <img id="cta-img" src="http://localhost:9000/img/cta.png" alt="Image of a code snippet">
     </section>
     <section class="main-content">
       <div class="top-content">
         <div class="text-content">
-          <h4></h4>
-          <p></p>
+          <h4>Features</h4>
+          <p>Features content elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio,
+            in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus
+            scelerisque quis.</p>
         </div>
         <div class="text-content">
-          <h4></h4>
-          <p></p>
+          <h4>About</h4>
+          <p>About content elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in
+            interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus
+            scelerisque quis.</p>
         </div>
       </div>
-      <img class="middle-img" id="middle-img" alt="Image of code snippets across the screen">
+      <img class="middle-img" id="middle-img" src="http://localhost:9000/img/accent.png" alt="Image of code snippets across the screen">
       <div class="bottom-content">
         <div class="text-content">
-          <h4></h4>
-          <p></p>
+          <h4>Services</h4>
+          <p>Services content elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio,
+            in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus
+            scelerisque quis.</p>
         </div>
         <div class="text-content">
-          <h4></h4>
-          <p></p>
+          <h4>Product</h4>
+          <p>Services content elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio,
+            in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus
+            scelerisque quis.</p>
         </div>
         <div class="text-content">
-          <h4></h4>
-          <p></p>
+          <h4>Vision</h4>
+          <p>Services content elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio,
+            in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus
+            scelerisque quis.</p>
         </div>
       </div>
     </section>
     <section class="contact">
-      <h4></h4>
-      <p></p>
-      <p></p>
-      <p></p>
+      <h4>Contact</h4>
+      <p>123 Way 456 Street Somewhere. USA</p>
+      <p>1 (888) 888-8888</p>
+      <p>sales@greatidea.io</p>
     </section>
     <footer>
-      <a href="#"></a>
+      <a href="#" class="bold">Copyright Great Idea! 2022</a>
     </footer>
   </div>
 </body>
diff --git a/src/index.js b/src/index.js
index e3fb5d7143..68887bbc65 100644
--- a/src/index.js
+++ b/src/index.js
@@ -39,4 +39,67 @@ const siteContent = { // DO NOT CHANGE THIS OBJECT
   },
 };
 
-console.log('project wired!')
+
+
+// IMAGES
+const logoImg = document.querySelector("#logo-img");
+logoImg.src = siteContent.images["logo-img"];
+
+const ctaImg = document.querySelector("#cta-img");
+ctaImg.src = siteContent.images["cta-img"];
+
+const midImg = document.querySelector("#middle-img");
+midImg.setAttribute("src", siteContent.images["accent-img"]);
+
+// FOOTER
+
+const footerLink = document.querySelector("footer a");
+footerLink.textContent = siteContent.footer.copyright;
+footerLink.classList.add("bold");
+
+// CONTACT
+
+const contact = document.querySelector("section.contact");
+contact.children[0].textContent = siteContent.contact["contact-h4"];
+contact.children[1].textContent = siteContent.contact["address"];
+contact.children[2].textContent = siteContent.contact["phone"];
+contact.children[3].textContent = siteContent.contact["email"];
+
+// TOP CONTENT
+
+const topContent = document.querySelector(".top-content");
+topContent.children[0].children[0].textContent =
+  siteContent["main-content"]["features-h4"];
+topContent.children[0].children[1].textContent =
+  siteContent["main-content"]["features-content"];
+topContent.children[1].children[0].textContent =
+  siteContent["main-content"]["about-h4"];
+topContent.children[1].children[1].textContent =
+  siteContent["main-content"]["about-content"];
+
+// BOTTTOM CONTENT
+
+const bottomContent = document.querySelector(".bottom-content");
+const h4sBottom = bottomContent.querySelectorAll("h4");
+h4sBottom[0].textContent = siteContent["main-content"]["services-h4"];
+h4sBottom[1].textContent = siteContent["main-content"]["product-h4"];
+h4sBottom[2].textContent = siteContent["main-content"]["vision-h4"];
+const psBottom = bottomContent.querySelectorAll("p");
+psBottom[0].textContent = siteContent["main-content"]["services-content"];
+psBottom[1].textContent = siteContent["main-content"]["product-content"];
+psBottom[2].textContent = siteContent["main-content"]["vision-content"];
+
+// CTA
+
+document.querySelector(".cta .cta-text h1").textContent = siteContent.cta.h1;
+document.querySelector(".cta .cta-text button").textContent =
+  siteContent.cta.button;
+
+// NAV LINKS
+
+const navLinks = document.querySelectorAll("header nav a");
+const navLinksText = Object.values(siteContent.nav);
+navLinks.forEach((link, idx) => {
+  link.textContent = navLinksText[idx];
+  link.classList.add("italic");
+});
\ No newline at end of file
diff --git a/src/original.html b/src/original.html
index 19265e3754..d750969673 100644
--- a/src/original.html
+++ b/src/original.html
@@ -75,7 +75,7 @@ <h4>Contact</h4>
       <p>sales@greatidea.io</p>
     </section>
     <footer>
-      <a href="#" class="bold">Copyright Great Idea! 2021</a>
+      <a href="#" class="bold">Copyright Great Idea! 2022</a>
     </footer>
   </div>
 </body>