Dry Goods: Store in a cool, dry place away from direct sunlight and moisture. Seal the packaging tightly after each use to preserve freshness.
Perishables: Refrigerate immediately upon receiving to maintain optimal freshness. Follow the specific storage temperature guidelines mentioned on the packaging.
Frozen Items: Keep frozen until ready to use. Follow the thawing instructions on the package for best results.
All products come with a "Best Before" or "Use By" date printed on the packaging. Please consume before this date to ensure the best quality.
For fresh or refrigerated items, use within [number of days] of opening.
All orders are processed within 1-3 business days.
Orders are not shipped or delivered on weekends or holidays.
Standard Shipping: 5-7 business days. Rates will be calculated at checkout.
Express Shipping: 2-3 business days. Rates will be calculated at checkout.
Delivery delays can occasionally occur due to unforeseen circumstances.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cholula Original Hot Sauce Product Description</title>
<style>
/* Base Styles */
.cholula-product {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #333;
line-height: 1.6;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
background: linear-gradient(to bottom, #fff, #fffaf0);
}
/* Header Section */
.product-header {
text-align: center;
margin-bottom: 40px;
padding: 40px 30px;
background: linear-gradient(135deg, #9E0B0F 0%, #C41217 100%);
color: white;
border-radius: 20px;
box-shadow: 0 15px 35px rgba(158, 11, 15, 0.25);
position: relative;
overflow: hidden;
}
.product-header:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.1"><path d="M30,30 Q50,15 70,30 T90,30 T70,50 T90,70 T70,90 T50,70 T30,90 T10,70 T30,50 T10,30 T30,30 Z" fill="white"/></svg>');
background-size: 80px 80px;
}
.product-title {
font-size: 3rem;
margin-bottom: 15px;
font-weight: 800;
text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
position: relative;
}
.product-subtitle {
font-size: 1.6rem;
font-weight: 300;
margin-bottom: 20px;
opacity: 0.95;
position: relative;
}
.product-tagline {
font-size: 1.2rem;
max-width: 800px;
margin: 0 auto;
font-style: italic;
opacity: 0.9;
position: relative;
}
.brand-badge {
display: inline-block;
background: rgba(255, 255, 255, 0.2);
padding: 8px 20px;
border-radius: 50px;
font-weight: 600;
margin-top: 15px;
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.3);
}
/* Highlights Section */
.product-highlights {
background: white;
padding: 40px;
border-radius: 20px;
margin-bottom: 40px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
border: 2px solid #9E0B0F;
position: relative;
}
.product-highlights:before {
content: "🌶️";
position: absolute;
top: -25px;
left: 50%;
transform: translateX(-50%);
background: white;
padding: 10px 20px;
border-radius: 50px;
font-size: 1.5rem;
border: 2px solid #9E0B0F;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.section-title {
color: #9E0B0F;
font-size: 2rem;
margin-bottom: 30px;
font-weight: 700;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.section-title:before, .section-title:after {
content: "★";
margin: 0 15px;
color: #9E0B0F;
font-size: 1.5rem;
}
.highlights-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 25px;
}
.highlight-card {
background: linear-gradient(135deg, #fff5f5 0%, #ffebeb 100%);
padding: 25px;
border-radius: 15px;
border-left: 5px solid #9E0B0F;
transition: all 0.4s ease;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
position: relative;
overflow: hidden;
}
.highlight-card:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #9E0B0F, #C41217);
}
.highlight-card:hover {
transform: translateY(-8px);
box-shadow: 0 15px 30px rgba(158, 11, 15, 0.15);
}
.highlight-icon {
color: #9E0B0F;
font-weight: bold;
font-size: 1.5rem;
margin-right: 15px;
display: inline-block;
width: 30px;
text-align: center;
background: #FFD1D1;
padding: 8px;
border-radius: 50%;
}
/* Specifications Table */
.specs-section {
margin-bottom: 40px;
}
.specs-table-container {
background: white;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
border: 2px solid #9E0B0F;
}
.specs-table {
width: 100%;
border-collapse: collapse;
}
.specs-table thead {
background: linear-gradient(135deg, #9E0B0F 0%, #C41217 100%);
}
.specs-table th {
color: white;
padding: 22px;
text-align: left;
font-weight: 700;
font-size: 1.3rem;
letter-spacing: 0.5px;
}
.specs-table tr {
transition: background-color 0.3s ease;
}
.specs-table tr:nth-child(even) {
background-color: #fff5f5;
}
.specs-table tr:nth-child(odd) {
background-color: white;
}
.specs-table tr:hover {
background-color: #ffebeb;
}
.specs-table td {
padding: 20px 25px;
border-bottom: 1px solid #ffd1d1;
}
.spec-name {
font-weight: 700;
color: #9E0B0F;
width: 35%;
border-right: 1px solid #ffd1d1;
font-size: 1.05rem;
}
.spec-value {
color: #333;
font-weight: 500;
}
/* Feature Tags */
.feature-tags {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.feature-tag {
background: linear-gradient(135deg, #9E0B0F, #C41217);
color: white;
padding: 8px 16px;
border-radius: 25px;
font-size: 0.9rem;
font-weight: 600;
box-shadow: 0 3px 8px rgba(158, 11, 15, 0.3);
}
/* Heat Level Indicator */
.heat-level {
display: flex;
align-items: center;
margin-top: 10px;
}
.heat-label {
font-weight: 600;
margin-right: 10px;
color: #9E0B0F;
}
.heat-bars {
display: flex;
gap: 3px;
}
.heat-bar {
width: 12px;
height: 20px;
background: #FFD1D1;
border-radius: 2px;
}
.heat-bar.active {
background: #9E0B0F;
}
/* Bulk Size Badge */
.bulk-badge {
display: inline-flex;
align-items: center;
background: linear-gradient(135deg, #9E0B0F, #C41217);
color: white;
padding: 12px 24px;
border-radius: 50px;
font-weight: 700;
margin: 20px 0;
box-shadow: 0 5px 15px rgba(158, 11, 15, 0.3);
}
.bulk-icon {
font-size: 1.5rem;
margin-right: 12px;
}
/* Details Section */
.product-details {
margin-bottom: 40px;
}
.details-content {
background: white;
padding: 35px;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
border-top: 5px solid #9E0B0F;
position: relative;
}
.details-content:before {
content: "🔥";
position: absolute;
top: -25px;
left: 50%;
transform: translateX(-50%);
background: white;
padding: 10px 15px;
border-radius: 50%;
font-size: 1.5rem;
border: 2px solid #9E0B0F;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.details-content p {
margin-bottom: 25px;
font-size: 1.1rem;
line-height: 1.8;
}
.culinary-uses {
background: #fff5f5;
padding: 25px;
border-radius: 15px;
border-left: 5px solid #9E0B0F;
margin: 30px 0;
position: relative;
}
.culinary-uses:before {
content: "🍽️";
position: absolute;
top: -15px;
left: -15px;
background: #9E0B0F;
color: white;
padding: 8px 12px;
border-radius: 50%;
font-size: 1.2rem;
}
.heritage-section {
background: #f0f8ff;
padding: 25px;
border-radius: 15px;
border-left: 5px solid #4169E1;
margin: 30px 0;
position: relative;
}
.heritage-section:before {
content: "🇲🇽";
position: absolute;
top: -15px;
left: -15px;
background: #4169E1;
color: white;
padding: 8px 12px;
border-radius: 50%;
font-size: 1.2rem;
}
/* Shipping Info */
.shipping-info {
background: linear-gradient(135deg, #27AE60 0%, #2ECC71 100%);
color: white;
padding: 30px;
border-radius: 20px;
margin-top: 30px;
display: flex;
align-items: center;
box-shadow: 0 10px 25px rgba(39, 174, 96, 0.3);
position: relative;
overflow: hidden;
}
.shipping-info:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.1"><polygon points="50,10 60,40 90,40 65,60 75,90 50,70 25,90 35,60 10,40 40,40" fill="white"/></svg>');
background-size: 60px 60px;
}
.shipping-icon {
font-size: 3rem;
margin-right: 25px;
filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.2));
position: relative;
z-index: 1;
}
.shipping-text {
flex: 1;
position: relative;
z-index: 1;
}
.shipping-title {
font-weight: 700;
margin-bottom: 8px;
font-size: 1.5rem;
}
/* UPC Code */
.upc-section {
text-align: center;
margin-top: 35px;
padding: 20px;
background: linear-gradient(135deg, #fff5f5, #ffebeb);
border-radius: 15px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
border: 2px dashed #9E0B0F;
}
.upc-label {
font-weight: 700;
color: #9E0B0F;
margin-right: 15px;
font-size: 1.2rem;
}
.upc-code {
font-family: 'Courier New', monospace;
font-size: 1.4rem;
font-weight: bold;
letter-spacing: 3px;
background: white;
padding: 12px 25px;
border-radius: 10px;
display: inline-block;
border: 2px solid #9E0B0F;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
/* Responsive Design */
@media (max-width: 768px) {
.product-title {
font-size: 2.3rem;
}
.highlights-grid {
grid-template-columns: 1fr;
}
.specs-table {
display: block;
overflow-x: auto;
}
.shipping-info {
flex-direction: column;
text-align: center;
}
.shipping-icon {
margin-right: 0;
margin-bottom: 20px;
}
.product-header {
padding: 25px 15px;
}
.section-title:before, .section-title:after {
margin: 0 8px;
}
}
/* Animation */
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
.product-highlights, .specs-section, .product-details {
animation: fadeInUp 0.8s ease-out;
}
/* Decorative Elements */
.hot-sauce-bottle {
position: absolute;
width: 30px;
height: 50px;
background: linear-gradient(to bottom, #9E0B0F, #C41217);
opacity: 0.1;
border-radius: 30% 30% 10% 10%;
}
.bottle-1 { top: 10%; left: 5%; }
.bottle-2 { top: 20%; right: 8%; }
.bottle-3 { bottom: 15%; left: 12%; }
</style>
</head>
<body>
<div class="cholula-product">
<!-- Decorative Hot Sauce Bottles -->
<div class="hot-sauce-bottle bottle-1"></div>
<div class="hot-sauce-bottle bottle-2"></div>
<div class="hot-sauce-bottle bottle-3"></div>
<!-- Product Header -->
<div class="product-header">
<h1 class="product-title">Cholula Original Hot Sauce</h1>
<p class="product-subtitle">The Perfect Balance of Flavor and Heat</p>
<p class="product-tagline">Made with arbol chiles and piquin peppers for multi-dimensional flavor that enhances without overpowering</p>
<div class="brand-badge">One of America's Best-Selling Condiments</div>
<!-- Bulk Size Badge -->
<div class="bulk-badge">
<span class="bulk-icon">📦</span>
<span>24-Bottle Case - Perfect for Tabletop Service</span>
</div>
</div>
<!-- Product Highlights -->
<div class="product-highlights">
<h2 class="section-title">What Makes Cholula Special</h2>
<div class="highlights-grid">
<div class="highlight-card">
<div class="highlight-item">
<span class="highlight-icon">⚖️</span>
<span>Delivers a balanced, mellow heat and earthy sweetness with a smooth, even texture</span>
</div>
</div>
<div class="highlight-card">
<div class="highlight-item">
<span class="highlight-icon">🌶️</span>
<span>Ideal balance of heat and flavor to complement entrees without overpowering</span>
</div>
</div>
<div class="highlight-card">
<div class="highlight-item">
<span class="highlight-icon">🍃</span>
<span>Made with arbol chiles, piquin peppers, and a signature blend of spices</span>
</div>
</div>
<div class="highlight-card">
<div class="highlight-item">
<span class="highlight-icon">😊</span>
<span>Mild to medium heat makes it perfect for every customer to enjoy</span>
</div>
</div>
<div class="highlight-card">
<div class="highlight-item">
<span class="highlight-icon">🎨</span>
<span>Wooden cap and iconic yellow label provide attractive tabletop presence</span>
</div>
</div>
<div class="highlight-card">
<div class="highlight-item">
<span class="highlight-icon">🌱</span>
<span>No preservatives or artificial ingredients, suitable for vegans</span>
</div>
</div>
</div>
</div>
<!-- Specifications Table -->
<div class="specs-section">
<h2 class="section-title">Product Specifications</h2>
<div class="specs-table-container">
<table class="specs-table">
<thead>
<tr>
<th colspan="2">Technical Details</th>
</tr>
</thead>
<tbody>
<tr>
<td class="spec-name">Quantity</td>
<td class="spec-value">24/Case</td>
</tr>
<tr>
<td class="spec-name">Shipping Weight</td>
<td class="spec-value">39.3 lb.</td>
</tr>
<tr>
<td class="spec-name">Container Material</td>
<td class="spec-value">Glass</td>
</tr>
<tr>
<td class="spec-name">Features</td>
<td class="spec-value">
<div class="feature-tags">
<span class="feature-tag">Gluten-Free</span>
<span class="feature-tag">Keto</span>
<span class="feature-tag">Kosher</span>
<span class="feature-tag">Vegan</span>
<span class="feature-tag">Vegetarian</span>
</div>
</td>
</tr>
<tr>
<td class="spec-name">Flavor</td>
<td class="spec-value">Original</td>
</tr>
<tr>
<td class="spec-name">Package Size</td>
<td class="spec-value">12 fl. oz.</td>
</tr>
<tr>
<td class="spec-name">Package Type</td>
<td class="spec-value">Bottles</td>
</tr>
<tr>
<td class="spec-name">Scoville Rating</td>
<td class="spec-value">
1,750 - 2,000 Heat Units
<div class="heat-level">
<span class="heat-label">Heat Level:</span>
<div class="heat-bars">
<div class="heat-bar active"></div>
<div class="heat-bar active"></div>
<div class="heat-bar active"></div>
<div class="heat-bar"></div>
<div class="heat-bar"></div>
</div>
<span style="margin-left: 10px; font-size: 0.9rem; color: #666;">Medium</span>
</div>
</td>
</tr>
<tr>
<td class="spec-name">Total Case Size</td>
<td class="spec-value">18 lb.</td>
</tr>
<tr>
<td class="spec-name">Type</td>
<td class="spec-value">Hot Sauces, Mexican Hot Sauces</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Product Details -->
<div class="product-details">
<h2 class="section-title">Product Details & Heritage</h2>
<div class="details-content">
<p>Bring the heat and the flavor with Cholula original hot sauce! Unlike many hot sauce brands that overpower food with their heat, this Cholula hot sauce is ideal for adding depth of flavor to complement and enhance food with just the right amount of heat. Cholula's generations old recipe includes arbol chiles and piquin peppers along with a proprietary blend of spices and a touch of vinegar to provide its distinct, multi-dimensional flavor and mouthwatering aroma.</p>
<div class="culinary-uses">
<strong>Versatile Culinary Applications:</strong> A great flavor enhancer for virtually any food, it delivers a balanced, earthy sweetness underneath its heat. Its 12 fl. oz. size is perfect for front-of-house applications and allowing customers to add it to their various entrees, such as fish tacos, burritos, rice bowls, and breakfast sandwiches, or even in pasta dishes, salads, and pizza!
</div>
<p>The hot sauce does not contain any preservatives or artificial ingredients, and is suitable for vegans. With a Scoville unit rating of 1000, Cholula hot sauce offers a mild to medium heat, making it the perfect, all-encompassing hot sauce to place on tables for customers to enjoy. Plus, its trendy wooden cap and iconic yellow label, which showcase the brand's artisanship and commitment to quality, will provide an attractive presence on your tabletops.</p>
<div class="heritage-section">
<strong>Mexican Heritage:</strong> To honor their Mexican heritage, Cholula is named after the oldest, still-inhabited city of Mexico, and is manufactured in the western Mexican state of Jalisco, a state known for its Mariachi music, tequila, and pepper cultivation. As a testament to its quality, Cholula has only been distributed in the U.S. market since 1989, and in this short amount of time, has grown to become one of the nation's best-selling condiments.
</div>
<p>Celebrate the flavor of your foods by providing your customers with the ever-popular Cholula hot sauce!</p>
</div>
</div>
<!-- Shipping Information -->
<div class="shipping-info">
<div class="shipping-icon">🚚</div>
<div class="shipping-text">
<div class="shipping-title">Quick Shipping</div>
<div>Usually ships in <strong>1 business day</strong>. Delivery time may vary depending on your location.</div>
</div>
</div>
<!-- UPC Code -->
<div class="upc-section">
<span class="upc-label">UPC Code:</span>
<span class="upc-code">400015665223</span>
</div>
</div>
</body>
</html>
No content available
