401 lines
23 KiB
HTML
401 lines
23 KiB
HTML
|
SafeValue must use [property]=binding:
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Product Detail Page</title>
|
||
|
|
<link rel="stylesheet" href="style.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="page-wrapper">
|
||
|
|
<div class="nav-1-wrapper"><nav class="nav-1-navbar"><div class="nav-1-logo">Amazon Prime</div><ul class="nav-1-nav-links"><li><a href="index.html">Home</a></li><li><a href="product_listing_page.html">Products</a></li><li><a href="product_detail_page.html">Deals</a></li><li><a href="cart_page.html">Cart</a></li><li><a href="checkout_page.html">Checkout</a></li><li><a href="user_account_dashboard.html">My Account</a></li><li class="nav-1-dropdown"><a href="#">Shop by Category<i class="fas fa-chevron-down"><i class="fas fa-chevron-down">🔽</i></i></a></li></ul><div class="nav-1-nav-actions"><button class="nav-1-btn nav-1-outline">Sign In</button><button class="nav-1-btn nav-1-solid">Register</button></div></nav></div>
|
||
|
|
<section class="product-gallery-section">
|
||
|
|
<h2 class="sr-only">Product Image Gallery</h2>
|
||
|
|
|
||
|
|
<div class="product-gallery-wrapper">
|
||
|
|
<!-- Thumbnail Navigation Column -->
|
||
|
|
<div class="thumbnail-column">
|
||
|
|
<ul class="thumbnail-list">
|
||
|
|
<li class="thumbnail-item">
|
||
|
|
<a href="#" class="thumbnail-link" data-main-src="https://via.placeholder.com/1000x1000/F0F0F0/000000?text=Product+Image+1" aria-label="View product image 1">
|
||
|
|
<img src="https://via.placeholder.com/70x70/E0E0E0/000000?text=Thumb+1" alt="Product thumbnail 1" class="thumbnail-img">
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="thumbnail-item active">
|
||
|
|
<a href="#" class="thumbnail-link" data-main-src="https://via.placeholder.com/1000x1000/D0D0D0/000000?text=Product+Image+2" aria-label="View product image 2">
|
||
|
|
<img src="https://via.placeholder.com/70x70/C0C0C0/000000?text=Thumb+2" alt="Product thumbnail 2" class="thumbnail-img">
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="thumbnail-item">
|
||
|
|
<a href="#" class="thumbnail-link" data-main-src="https://via.placeholder.com/1000x1000/B0B0B0/000000?text=Product+Image+3" aria-label="View product image 3">
|
||
|
|
<img src="https://via.placeholder.com/70x70/A0A0A0/000000?text=Thumb+3" alt="Product thumbnail 3" class="thumbnail-img">
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="thumbnail-item">
|
||
|
|
<a href="#" class="thumbnail-link" data-main-src="https://via.placeholder.com/1000x1000/909090/FFFFFF?text=Product+Image+4" aria-label="View product image 4">
|
||
|
|
<img src="https://via.placeholder.com/70x70/808080/FFFFFF?text=Thumb+4" alt="Product thumbnail 4" class="thumbnail-img">
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="thumbnail-item">
|
||
|
|
<a href="#" class="thumbnail-link" data-main-src="https://via.placeholder.com/1000x1000/707070/FFFFFF?text=Product+Image+5" aria-label="View product image 5">
|
||
|
|
<img src="https://via.placeholder.com/70x70/606060/FFFFFF?text=Thumb+5" alt="Product thumbnail 5" class="thumbnail-img">
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<!-- Add more thumbnail items as needed -->
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Main Image Display Area -->
|
||
|
|
<div class="main-image-area">
|
||
|
|
<div class="main-image-container">
|
||
|
|
<img id="mainProductImg" src="https://via.placeholder.com/1000x1000/D0D0D0/000000?text=Product+Image+2" alt="Large view of product image" class="current-main-image">
|
||
|
|
<div class="zoom-lens" aria-hidden="true"></div> <!-- Placeholder for a zoom lens effect, typically controlled by JS/CSS -->
|
||
|
|
</div>
|
||
|
|
<!-- Navigation arrows for main image carousel (if applicable) -->
|
||
|
|
<button class="gallery-nav-btn prev-btn" aria-label="Previous product image">❮</button>
|
||
|
|
<button class="gallery-nav-btn next-btn" aria-label="Next product image">❯</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section class="product-information-section">
|
||
|
|
<div class="product-visuals">
|
||
|
|
<div class="main-image">
|
||
|
|
<img src="https://via.placeholder.com/600x600/E0E0E0/333333?text=Product+Image" alt="Main Product Image Placeholder">
|
||
|
|
</div>
|
||
|
|
<div class="thumbnail-images">
|
||
|
|
<img src="https://via.placeholder.com/100x100/F0F0F0/333333?text=Thumb1" alt="Thumbnail 1">
|
||
|
|
<img src="https://via.placeholder.com/100x100/F0F0F0/333333?text=Thumb2" alt="Thumbnail 2">
|
||
|
|
<img src="https://via.placeholder.com/100x100/F0F0F0/333333?text=Thumb3" alt="Thumbnail 3">
|
||
|
|
<img src="https://via.placeholder.com/100x100/F0F0F0/333333?text=Thumb4" alt="Thumbnail 4">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="product-main-details">
|
||
|
|
<h1 class="product-title">Product Name Goes Here - A Fantastic Gadget with Many Features</h1>
|
||
|
|
<div class="product-brand">
|
||
|
|
<a href="#" class="brand-link">Visit the Brand Store</a>
|
||
|
|
</div>
|
||
|
|
<div class="product-rating-reviews">
|
||
|
|
<span class="rating-stars" aria-label="4.5 out of 5 stars">★★★★☆</span>
|
||
|
|
<span class="rating-value">4.5 out of 5</span>
|
||
|
|
<a href="#" class="review-count">1,234 ratings</a>
|
||
|
|
<span class="separator">|</span>
|
||
|
|
<a href="#" class="answered-questions">50+ answered questions</a>
|
||
|
|
</div>
|
||
|
|
<hr class="divider">
|
||
|
|
|
||
|
|
<div class="product-price-info">
|
||
|
|
<p class="price-tag"><span class="price-label">Price:</span> <span class="current-price">$129.99</span></p>
|
||
|
|
<p class="price-details">
|
||
|
|
<span class="was-price">Was: <s>$159.99</s></span>
|
||
|
|
<span class="savings">Save $30.00 (18%)</span>
|
||
|
|
</p>
|
||
|
|
<p class="shipping-returns">FREE Returns & FREE Shipping</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="product-availability">
|
||
|
|
<p class="stock-status">In Stock.</p>
|
||
|
|
<p class="seller-info">Ships from and sold by <a href="#">AwesomeSeller LLC</a>.</p>
|
||
|
|
</div>
|
||
|
|
<hr class="divider">
|
||
|
|
|
||
|
|
<div class="product-variations">
|
||
|
|
<div class="variation-group">
|
||
|
|
<label for="style-select" class="variation-label">Style:</label>
|
||
|
|
<select id="style-select" class="variation-dropdown">
|
||
|
|
<option value="classic">Classic</option>
|
||
|
|
<option value="modern">Modern</option>
|
||
|
|
<option value="sport">Sport</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
<div class="variation-group">
|
||
|
|
<label class="variation-label">Color:</label>
|
||
|
|
<div class="color-options">
|
||
|
|
<button class="color-option color-black selected" aria-label="Black"></button>
|
||
|
|
<button class="color-option color-silver" aria-label="Silver"></button>
|
||
|
|
<button class="color-option color-gold" aria-label="Gold"></button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<hr class="divider">
|
||
|
|
|
||
|
|
<div class="product-features">
|
||
|
|
<h3 class="features-heading">About this item:</h3>
|
||
|
|
<ul class="feature-list">
|
||
|
|
<li>High-quality material for durability and comfort during extended use.</li>
|
||
|
|
<li>Ergonomic design ensures a comfortable grip and reduces fatigue.</li>
|
||
|
|
<li>Seamless compatibility with various devices and operating systems (Windows, macOS, Linux).</li>
|
||
|
|
<li>Long-lasting battery life (up to 60 hours) with quick 15-minute charging for 8 hours of use.</li>
|
||
|
|
<li>Easy to set up and use right out of the box, no complex drivers needed.</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="product-action-box">
|
||
|
|
<div class="price-summary">
|
||
|
|
<span class="buy-box-price">$129.99</span>
|
||
|
|
</div>
|
||
|
|
<p class="delivery-location">Deliver to [Your Location]</p>
|
||
|
|
<p class="delivery-details">
|
||
|
|
<span class="delivery-date">Fastest delivery: <span class="bold">Tomorrow, Oct 26</span></span>
|
||
|
|
<span class="shipping-cost">FREE Shipping</span>
|
||
|
|
</p>
|
||
|
|
<p class="stock-status-box">In Stock</p>
|
||
|
|
<div class="quantity-selector">
|
||
|
|
<label for="quantity">Qty:</label>
|
||
|
|
<select id="quantity">
|
||
|
|
<option value="1">1</option>
|
||
|
|
<option value="2">2</option>
|
||
|
|
<option value="3">3</option>
|
||
|
|
<option value="4">4</option>
|
||
|
|
<option value="5">5</option>
|
||
|
|
<option value="6">6</option>
|
||
|
|
<option value="7">7</option>
|
||
|
|
<option value="8">8</option>
|
||
|
|
<option value="9">9</option>
|
||
|
|
<option value="10">10+</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
<button class="add-to-cart-button">Add to Cart</button>
|
||
|
|
<button class="buy-now-button">Buy Now</button>
|
||
|
|
<div class="secure-transaction-info">
|
||
|
|
<img src="https://via.placeholder.com/20x20/F0F0F0/333333?text=🔒" alt="Secure transaction icon">
|
||
|
|
<p>Secure transaction</p>
|
||
|
|
</div>
|
||
|
|
<hr class="divider">
|
||
|
|
<button class="add-to-list-button">Add to List</button>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Add to Cart Section</title>
|
||
|
|
<link rel="stylesheet" href="style.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="add-to-cart-section-wrapper" aria-label="Add to cart section">
|
||
|
|
<section class="add-to-cart-section">
|
||
|
|
<div class="price-info">
|
||
|
|
<p>Price: <span class="current-price">$[Current Price]</span></p>
|
||
|
|
<p class="prime-delivery">Free Prime Delivery</p>
|
||
|
|
<p class="vat-info">Incl. VAT</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="availability-info">
|
||
|
|
<p class="in-stock">In stock.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="delivery-info">
|
||
|
|
<p>Deliver to [User's Location]</p>
|
||
|
|
<p class="delivery-date">Estimated Delivery: <span class="delivery-date-placeholder">Friday, January 1, 2025</span></p>
|
||
|
|
<p class="fastest-delivery">Order within <span class="countdown-placeholder">XX hrs XX mins</span> for fastest delivery.</p>
|
||
|
|
<a href="#delivery-details" class="details-link">Details</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="quantity-selector">
|
||
|
|
<label for="quantity">Quantity:</label>
|
||
|
|
<select id="quantity" name="quantity">
|
||
|
|
<option value="1">1</option>
|
||
|
|
<option value="2">2</option>
|
||
|
|
<option value="3">3</option>
|
||
|
|
<option value="4">4</option>
|
||
|
|
<option value="5">5</option>
|
||
|
|
<option value="6">6</option>
|
||
|
|
<option value="7">7</option>
|
||
|
|
<option value="8">8</option>
|
||
|
|
<option value="9">9</option>
|
||
|
|
<option value="10+">10+</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="add-to-cart-actions">
|
||
|
|
<button type="button" class="button add-to-cart-button">Add to Cart</button>
|
||
|
|
<button type="button" class="button buy-now-button">Buy Now</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<p class="secure-transaction">
|
||
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lock-fill" viewBox="0 0 16 16">
|
||
|
|
<path d="M8 1a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H8zm0 2h4v4H8V3zM3 8v.5c0 .385.118.748.312 1.053l.412.825A1.5 1.5 0 0 0 5 11h6a1.5 1.5 0 0 0 1.276-.731l.412-.825A2 2 0 0 0 13 8.5V8h.5a.5.5 0 0 1 0 1H13v.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5V9H8.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5V9H3.5a.5.5 0 0 1-.5-.5V8H3zm5.5 1h-1V8h1v1z"/>
|
||
|
|
</svg>
|
||
|
|
Secure transaction
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<div class="separator"></div>
|
||
|
|
|
||
|
|
<a href="#delivery-options" class="delivery-options-link">Delivery options</a>
|
||
|
|
<a href="#add-to-wishlist" class="add-to-wishlist">Add to Wishlist</a>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
<section class="product-description-section">
|
||
|
|
<div class="product-container">
|
||
|
|
|
||
|
|
<h1 class="product-title">Placeholder Product Title - Model XYZ with Advanced Features</h1>
|
||
|
|
|
||
|
|
<div class="product-rating-summary">
|
||
|
|
<span class="stars" aria-label="4.5 out of 5 stars">★★★★☆</span>
|
||
|
|
<a href="#customer-reviews" class="reviews-link">1,234 Ratings</a>
|
||
|
|
<span class="brand-name">Brand: <a href="#">Awesome Brands Co.</a></span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="product-key-features">
|
||
|
|
<h2>About this item</h2>
|
||
|
|
<ul>
|
||
|
|
<li><strong>Superior Performance:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
|
||
|
|
<li><strong>Durable Design:</strong> Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
|
||
|
|
<li><strong>Eco-Friendly Materials:</strong> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</li>
|
||
|
|
<li><strong>Easy to Use:</strong> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</li>
|
||
|
|
<li><strong>Comprehensive Warranty:</strong> Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="product-full-description">
|
||
|
|
<h2>Product Description</h2>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
|
|
<p>Curabitur pretium tincidunt lacus, eget pretium tellus pretium eu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec vel ante purus. Proin commodo felis sit amet lectus ultricies, eu tempor ipsum ultrices. Nam consectetur mi non erat elementum, non dictum metus feugiat.</p>
|
||
|
|
<p>Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="product-technical-specs">
|
||
|
|
<h2>Technical Details</h2>
|
||
|
|
<table class="specs-table">
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<th scope="row">Item Weight</th>
|
||
|
|
<td>1.5 lbs (0.68 kg)</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<th scope="row">Product Dimensions</th>
|
||
|
|
<td>10 x 5 x 2 inches (25.4 x 12.7 x 5.08 cm)</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<th scope="row">ASIN</th>
|
||
|
|
<td>B09ABCDEFG</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<th scope="row">Model Number</th>
|
||
|
|
<td>PROD-XYZ-2023-V2</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<th scope="row">Manufacturer</th>
|
||
|
|
<td>Manufacturer Corp. Global</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<th scope="row">Date First Available</th>
|
||
|
|
<td>January 1, 2023</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<th scope="row">Color</th>
|
||
|
|
<td>Matte Black</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<th scope="row">Material</th>
|
||
|
|
<td>Aerospace-grade Aluminum, Recycled Plastic</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<th scope="row">Battery Life</th>
|
||
|
|
<td>Up to 10 hours</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<th scope="row">Connectivity</th>
|
||
|
|
<td>Bluetooth 5.0, USB-C</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section class="customer-reviews-section">
|
||
|
|
<div class="customer-reviews-container">
|
||
|
|
<h2 class="section-title">Customer reviews</h2>
|
||
|
|
|
||
|
|
<div class="overall-rating-summary">
|
||
|
|
<div class="stars-placeholder" aria-label="4.5 out of 5 stars">★★★★☆</div>
|
||
|
|
<p class="average-rating">4.5 out of 5 stars</p>
|
||
|
|
<a href="#" class="all-reviews-link">See all reviews ></a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="reviews-list">
|
||
|
|
<article class="review-card">
|
||
|
|
<div class="review-header">
|
||
|
|
<div class="review-rating">
|
||
|
|
<span class="stars-placeholder" aria-label="5 out of 5 stars">★★★★★</span>
|
||
|
|
<h3 class="review-title">Fantastic quality and easy to use!</h3>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="review-meta">
|
||
|
|
<span class="reviewer-name">By Jane Doe</span>
|
||
|
|
<span class="verified-purchase">Verified Purchase</span>
|
||
|
|
<time datetime="2023-12-10" class="review-date">on December 10, 2023</time>
|
||
|
|
</div>
|
||
|
|
<div class="review-body">
|
||
|
|
<p>I absolutely love this product! It arrived quickly, was well-packaged, and performs exactly as described. The build quality feels premium, and I had it set up in minutes. Highly recommend!</p>
|
||
|
|
</div>
|
||
|
|
<div class="review-footer">
|
||
|
|
<button class="helpful-button">Helpful</button>
|
||
|
|
<a href="#" class="report-link">Report abuse</a>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<article class="review-card">
|
||
|
|
<div class="review-header">
|
||
|
|
<div class="review-rating">
|
||
|
|
<span class="stars-placeholder" aria-label="4 out of 5 stars">★★★★☆</span>
|
||
|
|
<h3 class="review-title">Good, but could be better</h3>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="review-meta">
|
||
|
|
<span class="reviewer-name">By John Smith</span>
|
||
|
|
<span class="verified-purchase">Verified Purchase</span>
|
||
|
|
<time datetime="2023-11-28" class="review-date">on November 28, 2023</time>
|
||
|
|
</div>
|
||
|
|
<div class="review-body">
|
||
|
|
<p>The product is decent for the price. It does what it's supposed to, but I noticed a slight design flaw that could be improved. Overall, I'm satisfied but not amazed.</p>
|
||
|
|
</div>
|
||
|
|
<div class="review-footer">
|
||
|
|
<button class="helpful-button">Helpful</button>
|
||
|
|
<a href="#" class="report-link">Report abuse</a>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<article class="review-card">
|
||
|
|
<div class="review-header">
|
||
|
|
<div class="review-rating">
|
||
|
|
<span class="stars-placeholder" aria-label="3 out of 5 stars">★★★☆☆</span>
|
||
|
|
<h3 class="review-title">Average performance</h3>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="review-meta">
|
||
|
|
<span class="reviewer-name">By Alice Brown</span>
|
||
|
|
<time datetime="2023-11-15" class="review-date">on November 15, 2023</time>
|
||
|
|
</div>
|
||
|
|
<div class="review-body">
|
||
|
|
<p>It's an okay product. Nothing special. It gets the job done, but I expected a bit more given the description. Consider other options if you need top-tier performance.</p>
|
||
|
|
</div>
|
||
|
|
<div class="review-footer">
|
||
|
|
<button class="helpful-button">Helpful</button>
|
||
|
|
<a href="#" class="report-link">Report abuse</a>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<div class="write-review-container">
|
||
|
|
<button class="write-review-button">Write a customer review</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<div class="footer-2-wrapper"><section class="footer-2-section"><div class="footer-2-top"><div class="footer-2-left"><h3 class="logo">Amazon</h3><p><strong>Address:</strong><br></br><span>Level 1, 12 Sample St, Sydney NSW 2000</span></p><p><strong>Contact:</strong><br></br><span>1800 123 4567</span><br></br><a href="mailto:info@amazon.com">info@amazon.com</a></p><div class="footer-2-social-icons"><i class="fab fa-facebook"></i><i class="fab fa-instagram"></i><i class="fab fa-x-twitter"></i><i class="fab fa-linkedin"></i><i class="fab fa-youtube"></i></div></div><div class="footer-2-links-columns"><ul><li><a href="your_account.html">Your Account</a></li><li><a href="your_orders.html">Your Orders</a></li><li><a href="shipping_delivery.html">Shipping & Delivery</a></li><li><a href="returns_replacements.html">Returns & Replacements</a></li><li><a href="help.html">Help</a></li></ul><ul><li><a href="sell_on_amazon.html">Sell on Amazon</a></li><li><a href="amazon_associates.html">Amazon Associates</a></li><li><a href="careers.html">Careers</a></li><li><a href="gift_cards.html">Gift Cards</a></li><li><a href="amazon_app.html">Amazon App</a></li></ul></div></div><div class="footer-2-bottom"><p>© 2025 Amazon. All rights reserved.</p><ul class="footer-2-links"><li><a href="privacy_policy.html">Privacy Policy</a></li><li><a href="conditions_of_use.html">Conditions of Use</a></li><li><a href="cookies_settings.html">Cookies Settings</a></li><li><a href="order_confirmation_page.html">Order Confirmation</a></li></ul></div></section></div>
|
||
|
|
</div>
|
||
|
|
<script>
|
||
|
|
document.addEventListener('DOMContentLoaded', function() {
|
||
|
|
document.body.style.display = 'none';
|
||
|
|
setTimeout(function() { document.body.style.display = ''; }, 10);
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html> (see https://g.co/ng/security#xss)
|