Audrey branch

lesson_07/cherry_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>Cherry</h3>
+<p>Most cherry species are native to the Northern Hemisphere. Some 10 to 12 species are recognized in North America and a similar number in Europe. The greatest concentration of species, however, appears to be in eastern Asia. The native habitat of the species from which the cultivated cherries came is believed to be in western Asia and eastern Europe from the Caspian Sea to the Balkans. Cherries are grown in all areas of the world where winter temperatures are not too severe and where summer temperatures are moderate. They require winter cold in order to blossom in spring. The trees bloom quite early in the spring, just after peaches and earlier than apples.</p>

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

lesson_07/index.html

@@ -24,6 +24,9 @@ <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>
+            <p><button id="cherry">Cherry</button></p>
+            <p><button id="rw">Rosewood</button></p>
 
         </div>
         <div class="content">
@@ -50,11 +53,25 @@ <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");
+        $("#cherry").click(function(){
+            $("#i_content").attr("src","cherry_content.html");
+            $("#i_summary").attr("src","cherry_summary.html");
 
+        })
 
+        $("#rw").click(function(){
+            $("#i_content").attr("src","rosewood_content.html");
+            $("#i_summary").attr("src","rosewood_summary.html");
         })
 
-        /* This will not be merged !  */
+
 
 
     </script>

lesson_07/maple_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>Maple</h3>
+
+    <p>The genus is placed in the soapberry family, Sapindaceae, along with lychee and horse chestnut.[1] There are approximately 132 species, most of which are native to Asia,[2] with a number also appearing in Europe, northern Africa, and North America.</p>
+
+    <p>Maple syrup is made from the sap of some maple species. It is one of the most common genera of trees in Asia. Many maple species are grown in gardens where they are valued for their autumn colour.[5]</p>

lesson_07/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>genus Acer of the Sapindacaea family
+    </p> 
+

lesson_07/rosewood_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>Rosewood</h3>
+
+<p>The pre-eminent rosewood appreciated in the Western world is the wood of Dalbergia nigra.[2] </p>
+
+<p>It is best known as "Brazilian rosewood",[3] but also as "Bahia rosewood". This wood has a strong, sweet smell, which persists for many years, explaining the name rosewood.[4]</p>

lesson_07/rosewood_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>Rosewood</h3>
+
+<p id="type"> Tree </p>
+<img src="img/rosewood.jpg" style="width: 200px;">
+<p>Family: genus Dalbergia.
+</p> 

lesson_08/coconut.html

@@ -21,13 +21,13 @@ <h1 class="title">Coconut</h1>
                 <li>Brazil</li>
             </ul>
 
-            <img src="">
+            <img src="img/coconut.jpg">
 
     <!-- I think there is something wrong in this part --> 
 
-            <a hrf="index.html"><button type="button">Back</button></aa>
+            <a href="index.html"><button type="button">Back</button></a>
 
-        </dif>
+        </div>
     </div>
 
     <!-- --------------------------------------------- -->