JessicaGilfillan · leonardojoseambrosio-lang · Jan 15, 2026 · Jan 15, 2026 · Jan 15, 2026 · Jan 15, 2026
diff --git a/docs/about_me.docx b/docs/about_me.docx
diff --git a/docs/about_me_template.docx b/docs/about_me_template.docx
diff --git a/docs/images/homer.jpg b/docs/images/homer.jpg
diff --git a/docs/index.html b/docs/index.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+
+<header>
+<h1>Leonardo Jose Ambrosio</h1> 
+<h2>IT professional, EUC, IT support, and I play the guitar in my free time.</h2> 
+</header>
+
+<main>
+    <section>
+    <h2>About Me</h2> 
+    <img src="images/homer.jpg" alt="Homer Simpson" width="400" height="350">
+    <p>I am an IT professional and currently I am studying Computer Programming at Georgian College.</p> 
+    </section>
+</main>
+<h2>Likes & Dislikes</h2> 
+
+<h3>Likes</h3>
+<ul>
+<li>I enjoy working in IT</li>
+<li>I like to play video</li>
+<li>In my free time, I like playing the guitar</li>
+</ul>
+<h3>Dislikes</h3>
+<ol>
+<li>I don’t like cold water when I take a shower.</li>
+<li>When I forget my headphones for working out.</li>
+<li>When a guitar string breaks.</li>
+</ol>
+
+
+</body>
+</html>
diff --git a/docs/index_demo.html b/docs/index_demo.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+
+<h1>Jessica Gilfillan</h1> 
+<h2>Instructor, Mom, Cat Lady</h2> 
+
+<h2>About Me</h2> 
+<img src="images/homer.jpg" alt="Homer Simpson">
+<p>I am a mom and a professor at Georgian College. In my non-existent spare time, I enjoy reading, knitting and doing yoga.</p> 
+
+<h2>Likes & Dislikes</h2> 
+
+<h3>Likes</h3>
+<ul>
+<li>Reading (especially when it’s quiet 📚)</li>
+<li>Knitting as a creative and relaxing outlet</li>
+<li>Practicing yoga to unwind and reset</li>
+<li>Meaningful conversations with students</li>
+<li>Coffee that’s still hot ☕</li>
+<ul>
+<h3>Dislikes</h3>
+<ol>
+<li>Cold coffee</li>
+<li>Unrealistic schedules</li>
+<li>Debugging code at the last minute</li>
+<li>Cluttered digital files</li>
+<li>When spare time disappears completely</li>
+</ol>
+
+
+</body>
+</html>
diff --git a/week_four/css/styles.css b/week_four/css/styles.css
@@ -12,7 +12,7 @@ body {
 
 .page-header,
 .page-footer {
-  border: 2px dashed #BADA55;
+  border: 2px dashed #999;
   padding: 12px;
   margin-bottom: 16px;
 }
@@ -37,43 +37,23 @@ code {
 
 /* Element selector */
 
-p {
-  color : #333; 
-}
 
 /* Contextual selector (descendant)  - look up combinators on mdn web docs */
 
-article > p {
-  color: #1a5fb4; 
-}
 
 /* Pseudo-class: first paragraph of its type */
-p:hover {
-  color: red; 
-}
+
 
 /* Class selector */
-.note {
-  color:#ff598f; 
-}
 
-/* Attribute selector */
+/* Attribute selector (article attribute affects paragraph) */
 
-article[data-role="student"] {
-  background-color: #BADA55; 
-}
 
 /* ID selector (strongest so far) */
 
-#special-note {
-  color: #ff3800;
-}
 
 /* Pseduo - Element */
-article p:first-of-type::before {
-  content: "FIRST PARAGRAPH";
-  color: #000; 
-}
+
 
 
 /* Focus Questions 
@@ -104,38 +84,29 @@ article p:first-of-type::before {
 
 /* Element selector */
 
-p {
-  color: #BADA55; 
-}
-
-#q1 {
-  color: red;
-}
-
-.quiz-item {
-  color: blue; 
-}
-
 
 
 /* ROUND TWO/ Q2 - What background colour will the element have? */
