<!DOCTYPE html>
<html>
<head>
<title>Royal-Tees</title>
<style>
body{font-family:Arial;text-align:center;background:#ffffff;margin:0}
header{background:#d10000;color:white;padding:40px}
h1{margin:0;font-size:40px}
.products{display:flex;flex-wrap:wrap;justify-content:center;padding:40px}
.card{border:1px
solid #ddd;border-radius:10px;padding:20px;margin:15px;width:250px}
button{background:#d10000;color:white;border:none;padding:10px
20px;border-radius:5px}
</style>
</head>
<body>
<header>
<h1>Royal-Tees</h1>
<p>Red For Ed • UTLA Inspired Apparel</p>
</header>
<section class="products">
<div class="card">
<h2>UTLA
T-Shirt</h2>
<p>$20</p>
<button>Order</button>
</div>
<div class="card">
<h2>UTLA Crewneck</h2>
<p>$35</p>
<button>Order</button>
</div>
<div class="card">
<h2>UTLA
Hoodie</h2>
<p>$40</p>
<button>Order</button>
</div>
</section>
</body>
</html>