<pre><code style="color: #000000">&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;meta name="description" conent="fantasy animal mythical creature"&gt;
    &lt;title&gt;Fanny's Fantastical Fantasybeasts&lt;/title&gt;
    &lt;meta name="description" content="Fanny's Fantastical Fantasybeasts Worlds best Website about mythical fantasy animal creatures"&gt;
    &lt;link rel="stylesheet" href="style.css"&gt;
    
&lt;/head&gt;
&lt;body&gt;
    &lt;header&gt;
        &lt;h1&gt;Fanny's Fantastical Fantasybeasts&lt;/h1&gt;
        &lt;img src="img/Logo.svg" alt="Fanny's Fantastical Fantasybeasts Logo"&gt;
    &lt;/header&gt;
    &lt;div class="topBar"&gt;
        &lt;input type="checkbox" name="checkbox" id=""&gt;
        &lt;img src="img/Mobile-Menu-Black.png" alt="Fanny's Fantastical Fantasybeasts Hamburgermenu" class="closeicon"&gt;
        &lt;img src="img/Mobile-Menu-White.png" alt="Fanny's Fantastical Fantasybeasts Hamburgermenu" class="menuicon"&gt;
        &lt;nav&gt;
            &lt;ul&gt;
                &lt;li&gt;
                    &lt;a href="index.html"&gt;Home&lt;/a&gt; 
                &lt;/li&gt;
                &lt;li&gt;
                    &lt;a href="blog/overside.html" class="undermenu one"&gt;Blog&lt;/a&gt;
                    &lt;a href="#" class="undermenu two"&gt;Blog&lt;/a&gt;
                    &lt;input type="checkbox" name="checkbox" id="hest" class="undermenu"&gt;
                    &lt;ul class="undermenu"&gt;
                        &lt;li&gt;
                            &lt;a href="blog/blog1.html"&gt;Cryptozoology&lt;/a&gt;
                        &lt;/li&gt;
                        &lt;li&gt;
                            &lt;a href="blog/blog2.html"&gt;Fairiries&lt;/a&gt;
                        &lt;/li&gt;
                        &lt;li&gt;
                            &lt;a href="blog/blog3.html"&gt;Norse Mythology&lt;/a&gt;
                        &lt;/li&gt;
                        &lt;li&gt;
                            &lt;a href="blog/blog4.html"&gt;Oni&lt;/a&gt;
                        &lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/li&gt;
            &lt;/ul&gt;
        &lt;/nav&gt;
    &lt;/div&gt;
    &lt;main&gt;
        &lt;h2&gt;What Are Mythical Creatures?&lt;/h2&gt;
        &lt;div&gt;
            &lt;img src="img/mythical-creatures-g293d58079_1280.png" alt="Fanny's Fantastical Fantasybeasts Mythical Fantasy Animal Creature"&gt;
        &lt;/div&gt;
        &lt;article&gt;
            &lt;p&gt;Mythical creatures are almost always literary creatures that generated popularity out of literary circulation and story-telling. They are legendary creatures that at one point were believed to be real beings, while some have their origin traced from literary myths. Mythical creatures can be found from ancient times to modern days. They range from stories to news broadcasts. Some people believe in them, while others do not. Discussions range on them and arguments ensue. The reason; people are fascinated. It seems forbidden, magical, lost and unknown. It drives people to have passion, some a reason to live and others a reason to write. How does it drive you?&lt;/p&gt;
        &lt;/article&gt;
        &lt;article class="blog"&gt;
            &lt;div&gt;
                &lt;a href="blog/blog1.html"&gt;&lt;img src="img/80083-diamond-mythical-purple-embroidery-painting-creature.png" alt="Fanny's Fantastical Fantasybeasts Mythical Fantasy Animal Creature Unicorn"&gt;&lt;/a&gt;
                &lt;p&gt;
                    &lt;a href="blog/blog1.html"&gt;
                        &lt;span class="magic"&gt;
                            &lt;span class="magic-star"&gt;
                                &lt;svg viewBox="0 0 512 512"&gt;
                                &lt;path d="M512 255.1c0 11.34-7.406 20.86-18.44 23.64l-171.3 42.78l-42.78 171.1C276.7 504.6 267.2 512 255.9 512s-20.84-7.406-23.62-18.44l-42.66-171.2L18.47 279.6C7.406 276.8 0 267.3 0 255.1c0-11.34 7.406-20.83 18.44-23.61l171.2-42.78l42.78-171.1C235.2 7.406 244.7 0 256 0s20.84 7.406 23.62 18.44l42.78 171.2l171.2 42.78C504.6 235.2 512 244.6 512 255.1z" /&gt;
                                &lt;/svg&gt;
                            &lt;/span&gt;
                            &lt;span class="magic-star"&gt;
                                &lt;svg viewBox="0 0 512 512"&gt;
                                &lt;path d="M512 255.1c0 11.34-7.406 20.86-18.44 23.64l-171.3 42.78l-42.78 171.1C276.7 504.6 267.2 512 255.9 512s-20.84-7.406-23.62-18.44l-42.66-171.2L18.47 279.6C7.406 276.8 0 267.3 0 255.1c0-11.34 7.406-20.83 18.44-23.61l171.2-42.78l42.78-171.1C235.2 7.406 244.7 0 256 0s20.84 7.406 23.62 18.44l42.78 171.2l171.2 42.78C504.6 235.2 512 244.6 512 255.1z" /&gt;
                                &lt;/svg&gt;
                            &lt;/span&gt;
                            &lt;span class="magic-star"&gt;
                                &lt;svg viewBox="0 0 512 512"&gt;
                                &lt;path d="M512 255.1c0 11.34-7.406 20.86-18.44 23.64l-171.3 42.78l-42.78 171.1C276.7 504.6 267.2 512 255.9 512s-20.84-7.406-23.62-18.44l-42.66-171.2L18.47 279.6C7.406 276.8 0 267.3 0 255.1c0-11.34 7.406-20.83 18.44-23.61l171.2-42.78l42.78-171.1C235.2 7.406 244.7 0 256 0s20.84 7.406 23.62 18.44l42.78 171.2l171.2 42.78C504.6 235.2 512 244.6 512 255.1z" /&gt;
                                &lt;/svg&gt;
                            &lt;/span&gt;
                            &lt;span class="magic-text"&gt;Cryptozoology&lt;/span&gt;
                        &lt;/span&gt;
                    &lt;/a&gt; 
                    refers to the study or science of living things that are hidden or secret.
                &lt;/p&gt;
            &lt;/div&gt;
            &lt;div&gt;
                &lt;a href="blog/blog2.html"&gt;&lt;img src="img/fairy-figurine.png" alt="Fanny's Fantastical Fantasybeasts Mythical Fantasy Animal Creature Fairy"&gt;&lt;/a&gt;
                &lt;p&gt;
                    &lt;a href="blog/blog2.html"&gt;
                        &lt;span class="magic"&gt;
                            &lt;span class="magic-star"&gt;
                                &lt;svg viewBox="0 0 512 512"&gt;
                                &lt;path d="M512 255.1c0 11.34-7.406 20.86-18.44 23.64l-171.3 42.78l-42.78 171.1C276.7 504.6 267.2 512 255.9 512s-20.84-7.406-23.62-18.44l-42.66-171.2L18.47 279.6C7.406 276.8 0 267.3 0 255.1c0-11.34 7.406-20.83 18.44-23.61l171.2-42.78l42.78-171.1C235.2 7.406 244.7 0 256 0s20.84 7.406 23.62 18.44l42.78 171.2l171.2 42.78C504.6 235.2 512 244.6 512 255.1z" /&gt;
                                &lt;/svg&gt;
                            &lt;/span&gt;
                            &lt;span class="magic-star"&gt;
                                &lt;svg viewBox="0 0 512 512"&gt;
                                &lt;path d="M512 255.1c0 11.34-7.406 20.86-18.44 23.64l-171.3 42.78l-42.78 171.1C276.7 504.6 267.2 512 255.9 512s-20.84-7.406-23.62-18.44l-42.66-171.2L18.47 279.6C7.406 276.8 0 267.3 0 255.1c0-11.34 7.406-20.83 18.44-23.61l171.2-42.78l42.78-171.1C235.2 7.406 244.7 0 256 0s20.84 7.406 23.62 18.44l42.78 171.2l171.2 42.78C504.6 235.2 512 244.6 512 255.1z" /&gt;
                                &lt;/svg&gt;
                            &lt;/span&gt;
                            &lt;span class="magic-star"&gt;
                                &lt;svg viewBox="0 0 512 512"&gt;
                                &lt;path d="M512 255.1c0 11.34-7.406 20.86-18.44 23.64l-171.3 42.78l-42.78 171.1C276.7 504.6 267.2 512 255.9 512s-20.84-7.406-23.62-18.44l-42.66-171.2L18.47 279.6C7.406 276.8 0 267.3 0 255.1c0-11.34 7.406-20.83 18.44-23.61l171.2-42.78l42.78-171.1C235.2 7.406 244.7 0 256 0s20.84 7.406 23.62 18.44l42.78 171.2l171.2 42.78C504.6 235.2 512 244.6 512 255.1z" /&gt;
                                &lt;/svg&gt;
                            &lt;/span&gt;
                            &lt;span class="magic-text"&gt;Fairy&lt;/span&gt;
                        &lt;/span&gt;
                    &lt;/a&gt; also spelled faerie or faery, a mythical being of folklore and romance.
                &lt;/p&gt;
            &lt;/div&gt;
            &lt;div&gt;
                &lt;a href="blog/blog3.html"&gt;&lt;img src="img/j4zcRoezlOOvWpYwj6TrHQ11258.jpg" alt="Fanny's Fantastical Fantasybeasts Mythical Fantasy Animal Creature Sea Serpant"&gt;&lt;/a&gt;
                &lt;p&gt;
                    &lt;a href="blog/blog3.html"&gt;
                        &lt;span class="magic"&gt;
                            &lt;span class="magic-star"&gt;
                                &lt;svg viewBox="0 0 512 512"&gt;
                                &lt;path d="M512 255.1c0 11.34-7.406 20.86-18.44 23.64l-171.3 42.78l-42.78 171.1C276.7 504.6 267.2 512 255.9 512s-20.84-7.406-23.62-18.44l-42.66-171.2L18.47 279.6C7.406 276.8 0 267.3 0 255.1c0-11.34 7.406-20.83 18.44-23.61l171.2-42.78l42.78-171.1C235.2 7.406 244.7 0 256 0s20.84 7.406 23.62 18.44l42.78 171.2l171.2 42.78C504.6 235.2 512 244.6 512 255.1z" /&gt;
                                &lt;/svg&gt;
                            &lt;/span&gt;
                            &lt;span class="magic-star"&gt;
                                &lt;svg viewBox="0 0 512 512"&gt;
                                &lt;path d="M512 255.1c0 11.34-7.406 20.86-18.44 23.64l-171.3 42.78l-42.78 171.1C276.7 504.6 267.2 512 255.9 512s-20.84-7.406-23.62-18.44l-42.66-171.2L18.47 279.6C7.406 276.8 0 267.3 0 255.1c0-11.34 7.406-20.83 18.44-23.61l171.2-42.78l42.78-171.1C235.2 7.406 244.7 0 256 0s20.84 7.406 23.62 18.44l42.78 171.2l171.2 42.78C504.6 235.2 512 244.6 512 255.1z" /&gt;
                                &lt;/svg&gt;
                            &lt;/span&gt;
                            &lt;span class="magic-star"&gt;
                                &lt;svg viewBox="0 0 512 512"&gt;
                                &lt;path d="M512 255.1c0 11.34-7.406 20.86-18.44 23.64l-171.3 42.78l-42.78 171.1C276.7 504.6 267.2 512 255.9 512s-20.84-7.406-23.62-18.44l-42.66-171.2L18.47 279.6C7.406 276.8 0 267.3 0 255.1c0-11.34 7.406-20.83 18.44-23.61l171.2-42.78l42.78-171.1C235.2 7.406 244.7 0 256 0s20.84 7.406 23.62 18.44l42.78 171.2l171.2 42.78C504.6 235.2 512 244.6 512 255.1z" /&gt;
                                &lt;/svg&gt;
                            &lt;/span&gt;
                            &lt;span class="magic-text"&gt;Mythological Creatures&lt;/span&gt;
                        &lt;/span&gt;
                    &lt;/a&gt; of the Norse Viking or Scandinavian Mythology.
                &lt;/p&gt;
            &lt;/div&gt;
            &lt;div&gt;
                &lt;a href="blog/blog4.html"&gt;&lt;img src="img/Kobo_Daishi_Practicing_the_Tantra,_with_Demon_and_Wolf,_by_Hokusai.jpg" alt="Fanny's Fantastical Fantasybeasts Mythical Fantasy Animal Creature Oni"&gt;&lt;/a&gt;
                &lt;p&gt;
                    &lt;a href="blog/blog4.html"&gt;
                        &lt;span class="magic"&gt;
                            &lt;span class="magic-star"&gt;
                                &lt;svg viewBox="0 0 512 512"&gt;
                                &lt;path d="M512 255.1c0 11.34-7.406 20.86-18.44 23.64l-171.3 42.78l-42.78 171.1C276.7 504.6 267.2 512 255.9 512s-20.84-7.406-23.62-18.44l-42.66-171.2L18.47 279.6C7.406 276.8 0 267.3 0 255.1c0-11.34 7.406-20.83 18.44-23.61l171.2-42.78l42.78-171.1C235.2 7.406 244.7 0 256 0s20.84 7.406 23.62 18.44l42.78 171.2l171.2 42.78C504.6 235.2 512 244.6 512 255.1z" /&gt;
                                &lt;/svg&gt;
                            &lt;/span&gt;
                            &lt;span class="magic-star"&gt;
                                &lt;svg viewBox="0 0 512 512"&gt;
                                &lt;path d="M512 255.1c0 11.34-7.406 20.86-18.44 23.64l-171.3 42.78l-42.78 171.1C276.7 504.6 267.2 512 255.9 512s-20.84-7.406-23.62-18.44l-42.66-171.2L18.47 279.6C7.406 276.8 0 267.3 0 255.1c0-11.34 7.406-20.83 18.44-23.61l171.2-42.78l42.78-171.1C235.2 7.406 244.7 0 256 0s20.84 7.406 23.62 18.44l42.78 171.2l171.2 42.78C504.6 235.2 512 244.6 512 255.1z" /&gt;
                                &lt;/svg&gt;
                            &lt;/span&gt;
                            &lt;span class="magic-star"&gt;
                                &lt;svg viewBox="0 0 512 512"&gt;
                                &lt;path d="M512 255.1c0 11.34-7.406 20.86-18.44 23.64l-171.3 42.78l-42.78 171.1C276.7 504.6 267.2 512 255.9 512s-20.84-7.406-23.62-18.44l-42.66-171.2L18.47 279.6C7.406 276.8 0 267.3 0 255.1c0-11.34 7.406-20.83 18.44-23.61l171.2-42.78l42.78-171.1C235.2 7.406 244.7 0 256 0s20.84 7.406 23.62 18.44l42.78 171.2l171.2 42.78C504.6 235.2 512 244.6 512 255.1z" /&gt;
                                &lt;/svg&gt;
                            &lt;/span&gt;
                            &lt;span class="magic-text"&gt;Onis&lt;/span&gt;
                        &lt;/span&gt;
                    &lt;/a&gt; can reach a height of 7"8 and weight between 280 and 340 pounds.
                &lt;/p&gt;
            &lt;/div&gt;
        &lt;/article&gt;
    &lt;/main&gt;
    &lt;footer&gt;
        
    &lt;/footer&gt;
    &lt;script src="script.js"&gt;&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</code></pre>