Skip to content

Instantly share code, notes, and snippets.

@dootan2020

dootan2020/Trang Chi Tiết Sản Phẩm (Không có Navbar)

Created May 2, 2025 09:53
Show Gist options
  • Save dootan2020/bce3cc7fcd2adfa63c6e3298522ac784 to your computer and use it in GitHub Desktop.
Save dootan2020/bce3cc7fcd2adfa63c6e3298522ac784 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Trang Chi Tiết Sản Phẩm (Không có Navbar)
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hotmail Trusted - OAuth2 Imap</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/css/all.min.css">
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: #333;
line-height: 1.6;
background-color: #f8f9fa;
}
.product-container {
max-width: 800px;
margin: 0 auto;
padding: 2rem;
background-color: white;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.product-price {
color: #007bff;
font-size: 2rem;
font-weight: bold;
}
.stock-label {
color: #28a745;
}
.feature-item {
display: flex;
align-items: center;
margin-bottom: 1rem;
}
.feature-icon {
margin-right: 1rem;
width: 24px;
text-align: center;
}
.buy-button {
background-color: #007bff;
color: white;
font-weight: bold;
padding: 0.75rem 0;
border-radius: 5px;
text-align: center;
display: block;
width: 100%;
font-size: 1.25rem;
transition: background-color 0.2s;
}
.buy-button:hover {
background-color: #0069d9;
}
.product-divider {
border-top: 1px solid #eee;
margin: 1.5rem 0;
}
.key-info-list {
list-style-type: disc;
padding-left: 1.5rem;
}
.key-info-list li {
margin-bottom: 0.5rem;
}
</style>
</head>
<body>
<div class="product-container">
<div class="mb-4">
<img src="https://cdn.jsdelivr.net/gh/ionic-team/ionicons@5.5.1/src/svg/shield-checkmark-outline.svg" alt="Safe Tag" class="w-6 h-6 inline-block">
<span class="text-lg text-gray-600">Safe Tag</span>
</div>
<h1 class="text-3xl font-bold mb-1">Hotmail Trusted - OAuth2 Imap</h1>
<p class="text-gray-500 mb-4">(End Skip)</p>
<div class="flex items-center justify-between mb-6">
<span class="product-price">$0.01</span>
<span class="stock-label">In Stock: 2646</span>
</div>
<div class="mb-6">
<div class="feature-item">
<div class="feature-icon text-blue-500">✓</div>
<div>Secure Warranty (30-day refund if locked)</div>
</div>
<div class="feature-item">
<div class="feature-icon text-yellow-500">⚡</div>
<div>Instant Delivery (Details via email)</div>
</div>
<div class="feature-item">
<div class="feature-icon text-green-500">🔒</div>
<div>Secure Payment</div>
</div>
<div class="feature-item">
<div class="feature-icon text-purple-500">💬</div>
<div>24/7 Customer Support</div>
</div>
</div>
<a href="#" class="buy-button">Buy Now</a>
<div class="product-divider"></div>
<div class="mb-6">
<h2 class="text-xl font-bold mb-4">Product Description</h2>
<p class="text-gray-600 italic mb-4">
(Note: Original description was in Vietnamese and contained specific technical details and warranty conditions. This section would typically contain the translated and essential product information relevant to the target audience.)
</p>
<p class="mb-4">
This product provides Hotmail accounts with OAuth2 IMAP access. Accounts are registered securely. Ideal for various online tasks requiring trusted email accounts.
</p>
<h3 class="text-lg font-bold mt-6 mb-3">Key Information:</h3>
<ul class="key-info-list">
<li>Account Type: Hotmail (Trusted)</li>
<li>Access Method: OAuth2 IMAP</li>
<li>Delivery: Instant via Email</li>
<li>Warranty: 30-day refund for locked accounts (conditions apply)</li>
</ul>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment