<!
DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8” />
<meta name=”viewport” content=”width=device-width, initial-scale=1” />
<title>Luxury E-commerce Info – Elegant Background</title>
<style>
@import url(‘https://fonts.googleapis.com/css2?
family=Playfair+Display:wght@700&family=Montserrat&display=swap’);
Body {
Margin: 0;
Font-family: ‘Montserrat’, sans-serif;
Background-color: #f5f0e6; /* Cream background */
Color: #6b4c00; /* Dark gold/brown text for luxury feel */
Min-height: 100vh;
Display: flex;
Flex-direction: column;
Align-items: center;
Padding: 40px 20px;
Box-sizing: border-box;
.container {
Background: #fff9f0;
Border-radius: 20px;
Box-shadow: 0 8px 20px rgba(107, 76, 0, 0.15);
Max-width: 420px;
Margin: 20px;
Padding: 30px 40px;
Text-align: left;
H1 {
Font-family: ‘Playfair Display’, serif;
Font-weight: 700;
Font-size: 2rem;
Margin-bottom: 18px;
Color: #b8860b; /* goldenrod color for heading */
Letter-spacing: 1.4px;
Text-align: center;
Ol {
Padding-left: 28px;
Font-size: 1rem;
Line-height: 1.7;
Ol li {
Margin-bottom: 15px;
/* Responsive for mobile 350px width */
@media (max-width: 380px) {
.container {
Max-width: 90vw;
Padding: 24px 20px;
H1 {
Font-size: 1.7rem;
</style>
</head>
<body>
<div class=”container” role=”img” aria-label="How Do I Order? Instruction
Text">
<h1>HOW DO I Order?</h1>
<ol>
<li>Send Us a Screen Shot of items You Want.</li>
<li>We Will Quote You a Price.</li>
<li>When You Are Ready to Order, We Will Ask For Your Shipping
Information.</li>
<li>Submit Payment (PayPal & Bank Transfer).</li>
<li>Items Will Be Shipping & You Will Be Provided Tracking
Number.</li>
</ol>
</div>
<div class="container" role="img" aria-label="Why Buy from US? Reasons
Text">
<h1>Why Buy from US?</h1>
<ol>
<li>High Quality Products.</li>
<li>Return and Refund Policy.</li>
<li>Excellent Customer Service.</li>
<li>Free and Quick Delivery.</li>
<li>Product Video Before Delivery.</li>
<li>PayPal Payment.</li>
</ol>
</div>
</body>
</html>
