@@ -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>

@@ -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>

@@ -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>

@@ -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>