codewizardshq · NoahLCoding · May 1, 2026 · May 1, 2026 · May 1, 2026 · May 1, 2026
diff --git a/lesson_06/NoahLCoding.html b/lesson_06/NoahLCoding.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel = "stylesheet" href = "style.css">
+    <title>Noah's Page</title>
+</head>
+<body>
+    <div class="container">
+    <div class='navbar'>
+        <p class="logo">Logo</p>
+        <a href="index.html"><p class='nav-button'>Home</p></a>
+        <a href="about.html"><p class='nav-button'>About</p></a>
+        <a href="team.html"><p class='nav-button selected'>Team</p></a>
+        <a href="contact.html"><p class='nav-button'>Contact</p></a>
+      </div>
+    <div class="main">  
+    <h1>Welcome to my page</h1>
+    <p>Highschool student who enjoys programming, volleyball, gaming and chilling at home.</p>
+    <a href="team.html">The team Page</a>
+    </div>
+</div>
+</body>
+</html>
diff --git a/lesson_06/team.html b/lesson_06/team.html
@@ -33,12 +33,14 @@ <h1 class="header1 header">
           </div>
 
           <div class="member">
-            <!--  student 01 -->
-
+            <img src ="img/boy_01.png" class="member-pic">
+            <p> Noah Latakas</p>
           </div>
 
           <div class="member">
             <!--  student 02 -->
+              <img src ="img/guido.png" class="member-pic">
+              <p>Angel G</p>
 
           </div>
 

diff --git a/lesson_07/index.html b/lesson_07/index.html
@@ -50,8 +50,8 @@ <h3>Index</h3>
             $("#i_summary").attr("src","oak_summary.html");
         })
         $("#beech").click(function(){
-
-
+            $("#i_content").attr("src","beech_content.html");
+            $("#i_summary").attr("src","beech_summary.html");
         })
 
         /* This will not be merged !  */

diff --git a/lesson_07/pine_tree_content.html b/lesson_07/pine_tree_content.html
@@ -0,0 +1,23 @@
+<style>
+@import url('https://fonts.googleapis.com/css2?family=Lato&family=Overlock:wght@700&display=swap');
+body{font-family: 'Lato', sans-serif;
+text-align: center;
+color: white;
+}
+h3{
+	font-family: 'Overlock', cursive;
+	font-size: 28px;
+	margin: 0px;
+	padding-top: 10px;
+}
+p{
+	font-size: 16px;
+	padding: 0px;
+}
+</style>
+
+<h3>Pine Tree</h3>
+
+<p>A pine is any conifer in the genus Pinus (/ˈpiːnuːs/)[1] of the family Pinaceae. Pinus is the sole genus in the subfamily Pinoideae. The Plant List compiled by the Royal Botanic Gardens, Kew and Missouri Botanical Garden accepts 126 species names of pines as current, together with 35 unresolved species and many more synonyms. </p>
+
+<p>Pine may also refer to the lumber derived from pine trees; pine is one of the more extensively used types of wood used as lumber</p>
diff --git a/lesson_07/pine_tree_summary.html b/lesson_07/pine_tree_summary.html
@@ -0,0 +1,35 @@
+<style>body{font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+color: white;}</style>
+<style>
+@import url('https://fonts.googleapis.com/css2?family=Lato&family=Overlock:wght@700&display=swap');
+body{font-family: 'Lato', sans-serif;
+text-align: center;
+}
+h3{
+	font-family: 'Overlock', cursive;
+	font-size: 26px;
+	margin: 0px;
+	padding-top: 10px;
+
+}
+p{
+	font-size: 15px;
+	padding: 0px;
+}
+#type{
+	font-size: 12px;
+	margin: 0;
+	padding: 0;
+	margin-bottom: 10px;
+
+}
+</style>
+
+<h3>Pine Tree</h3>
+
+<p id="type"> Tree </p>
+<img src="img/beech.jpg" style="width: 200px;">
+
+<p>Family:  genus Pinus of the family Pinaceae.</p>
+
+
diff --git a/lesson_08/img/banana.png b/lesson_08/img/banana.png
diff --git a/lesson_08/img/bg.jpg b/lesson_08/img/bg.jpg
diff --git a/lesson_08/img/chocolate.png b/lesson_08/img/chocolate.png
diff --git a/lesson_08/img/coconut.png b/lesson_08/img/coconut.png
diff --git a/lesson_08/img/grapefruit.png b/lesson_08/img/grapefruit.png
diff --git a/lesson_08/img/lemon.png b/lesson_08/img/lemon.png
diff --git a/lesson_08/img/mango.png b/lesson_08/img/mango.png
diff --git a/lesson_08/img/orange.png b/lesson_08/img/orange.png
diff --git a/lesson_08/img/pistachio.png b/lesson_08/img/pistachio.png
diff --git a/lesson_08/img/strawberry.png b/lesson_08/img/strawberry.png
diff --git a/lesson_08/img/vanilla.png b/lesson_08/img/vanilla.png
diff --git a/lesson_08/index.html b/lesson_08/index.html
@@ -8,20 +8,70 @@
 </head>
 <body>
     <div class=container>
