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>