Aksharal1

lesson_06/team.html

@@ -33,8 +33,8 @@ <h1 class="header1 header">
           </div>
 
           <div class="member">
-            <!--  student 01 -->
-
+            <p>></p>
+            <p>Kenda</p>
           </div>
 
           <div class="member">
@@ -67,6 +67,9 @@ <h1 class="header1 header">
 
           </div>
 
+          <!-- testing -->
+
+          <!-- Testing more more code -->
 
         </div>
 

lesson_07/cherry_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>Cherry</h3>
+
+    <p>Cherry wood is a type of hardwood that comes from the cherry tree, a species of tree that belongs to the Rosaceae family. There are two main types of cherry trees used for woodworking: the black cherry tree and the wild cherry tree. Both trees produce high-quality lumber, but the black cherry tree is more commonly used due to its larger size and greater availability. (From Custom Country Woods)</p>
+
+    <p>Cherry is debatably one of the most beautiful American hardwood species. Its rich reddish color makes it easily recognizable to just about anyone. Cherry is a deciduous hardwood with broad leaves that drop in the fall and have seeds that are contained in ovaries. All deciduous trees are hardwoods. Cherry primarily grows in the eastern half of the USA, with the best stands of cherry being found in the Appalachian region. Cherry trees typically grow to 60-80 feet tall and about 2-3’ at DBH (diameter at breast height.) (From Kretz Lumber, Written by Jessica Becker)</p>

lesson_07/cherry_summary.html

@@ -0,0 +1,32 @@
+<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>Cherry</h3>
+
+    <p id="type"> Tree </p>
+    <img src="img/cherry.jpg" style="width: 200px;">
+    <p>Family: Rosaceae</p>

lesson_07/index.html

@@ -23,7 +23,10 @@ <h1>The Tree Encyclopedia</h1>
         <div class="index">
             <h3>Index</h3>
             <p><button id="oak">Oak</button></p>
-            <p><button id="beech">Beech</button></p>
+            <p><button id="beech">Beech</button></p
+            <p><button id="maple">Maple</button></p>
+            <p><button id="cherry">Cherry</button></p>
+
 
         </div>
         <div class="content">
@@ -50,6 +53,13 @@ <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");
+
+        })
+        $("#maple").click(function(){
+            $("#i_content").attr("src","maple_content.html");
+            $("#i_summary").attr("src","maple_summary.html");
 
 
         })

lesson_07/maple_content.html

@@ -0,0 +1,25 @@
+<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>Maple</h3>
+
+    <p>Acer is a genus of trees and shrubs commonly known as maples. The genus is placed in the soapberry family Sapindaceae. There are approximately 132 species, most of which are native to Asia, with a number also appearing in Europe, northern Africa, and North America. Only one species, Acer laurinum, extends to the Southern Hemisphere.</p>
+
+    <p>The type species of the genus is the sycamore maple Acer pseudoplatanus, one of the most common maple species in Europe. Most maples usually have easily identifiable palmate leaves (with a few exceptions, such as Acer carpinifolium, Acer laurinum, and Acer negundo) and all share distinctive winged fruits.</p>
+
+

lesson_07/maple_summary.html

@@ -0,0 +1,36 @@
+<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>Maple</h3>
+
+    <p id="type"> Tree </p>
+    <img src="img/maple.jpg" style="width: 200px;">
+
+    <p>Family: Soapberry Family</p>
+
+
+

lesson_08/chocolate.html

@@ -8,12 +8,10 @@
 </head>
 <body>
 
-    <!-- I think there is something wrong in this part -->
     <div clas="container">
         <h1 class="title">Chocolate</h1>
-        <diiv class="description">>>
+        <div class="description">
             Our chocolate ice cream is really good, made with real cacao !
-    <!-- --------------------------------------------- -->
 
             Here are some of the countries where cacao is harvested:
 
@@ -25,7 +23,7 @@ <h1 class="title">Chocolate</h1>
                 <li>Ghana</li>
             </ul>
 
-            <img src="">
+            <img src="img/chocolate.jpg">
 
             <a href="index.html"><button type="button">Back</button></a>
 

lesson_08/mango.html

@@ -11,10 +11,10 @@
     <!-- I think there is something wrong in this part --> 
 
     <div class="container">
-        <h1 class="title"Mango</h1>
-        <dif cluss="description">
+        <h1 class="Mango">Mango Icecream</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.
+            We use fresh mangos for our mango ice cream.</div>
 
     <!-- --------------------------------------------- --> 
 
@@ -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>
 

lesson_08/matcha.html

@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Matcha</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+
+    <div class="container">
+        <h1 class="title">Matcha</h1>
+        <div class="description">
+            Our matcha ice cream has a nice earthy yet sweet flavor.
+            We use only high quality matcha in our ice cream.
+
+            Here are some of the countries where matcha is produced.
+
+            <ul>
+                <lu>Japan</li>
+                <li>China</li>
+            </ul>
+
+            <img src="img/matcha.jpg">
+
+            <a href="index.html"><button type="button">Back</button></a>
+
+        </div>
+    </div>
+
+</body>
+</html> 
+
+
+