Gabrield3

index.html

@@ -24,6 +24,7 @@ <h1>The Tree Encyclopedia</h1>
             <h3>Index</h3>
             <p><button id="oak">Oak</button></p>
             <p><button id="beech">Beech</button></p>
+            <p><button id="maple">maple</button></p>
 
         </div>
         <div class="content">
@@ -49,9 +50,15 @@ <h3>Index</h3>
             $("#i_content").attr("src","oak_content.html");
             $("#i_summary").attr("src","oak_summary.html");
         })
-        $("#beech").click(function(){
 
+        $("#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");
         })
 
         /* This will not be merged !  */

maple_content.html

@@ -0,0 +1,26 @@
+<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>Maple, (Acer), any of a large genus (about 200 species) of shrubs or trees in the family Sapindaceae, widely distributed in the North Temperate Zone but concentrated in China. Maples constitute one of the most important groups of ornamentals for planting in lawns, along streets, and in parks. They offer a great variety of form, size, and foliage; many display striking autumn colour. Several yield maple syrup, and some provide valuable, dense hard wood for furniture and other uses. All maples bear pairs of winged seeds, called samaras or keys. The leaves are arranged oppositely on twigs. Many maples have lobed leaves, but a few have leaves separated into leaflets.</p>
+
+    <p>Among the popular smaller maples the hedge, or field, maple (A. campestre) and Amur, or ginnala, maple (A. ginnala) are useful in screens or hedges; both have spectacular foliage in fall, the former yellow and the latter pink to scarlet. 
+    </p>
+
+    <p>Info found at this website: https://www.britannica.com/plant/maple-tree</p>

maple_summary.html

@@ -0,0 +1,34 @@
+<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 or shrub </p>
+    <img src="img/maple.jpg" style="width: 200px;">
+    <p>Family: Close Relatives to Horse Chestnuts
+    </p> 
+