<!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">
    <title>Evocation</title>
    <link rel="stylesheet" href="../css/style.css">
    <script src="../javascript/script.js"></script>
</head>
<body>
    <header>
        <picture>
            <source media="(min-width: 1024px)" srcset="../img/Banner.jpg">
            <source media="(min-width: 500px)" srcset="../img/Banner_Mobile_1200px.jpg">
            <img src="../img/Banner_Mobile_400px.jpg" alt="DnD Banner">
        </picture>
    </header>
    <div class="MobileNav">
        <div id="burgerMenu" class="class" onclick="this.classList.toggle('On');">
        </div>
        <nav class="Mobile" id="Mobile">
            <ul>
                <li onclick="this.classList.toggle('On');">
                    <a href="index.html">Forside</a>
                </li>
                <li onclick="this.classList.toggle('On');">
                    <a href="#">Classes</a>
                    <div class="dropdown-dropdown-content">
                        <a href="../barbarian.html">Barbarian</a>
                        <a href="../cleric.html">Cleric</a>
                        <a href="../fighter.html">Fighter</a>
                        <a href="../sorcerer.html">Sorcerer</a>
                    </div>
                </li>
                <li onclick="this.classList.toggle('On');">
                    <a href="#">Races</a>
                    <div class="dropdown-dropdown-content">
                        <a href="../races/dwarf.html">Dwarf</a>
                        <a href="../races/elf.html">Elf</a>
                        <a href="../races/human.html">Human</a>
                    </div>
                </li>
                <li onclick="this.classList.toggle('On');">
                    <a href="#">Spells</a>
                    <div class="dropdown-dropdown-content">
                        <a href="abjuration.html">Abjuration</a>
                        <a href="conjuration.html">Conjuration</a>
                        <a href="divination.html">Divination</a>
                        <a href="enchantment.html">Enchantment</a>
                        <a href="evocation.html">Evocation</a>
                        <a href="illusion.html">Illusion</a>
                        <a href="necromancy.html">Necromancy</a>
                        <a href="transmutation.html">Transmutation</a>
                    </div>
                </li>
                <li class="cta">
                    <a href="../shop.html">Shop</a>
                </li>
            </ul>
        </nav>
    </div>
    <nav class="Desktop">
        <ul>
            <li><a href="../index.html">Forside</a></li>
            <li class="dropdown">
                <a href="" class="dropbtn">Classes</a>
                <div class="dropdown-content">
                    <a href="../classes/barbarian.html">Barbarian</a>
                    <a href="../classes/cleric.html">Cleric</a>
                    <a href="../classes/fighter.html">Fighter</a>
                    <a href="../classes/sorcerer.html">Sorcerer</a>
                </div>
            </li>
            <li class="dropdown">
                <a href="" class="dropbtn">Races</a>
                <div class="dropdown-content">
                    <a href="../races/dwarf.html">Dwarf</a>
                    <a href="../races/elf.html">Elf</a>
                    <a href="../races/human.html">Human</a>
                </div>
            </li>
            <li class="dropdown">
                <a href="" class="dropbtn">Spells</a>
                <div class="dropdown-content">
                    <a href="abjuration.html">Abjuration</a>
                    <a href="conjuration.html">Conjuration</a>
                    <a href="divination.html">Divination</a>
                    <a href="enchantment.html">Enchantment</a>
                    <a href="evocation.html">Evocation</a>
                    <a href="illusion.html">Illusion</a>
                    <a href="necromancy.html">Necromancy</a>
                    <a href="transmutation.html">Transmutation</a>
                </div>
            </li>
            <li class="cta"><a href="../shop.html">Visit our shop</a></li>
        </ul>
    </nav>
    <img class="mainPic" src="../img/evocation.png" alt="Evocation">
    <h1>Evocation</h1>
    <p>The evocation school of magic included spells that manipulated energy or tapped an unseen source of power in order to produce a desired end. In effect, they created something out of nothing. Many of these spells produced spectacular effects, and evocation spells could deal large amounts of damage. Many iconic offensive spells such as magic missile, lightning bolt and fireball were of the evocation school. The evocation school had no subschools. A wizard who specialized in evocation was known as an evoker.</p>
    <h3>Evocation spell list</h3>
    <div class="centerSpell">
        <div class="spellTable">
            <span>Acid Arrow</span>
            <span>Arcane Hand </span>
            <span>Arcane Sword </span>
            <span>Blade Barrier </span>
            <span>Branding Smite </span>
            <span>Burning Hands </span>
            <span>Chain Lightning </span>
            <span>Cone of Cold </span>
            <span>Contingency </span>
            <span>Continual Flame </span>
            <span>Cure Wounds </span>
            <span>Dancing Lights </span>
            <span>Darkness </span>
            <span>Daylight </span>
            <span>Delayed Blast Fireball</span> 
            <span>Divine Favor </span>
            <span>Divine Word </span>
            <span>Earthquake </span>
            <span>Eldritch Blast </span>
            <span>Faerie Fire </span>
            <span>Fire Bolt </span>
            <span>Fire Shield </span>
            <span>Fire Storm </span>
            <span>Fireball </span>
            <span>Flame Blade </span>
            <span>Flame Strike </span>
            <span>Forcecage </span>
            <span>Freezing Sphere</span> 
            <span>Guiding Bolt </span>
            <span>Gust of Wind </span>
            <span>Hallow </span>
            <span>Heal </span>
            <span>Healing Word</span> 
            <span>Hellish Rebuke </span>
            <span>Ice Storm </span>
            <span>Light </span>
            <span>Lightning Bolt</span> 
            <span>Magic Missile </span>
            <span>Mass Cure Wounds</span>
            <span>Mass Heal </span>
            <span>Mass Healing Word</span> 
            <span>Meteor Swarm </span>
            <span>Moonbeam </span>
            <span>Prayer of Healing </span>
            <span>Prismatic Spray </span>
            <span>Ray of Frost </span>
            <span>Resilient Sphere </span>
            <span>Sacred Flame </span>
            <span>Scorching Ray </span>
            <span>Sending </span>
            <span>Shatter </span>
            <span>Shocking Grasp</span> 
            <span>Spiritual Weapon </span>
            <span>Sunbeam </span>
            <span>Sunburst </span>
            <span>Thunderwave </span>
            <span>Tiny Hut </span>
            <span>Wall of Fire </span>
            <span>Wall of Force </span>
            <span>Wall of Ice </span>
            <span>Wall of Stone </span>
            <span>Wind Wall </span>
        </div>
    </div>
</body>
</html>