From 14c79251abec0675715a05e7bea04024f90553de Mon Sep 17 00:00:00 2001
From: Gustavo Vega <gustavov.arreola@gmail.com>
Date: Tue, 12 Jul 2022 15:05:46 -0600
Subject: [PATCH 1/2] unit 2 week 1 module 1 done

---
 src/index.html |  4 ++--
 src/index.js   | 65 +++++++++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 66 insertions(+), 3 deletions(-)

diff --git a/src/index.html b/src/index.html
index 833c4b3272..e60cc57349 100644
--- a/src/index.html
+++ b/src/index.html
@@ -14,8 +14,8 @@
   <div class="container">
     <header>
       <nav>
-        <a href="#"></a>
-        <a href="#"></a>
+        <a href="#" class="italic">Services</a>
+        <a href="#" class="italic">Product</a>
         <a href="#"></a>
         <a href="#"></a>
         <a href="#"></a>
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

From 3b06e070e14f1e1b2d5568c757046e3c8d16b98d Mon Sep 17 00:00:00 2001
From: Gustavo Vega <gustavov.arreola@gmail.com>
Date: Tue, 12 Jul 2022 22:33:59 -0600
Subject: [PATCH 2/2] finished unit 2 week 1 module 1

---
 src/index.html    | 58 +++++++++++++++++++++++++++--------------------
 src/original.html |  2 +-
 2 files changed, 35 insertions(+), 25 deletions(-)

diff --git a/src/index.html b/src/index.html
index e60cc57349..e8bf627e21 100644
--- a/src/index.html
+++ b/src/index.html
@@ -16,55 +16,65 @@
       <nav>
         <a href="#" class="italic">Services</a>
         <a href="#" class="italic">Product</a>
-        <a href="#"></a>
-        <a href="#"></a>
-        <a href="#"></a>
-        <a href="#"></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/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>