-        <h1 class="title">Welcome to our ice cream store</h1>
+        <h1 class="title">Welcome to The Ice Cream Store</h1>
 
+        <h2 class="subtitle">These are our flavors:</h2>
         <div class="flavors">
-            <h2 class="subtitle">These are our flavors:</h2>
-            <p class="flavor"><a href="vanilla.html">Vanilla</a></p>
-            <p class="flavor"><a href="chocolate.html">Chocolate</a></p>
-            <p class="flavor"><a href="banana.html">Banana</a></p>
-            <p class="flavor"><a href="mango.html">Mango</a></p>
-            <p class="flavor"><a href="coconut.html">Coconut</a></p>
-            <p class="flavor"><a href="lemon.html">Lemon</a></p>
-            <p class="flavor"><a href="grapefruit.html">Grapefruit</a></p>
-            <p class="flavor"><a href="orange.html">Orange</a></p>
-            <p class="flavor"><a href="strawberry.html">Strawberry</a></p>
-            <p class="flavor"><a href="pistachio.html">Pistachio</a></p>
+            <div class="flavor">
+                <a href="vanilla.html">
+                    <img src="img/vanilla.png" class="icecream-icon">
+                    Vanilla
+                </a>
+            </div>
+            <div class="flavor">
+                <a href="chocolate.html">
+                    <img src="img/chocolate.png" class="icecream-icon">
+                    Chocolate
+                </a>
+            </div>
+            <div class="flavor">
+                <a href="banana.html">
+                    <img src="img/banana.png" class="icecream-icon">
+                    Banana
+                </a>
+            </div>
+            <div class="flavor">
+                <a href="mango.html">
+                    <img src="img/mango.png" class="icecream-icon">
+                    Mango
+                </a>
+            </div>
+            <div class="flavor">
+                <a href="coconut.html">
+                    <img src="img/coconut.png" class="icecream-icon">
+                    Coconut
+                </a>
+            </div>
+            <div class="flavor">
+                <a href="lemon.html">
+                    <img src="img/lemon.png" class="icecream-icon">
+                    Lemon
+                </a>
+            </div>
+            <div class="flavor">
+                <a href="grapefruit.html">
+                    <img src="img/grapefruit.png" class="icecream-icon">
+                    Grapefruit
+                </a>
+            </div>
+            <div class="flavor">
+                <a href="orange.html">
+                    <img src="img/orange.png" class="icecream-icon">
+                    Orange
+                </a>
+            </div>
+            <div class="flavor">
+                <a href="strawberry.html">
+                    <img src="img/strawberry.png" class="icecream-icon">
+                    Strawberry
+                </a>
+            </div>
+            <div class="flavor">
+                <a href="pistachio.html">
+                    <img src="img/pistachio.png" class="icecream-icon">
+                    Pistachio
+                </a>
+            </div>
         </div>
     </div>
 </body>

