Update team.html

homework2

@@ -0,0 +1 @@
+This is homework

lesson_06/team.html

@@ -33,8 +33,8 @@ <h1 class="header1 header">
           </div>
 
           <div class="member">
-            <!--  student 01 -->
-
+            <p>ABC</p>
+            <p>Danny S</p>
           </div>
 
           <div class="member">
@@ -73,4 +73,4 @@ <h1 class="header1 header">
       </div>
     </div>
   </body>
-</html>
+</html>

lesson_07/MrTree_content.html

@@ -0,0 +1,21 @@
+<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>Mr Tree</h3>
+
+<p>Is just a cool tree </p>

lesson_07/MrTree_summary.html

@@ -0,0 +1,33 @@
+<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>Mr Tree</h3>
+
+<p id="type"> Tree </p>
+<img src="img/1qu8WP75ThzhMbE-AxoZg2U7kwQ5qJiF13JBaZ5nudGxRUL7BX6MdcOASy39Fdq5AT5l5kGvyitv7crLODx4ApXEQDKYyNMDeD_uxhE.avif" style="width: 200px;">
+
+<p>Family: Heir to the tree family</p>

lesson_07/index.html

@@ -50,13 +50,18 @@ <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");
         })
+        $("#MrTree").click(function(){
+            $("#i_content").attr("src","MrTree_content.html");
+            $("#i_summary").attr("src","MrTree_summary.html");
+        })
+
 
         /* This will not be merged !  */
 
 
     </script>
 </body>
-</html>
+</html>