<!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 - Norse Mythology Creatures</title>
    <meta name="description" content="Fanny's Fantastical Fantasybeasts Worlds best Website about mythical fantasy animal creatures / Norse Mythology Creatures. Mythological Creatures of the Norse, Viking or Scandinavian Mythology.">
    <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 class="cryptozoology">
        <h2>Norse Mythology Creatures</h2>
        <h3>Mythological Creatures of the Norse, Viking or Scandinavian Mythology.</h3>
        <section class="x-margin">
            <article>
                <div>
                    <img src="../img/cGyRt5N9fGhVBs0DlNelLg37628.jpg" alt="Fanny's Fantastical Fantasybeasts Mythical Fantasy Animal Creature Dwarf">
                </div>
                <h3>Dwarf</h3>
                <p>- Small magical creatures with a mystic talent in metallurgy.</p>
            </article>
            <article>
                <div>
                    <img src="../img/qPOb50QcGtSQAF0ZlKwLYw72465.jpg" alt="Fanny's Fantastical Fantasybeasts Mythical Fantasy Animal Creature Troll">
                </div>
                <h3>Troll</h3>
                <p>- Terrifying mythical creatures in Norse Mythology. Often described with oversized nose and ears. Norse folklore's own version of giants.</p>
            </article>
            <article>
                <div>
                    <img src="../img/j4zcRoezlOOvWpYwj6TrHQ11258.jpg" alt="Fanny's Fantastical Fantasybeasts Mythical Fantasy Animal Creature Sea Serpant">
                </div>
                <h3>Sea Serpents</h3>
                <p>- Sea monsters with serpentine appearance. Numerous sightings have been reported but still no physical evidence.</p>
            </article>
        </section>
    </main>
    <footer>
        
    </footer>
    <script src="../script.js"></script>
</body>
</html>