diff --git a/lesson_08/lemon.html b/lesson_08/lemon.html
@@ -18,17 +18,17 @@ <h1 class="title">Lemon</h1>
 
             <!-- I think there is something wrong in this part --> 
 
-            <ull>
-                <lu>India</li>
+            <ul>
+                <li>India</li>
                 <li>Mexico</li>
                 <li>China</li>
                 <li>Argentina</li>
-                <li>Brazil /li>
+                <li>Brazil </li>
             </ul>
 
             <!-- I think there is something wrong in this part --> 
 
-            <img src="">
+            <img src="img/lemon.jpg">
 
             <a href="index.html"><button type="button">Back</button></a>
 

diff --git a/lesson_08/mango.html b/lesson_08/mango.html
@@ -11,8 +11,8 @@
     <!-- I think there is something wrong in this part --> 
 
     <div class="container">
-        <h1 class="title"Mango</h1>
-        <dif cluss="description">
+        <h1 class="title">Mango</h1>
+        <div class="description">
             Our mango ice cream is very fresh tasting and has a nice, appealing orange color.
             We use fresh mangos for our mango ice cream.
 
@@ -27,7 +27,7 @@ <h1 class="title"Mango</h1>
                 <li>Pakistan</li>
             </ul>
 
-            <img src="">
+            <img src="img/mango.jpg">
 
             <a href="index.html"><button type="button">Back</button></a>
 

diff --git a/lesson_08/style.css b/lesson_08/style.css
@@ -5,5 +5,126 @@ img{
 }
 
 body{
-    background-color:beige;
+    background-image: url("img/bg.jpg");
+    background-size: cover;
+    background-repeat: repeat;
+    font-family: 'Roboto', sans-serif;
+}
+
+.container{
+    max-width: 1100px;
+    margin: auto;
+    text-align: center;
+}
+
+a{
+    text-decoration: none;
+    color: black;
+}
+
+h1{
+    font-family: 'Ribeye Marrow', cursive;
+    font-size: 60px;
+    color: white;
+    margin: 0;
+}
+
+h3{
+    font-family: 'Ribeye Marrow', cursive;
+    font-size: 30px;
+    color: white;
+}
+
+.subtitle{
+    font-size: 20px;
+    color: white;
+}
+
+.flavors{
+    margin: auto;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    max-width: 1000px;
+
+}
+.flavor{
+    padding: 20px;
+    background-color: white;
+    margin: 10px;
+    margin-top: 80px;
+    border-radius: 17px;
+    box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 25px -5px, rgba(0, 0, 0, 0.09) 0px 10px 10px -5px;
+    transition: 0.3s;
+    color: black;
+
+}
+.flavor:hover{
+    box-shadow: none;
+}
+
+.icecream-icon{
+    width: 120px;
+    height: auto;
+    margin-top: -70px;
+    transition: 0.1s;
+}
+
+.main2{
+    margin-top: 30px;
+}
+
+.content{
+    max-width: 900px;
+    margin: auto;
+    background-color: white;
+    padding: 30px;
+    border-radius: 20px;
+    margin-top: 40px;
+    margin-bottom: 10px;
+    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+}
+
+.description, li{
+    font-size: 20px;
+    text-align: left;
+    max-width: 600px;
+    margin: auto;
+}
+
+.content-title{
+    color: black;
+    text-align:center;
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+.content-image{
+    width: 300px;
+    height: auto;
+    margin: auto;
+    margin-top: -90px;
+    padding-left: 500px;
+}
+.cover-image {
+    width: 100%;
+    height: auto;
+    margin: 0;
+    border-radius: 15px;
+}
+
+.back-button{
+    padding: 10px;
+    border: white 2px solid;
+    border-radius: 5px;
+    margin: 20px;
+    color: white;
+    background-color: rgba(0, 0, 0, 0.3);
+    width: 70px;
+}
+
+.back-button:hover{
+    background-color: white;
+    border-radius: 10px;
+    color: black;
 }