<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" conent="fantasy animal mythical creature">
    <title>Fanny's Fantastical Fantasybeasts - Blog</title>
    <meta name="description" content="Fanny's Fantastical Fantasybeasts Worlds best Website about mythical fantasy animal creatures / Blog Index">
    <link rel="stylesheet" href="../style.css">
</head>
<body>
    <header>
        <h1>Fanny's Fantastical Fantasybeasts</h1>
        <img src="../img/Logo.svg" alt="Fanny's Fantastical Fantasybeasts Logo">
    </header>
    <div class="topBar">
        <input type="checkbox" name="checkbox" id="">
        <img src="../img/Mobile-Menu-Black.png" alt="Fanny's Fantastical Fantasybeasts Hamburgermenu" class="closeicon">
        <img src="../img/Mobile-Menu-White.png" alt="Fanny's Fantastical Fantasybeasts Hamburgermenu" class="menuicon">
        <nav>
            <ul>
                <li>
                    <a href="../index.html">Home</a> 
                </li>
                <li>
                    <a href="overside.html" class="undermenu one">Blog</a>
                    <a href="#" class="undermenu two">Blog</a>
                    <input type="checkbox" name="checkbox" class="undermenu">
                    <ul class="undermenu">
                        <li>
                            <a href="blog1.html">Cryptozoology</a>
                        </li>
                        <li>
                            <a href="blog2.html">Fairiries</a>
                        </li>
                        <li>
                            <a href="blog3.html">Norse Mythology Creatures</a>
                        </li>
                        <li>
                            <a href="blog4.html">Oni</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </nav>
    </div>
    <main>
        <h2>Blog</h2>
        <article class="blog">
            <div>
                <a href="blog1.html"><img src="../img/80083-diamond-mythical-purple-embroidery-painting-creature.png" alt="Fanny's Fantastical Fantasybeasts Mythical Fantasy Animal Creature Unicorn"></a>
                <p>
                    <a href="blog1.html">
                        <span class="magic">
                            <span class="magic-star">
                                <svg viewBox="0 0 512 512">
                                <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" />
                                </svg>
                            </span>
                            <span class="magic-star">
                                <svg viewBox="0 0 512 512">
                                <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" />
                                </svg>
                            </span>
                            <span class="magic-star">
                                <svg viewBox="0 0 512 512">
                                <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" />
                                </svg>
                            </span>
                            <span class="magic-text">Cryptozoology</span>
                        </span>
                    </a> 
                    refers to the study or science of living things that are hidden or secret.
                </p>
            </div>
            <div>
                <a href="blog2.html"><img src="../img/fairy-figurine.png" alt="Fanny's Fantastical Fantasybeasts Mythical Fantasy Animal Creature Fairy"></a>
                <p>
                    <a href="blog2.html">
                        <span class="magic">
                            <span class="magic-star">
                                <svg viewBox="0 0 512 512">
                                <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" />
                                </svg>
                            </span>
                            <span class="magic-star">
                                <svg viewBox="0 0 512 512">
                                <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" />
                                </svg>
                            </span>
                            <span class="magic-star">
                                <svg viewBox="0 0 512 512">
                                <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" />
                                </svg>
                            </span>
                            <span class="magic-text">Fairy</span>
                        </span>
                    </a> also spelled faerie or faery, a mythical being of folklore and romance.
                </p>
            </div>
            <div>
                <a href="blog3.html"><img src="../img/j4zcRoezlOOvWpYwj6TrHQ11258.jpg" alt="Fanny's Fantastical Fantasybeasts Mythical Fantasy Animal Creature Sea Serpant"></a>
                <p>
                    <a href="blog3.html">
                        <span class="magic">
                            <span class="magic-star">
                                <svg viewBox="0 0 512 512">
                                <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" />
                                </svg>
                            </span>
                            <span class="magic-star">
                                <svg viewBox="0 0 512 512">
                                <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" />
                                </svg>
                            </span>
                            <span class="magic-star">
                                <svg viewBox="0 0 512 512">
                                <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" />
                                </svg>
                            </span>
                            <span class="magic-text">Mythological Creatures</span>
                        </span>
                    </a> of the Norse Viking or Scandinavian Mythology.
                </p>
            </div>
            <div>
                <a href="blog4.html"><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"></a>
                <p>
                    <a href="blog4.html">
                        <span class="magic">
                            <span class="magic-star">
                                <svg viewBox="0 0 512 512">
                                <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" />
                                </svg>
                            </span>
                            <span class="magic-star">
                                <svg viewBox="0 0 512 512">
                                <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" />
                                </svg>
                            </span>
                            <span class="magic-star">
                                <svg viewBox="0 0 512 512">
                                <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" />
                                </svg>
                            </span>
                            <span class="magic-text">Onis</span>
                        </span>
                    </a> can reach a height of 7"8 and weight between 280 and 340 pounds.
                </p>
            </div>
        </article>
    </main>
    <footer>
        
    </footer>
    <script src="../script.js"></script>
</body>
</html>