my desesendants website


this video shows how to book your meet and greet

this is only one thing fans can shop for

<<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="styles.css">
    <title>Store | Descendants Fan HQ</title>
</head>
<body>
    <header>
        <h1>Descendants Fan HQ</h1>
        <nav>
            <a href="index.html" style="color: #9b4dff; font-weight: bold;">Store</a> |
            <a href="booking.html">Meet & Greets</a> |
            <a href="tour.html">Live Tour</a> |
            <a href="bag.html">Bag</a>
        </nav>
        <hr>
    </header>

    <section id="shop">
        <h2>VK & Auradon Boutique</h2>
        
        <h3 class="collection-title">Mal: Queen of Auradon</h3>
        <div class="grid">
            <div class="item mal">
                <img src="images/mal jacket.jpg" alt="Mal Jacket">
                <h3>Dragon Jacket</h3>
                <p>$79.00</p>
                <button>Add to Bag</button>
            </div>
            <div class="item mal">
                <img src="images/mal spell book.jpg" alt="Spellbook">
                <h3>VK Spellbook Journal</h3>
                <p>$19.00</p>
                <button>Add to Bag</button>
            </div>
        </div>

        <h3 class="collection-title">Evie: Fashion Royalty</h3>
        <div class="grid">
            <div class="item evie">
                <img src="images/evie-dress.jpg" alt="Evie Dress">
                <h3>Royal Blue Dress</h3>
                <p>$89.00</p>
                <button>Add to Bag</button>
            </div>
            <div class="item evie">
                <img src="images/evie mirror.jpg" alt="Mirror Compact">
                <h3>Mirror Compact</h3>
                <p>$24.00</p>
                <button>Add to Bag</button>
            </div>
        </div>


         <h3 class="collection-title">Carlos: Tech Rebel</h3>
        <div class="grid">
            <div class="item carlos">
                <img src="images/carlos-jacket.jpg" alt="Carlos Moto Jacket">
                <h3>B&W Moto Jacket</h3>
                <p>$45.00</p>
                <button>Add to Bag</button>
            </div>
            <div class="item carlos">
                <img src="images/dude plush.jpg" alt="Dude the Dog">
                <h3>"Dude" Talking Plush</h3>
                <p>$22.00</p>
                <button>Add to Bag</button>
            </div>
        </div>

        <!-- JAY COLLECTION -->
        <h3 class="collection-title">Jay: Tourney Star</h3>
        <div class="grid">
            <div class="item jay">
                <img src="images/jay-vest.jpg" alt="Jay Leather Vest">
                <h3>Leather Tourney Vest</h3>
                <p>$38.00</p>
                <button>Add to Bag</button>
            </div>
            <div class="item jay">
                <img src="images/cobra hat.jpg" alt="Cobra Beanie">
                <h3>Isle Cobra Beanie</h3>
                <p>$15.00</p>
                <button>Add to Bag</button>
            </div>
        </div>

        <!-- BEN COLLECTION -->
        <h3 class="collection-title">Ben: King of Auradon</h3>
        <div class="grid">
            <div class="item ben">
                <img src="images/ben-crown.jpg" alt="King Crown">
                <h3>Royal Auradon Crown</h3>
                <p>$25.00</p>
                <button>Add to Bag</button>
            </div>
            <div class="item ben">
                <img src="images/beast signet.jpg" alt="Signet Ring">
                <h3>Beast Signet Ring</h3>
                <p>$30.00</p>
                <button>Add to Bag</button>
            </div>
        </div>

        <!-- AUDREY COLLECTION -->
        <h3 class="collection-title">Audrey: Queen of Mean</h3>
        <div class="grid">
            <div class="item audrey">
                <img src="images/audrey-necklace.jpg" alt="Audrey Necklace">
                <h3>Queen Bird Necklace</h3>
                <p>$18.99</p>
                <button>Add to Bag</button>
            </div>
            <div class="item audrey">
                <img src="images/audrey cape.jpg" alt="Pink Lace Cape">
                <h3>Pink Lace Royal Cape</h3>
                <p>$55.00</p>
                <button>Add to Bag</button>
            </div>
        </div>

        <!-- VK ESSENTIALS -->
        <h3 class="collection-title">VK Essentials</h3>
        <div class="grid">
            <div class="item vk-essentials">
                <img src="images/graffiti-spray.jpg" alt="Graffiti Spray">
                <h3>Isle Graffiti Spray</h3>
                <p>$12.00</p>
                <button>Add to Bag</button>
            </div>
            <div class="item vk-essentials">
                <img src="images/custom-jacket.jpg" alt="Custom Jacket">
                <h3>Custom VK Jacket</h3>
                <p>$160.77</p>
                <button>Add to Bag</button>
            </div>
        </div>
    </section>

Leave a Reply

Your email address will not be published. Required fields are marked *