+.quiz-item{
 
-.quiz-item {
-  background-color: #C0FFEE; 
+  background-color: #C0FFEE;
 }
 
-.highlight {
-  background-color: #BADA55; 
+.highlight{
+  background-color: #d3ed0b;
 }
 
+
 /* ROUND THREE/ Q3 - What colour will the element be? */
 
-p[data-level="hard"] {
-  background-color: red; 
+p[data-level="hard"]{
+
+  background-color: red;
 }
 
-.quiz-item {
-  background-color: orange; 
+.quiz-item{
+
+  background-color: orange;
 }
 
 
@@ -150,21 +121,19 @@ p[data-level="hard"] {
 }
 
 /* Visualize the box */
-
-.form-box {
-  display:block; 
-  border: 2px dashed red; 
-  padding-bottom: 20px;  
-  margin: 100px 30px 40px 10px; 
-
+.form-box{
+display:block;
+border: 2px dashed red;
+padding-bottom: 20px;
+margin: 100px 30px 40px 10px;
 }
 
+
 /* Each field becomes a visible block with spacing */
 .field {
   display: block;
   border: 2px dashed #aaa;
   padding: 10px;
-  margin: 10px 0; 
 }
 
 .field span {
@@ -176,11 +145,13 @@ p[data-level="hard"] {
 /* Inputs/selects: give visible borders so students can inspect sizing */
 .field input,
 .field select {
-  width: 100%; 
-  border: 2px solid #999; 
-  padding: 10px; 
+
+  width: 100%;
+  border:2px solid #666;
+  padding: : 10px;
   box-sizing: border-box;
-  border-radius: 2px; 
+  border-radius: 2px;
+
 }
 
 /* Primary button */

diff --git a/week_two/01_about_me/images/homer.jpg b/week_two/01_about_me/images/homer.jpg
diff --git a/week_two/01_about_me/index.html b/week_two/01_about_me/index.html
@@ -1,11 +1,48 @@
 <!DOCTYPE html>
 <html lang="en">
+<<<<<<< HEAD
+=======
 
+>>>>>>> 37d581af0ce3f5c6e3f74ad0a7b6bfc5371377fc
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
 </head>
+<<<<<<< HEAD
+<body>
+
+<header>
+<h1>Leonardo Jose Ambrosio</h1> 
+<h2>IT professional, EUC, IT support, and I play the guitar in my free time.</h2> 
+</header>
+
+<main>
+    <section>
+    <h2>About Me</h2> 
+    <img src="images/homer.jpg" alt="Homer Simpson" width="400" height="350">
+    <p>I am an IT professional and currently I am studying Computer Programming at Georgian College.</p> 
+    </section>
+</main>
+<h2>Likes & Dislikes</h2> 
+
+<h3>Likes</h3>
+<ul>
+<li>I enjoy working in IT</li>
+<li>I like to play video</li>
+<li>In my free time, I like playing the guitar</li>
+</ul>
+<h3>Dislikes</h3>
+<ol>
+<li>I don’t like cold water when I take a shower.</li>
+<li>When I forget my headphones for working out.</li>
+<li>When a guitar string breaks.</li>
+</ol>
+
+
+</body>
+</html>
+=======
 
 <body>
 
@@ -90,4 +127,5 @@ <h3>>Dislikes</h3>
 
                 </html>
 
-
+
+>>>>>>> 37d581af0ce3f5c6e3f74ad0a7b6bfc5371377fc
diff --git a/week_two/01_about_me/index_demo.html b/week_two/01_about_me/index_demo.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+
+<h1>Jessica Gilfillan</h1> 
+<h2>Instructor, Mom, Cat Lady</h2> 
+
+<h2>About Me</h2> 
+<img src="images/homer.jpg" alt="Homer Simpson">
+<p>I am a mom and a professor at Georgian College. In my non-existent spare time, I enjoy reading, knitting and doing yoga.</p> 
+
+<h2>Likes & Dislikes</h2> 
+
+<h3>Likes</h3>
+<ul>
+<li>Reading (especially when it’s quiet 📚)</li>
+<li>Knitting as a creative and relaxing outlet</li>
+<li>Practicing yoga to unwind and reset</li>
+<li>Meaningful conversations with students</li>
+<li>Coffee that’s still hot ☕</li>
+<ul>
+<h3>Dislikes</h3>
+<ol>
+<li>Cold coffee</li>
+<li>Unrealistic schedules</li>
+<li>Debugging code at the last minute</li>
+<li>Cluttered digital files</li>
+<li>When spare time disappears completely</li>
+</ol>
+
+
+</body>
+</html>
diff --git a/week_two/02_make_it_semantic/make-it-semantic.html b/week_two/02_make_it_semantic/make-it-semantic.html
@@ -1,6 +1,30 @@
 <!DOCTYPE html>
 <html>
 
+<<<<<<< HEAD
+    <header>
+      <h1>All About Cats</h1>
+      <p>Cats are curious, independent, and lovable animals.</p>
+    </header>
+
+    <section>
+      <h2>Why Cats Are Great</h2>
+      <ul>
+        <li>They are low maintenance</li>
+        <li>They love naps</li>
+        <li>They have big personalities</li>
+      </ul>
+    </section>
+
+    <section>
+      <h2>Fun Cat Fact</h2>
+      <p>Most cats sleep between 12–16 hours a day.</p>
+    </section>
+
+    <footer>
+      <p>© 2026 Cat Lovers Club</p>
+    </footer>
+=======
 <head>
   <title>All About Cats</title>
 </head>
@@ -20,6 +44,7 @@ <h2>Why Cats Are Great</h2>
       <li>They have big personalities</li>
     </ul>
   </section>
+>>>>>>> 37d581af0ce3f5c6e3f74ad0a7b6bfc5371377fc
 
   <section>
     <h2>Fun Cat Fact</h2>