Spaces:
Running
Running
| <html lang="vi"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>SUPER HOLIDAY SALE - Giảm giá lên đến 53%</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700;900&family=Roboto:wght@400;500;700&display=swap" rel="stylesheet"> | |
| <style> | |
| body { | |
| font-family: 'Roboto', sans-serif; | |
| } | |
| .title-font { | |
| font-family: 'Montserrat', sans-serif; | |
| } | |
| .video-container { | |
| position: relative; | |
| padding-bottom: 133.33%; /* 4:3 Aspect Ratio */ | |
| height: 0; | |
| overflow: hidden; | |
| } | |
| .video-container iframe { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .sale-tag { | |
| animation: pulse 1.5s infinite; | |
| } | |
| .product-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } | |
| @keyframes pulse { | |
| 0% { | |
| transform: scale(1); | |
| } | |
| 50% { | |
| transform: scale(1.05); | |
| } | |
| 100% { | |
| transform: scale(1); | |
| } | |
| } | |
| .discount-badge { | |
| position: absolute; | |
| top: 10px; | |
| right: 10px; | |
| background-color: #f97316; | |
| color: white; | |
| padding: 5px 10px; | |
| border-radius: 9999px; | |
| font-weight: bold; | |
| font-size: 1rem; | |
| box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-white"> | |
| <!-- Header Section --> | |
| <header class="bg-orange-600 text-white"> | |
| <div class="container mx-auto px-4 py-6"> | |
| <div class="flex flex-col md:flex-row justify-between items-center"> | |
| <div> | |
| <h1 class="title-font text-4xl md:text-5xl font-bold tracking-tight">SUPER HOLIDAY SALE</h1> | |
| <p class="mt-2 text-xl md:text-2xl font-medium">Tiết kiệm lên đến <span class="font-black">53%</span></p> | |
| </div> | |
| <div class="mt-4 md:mt-0"> | |
| <div class="bg-white text-orange-600 py-3 px-6 rounded-full shadow-lg text-center font-bold text-xl sale-tag"> | |
| KÉO DÀI ĐẾN 31/05/2025 | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Main Banner --> | |
| <section class="relative bg-gradient-to-r from-orange-500 to-orange-400 py-16"> | |
| <div class="absolute inset-0 bg-[url('https://images.unsplash.com/photo-1556740738-b6a63e27c4df?ixlib=rb-1.2.1&auto=format&fit=crop&w=1920&q=80')] bg-cover bg-center opacity-20"></div> | |
| <div class="container mx-auto px-4 text-center relative z-10"> | |
| <h2 class="title-font text-3xl md:text-5xl font-bold text-white mb-6">GIẢM GIÁ ĐỘC QUYỀN</h2> | |
| <p class="text-xl md:text-2xl text-white font-medium mb-8">Cơ hội duy nhất trong năm với mức giảm chưa từng có</p> | |
| <a href="#products" class="bg-white text-orange-600 hover:bg-orange-100 py-3 px-8 rounded-full font-bold text-lg transition duration-300 inline-block shadow-lg"> | |
| XEM NGAY | |
| </a> | |
| </div> | |
| </section> | |
| <!-- Video Section --> | |
| <section class="py-12 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="title-font text-3xl text-center font-bold text-orange-600 mb-8">TỔNG QUAN SẢN PHẨM</h2> | |
| <div class="max-w-4xl mx-auto"> | |
| <blockquote class="tiktok-embed" cite="https://www.tiktok.com/@bep40.sale/video/7490456512029019398" data-video-id="7490456512029019398" style="max-width: 605px;min-width: 325px;" > <section> <a target="_blank" title="@bep40.sale" href="https://www.tiktok.com/@bep40.sale?refer=embed">@bep40.sale</a> SUPER HOLIDAY SALE từ BẾP 4.0 tiết kiệm lên đến 35% <a title="bep40" target="_blank" href="https://www.tiktok.com/tag/bep40?refer=embed">#bep40</a> <a title="malloca" target="_blank" href="https://www.tiktok.com/tag/malloca?refer=embed">#malloca</a> <a title="grob" target="_blank" href="https://www.tiktok.com/tag/grob?refer=embed">#grob</a> <a title="eurogold" target="_blank" href="https://www.tiktok.com/tag/eurogold?refer=embed">#eurogold</a> <a title="kassler" target="_blank" href="https://www.tiktok.com/tag/kassler?refer=embed">#kassler</a> <a title="demax" target="_blank" href="https://www.tiktok.com/tag/demax?refer=embed">#demax</a> <a title="superholidaysale" target="_blank" href="https://www.tiktok.com/tag/superholidaysale?refer=embed">#superholidaysale</a> <a target="_blank" title="♬ nhạc nền - Lisa My - Bếp 4.0" href="https://www.tiktok.com/music/nhạc-nền-Lisa-My-Bếp-40-7490456548650257158?refer=embed">♬ nhạc nền - Lisa My - Bếp 4.0</a> </section> </blockquote> <script async src="https://www.tiktok.com/embed.js"></script></div> | |
| </div> | |
| </section> | |
| <!-- Products Section --> | |
| <section id="products" class="py-12 bg-gray-50"> | |
| <div class="container mx-auto px-4"> | |
| <!-- Malloca Kitchen Appliances --> | |
| <div class="mb-16"> | |
| <div class="flex items-center mb-8"> | |
| <div class="w-16 h-16 bg-orange-500 rounded-full flex items-center justify-center text-white font-bold text-2xl mr-4">1</div> | |
| <h3 class="title-font text-2xl md:text-3xl font-bold text-orange-600">THIẾT BỊ BẾP MALLOCA</h3> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <!-- Product 1 --> | |
| <div class="bg-white rounded-xl shadow-lg overflow-hidden transition duration-300 product-card"> | |
| <div class="relative"> | |
| <img src="https://images.unsplash.com/photo-1583778176475-e8f8a3e4a46e?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" alt="Bếp từ Malloca" class="w-full h-64 object-cover"> | |
| <div class="discount-badge">-37%</div> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex items-center mb-2"> | |
| <img src="https://via.placeholder.com/100x30?text=Malloca" alt="Malloca" class="h-6"> | |
| </div> | |
| <h4 class="font-bold text-xl mb-2">Bếp điện từ Malloca Premium</h4> | |
| <div class="flex items-center"> | |
| <span class="text-gray-500 line-through mr-3">12.990.000đ</span> | |
| <span class="text-orange-600 font-bold text-xl">8.183.700đ</span> | |
| </div> | |
| <button class="mt-4 w-full bg-orange-500 hover:bg-orange-600 text-white py-2 rounded transition duration-300 font-medium"> | |
| THÊM VÀO GIỎ | |
| </button> | |
| </div> | |
| </div> | |
| <!-- Product 2 --> | |
| <div class="bg-white rounded-xl shadow-lg overflow-hidden transition duration-300 product-card"> | |
| <div class="relative"> | |
| <img src="https://images.unsplash.com/photo-1606804196591-f9d2c9d3f1a1?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" alt="Bếp từ Malloca" class="w-full h-64 object-cover"> | |
| <div class="discount-badge">-35%</div> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex items-center mb-2"> | |
| <img src="https://via.placeholder.com/100x30?text=Malloca" alt="Malloca" class="h-6"> | |
| </div> | |
| <h4 class="font-bold text-xl mb-2">Bếp từ Malloca Deluxe</h4> | |
| <div class="flex items-center"> | |
| <span class="text-gray-500 line-through mr-3">9.990.000đ</span> | |
| <span class="text-orange-600 font-bold text-xl">6.493.500đ</span> | |
| </div> | |
| <button class="mt-4 w-full bg-orange-500 hover:bg-orange-600 text-white py-2 rounded transition duration-300 font-medium"> | |
| THÊM VÀO GIỎ | |
| </button> | |
| </div> | |
| </div> | |
| <!-- Product 3 --> | |
| <div class="bg-white rounded-xl shadow-lg overflow-hidden transition duration-300 product-card"> | |
| <div class="relative"> | |
| <img src="https://images.unsplash.com/photo-1606143810209-df9b1713f0cd?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" alt="Máy hút mùi Malloca" class="w-full h-64 object-cover"> | |
| <div class="discount-badge">-30%</div> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex items-center mb-2"> | |
| <img src="https://via.placeholder.com/100x30?text=Malloca" alt="Malloca" class="h-6"> | |
| </div> | |
| <h4 class="font-bold text-xl mb-2">Máy hút mùi Malloca</h4> | |
| <div class="flex items-center"> | |
| <span class="text-gray-500 line-through mr-3">7.990.000đ</span> | |
| <span class="text-orange-600 font-bold text-xl">5.593.000đ</span> | |
| </div> | |
| <button class="mt-4 w-full bg-orange-500 hover:bg-orange-600 text-white py-2 rounded transition duration-300 font-medium"> | |
| THÊM VÀO GIỎ | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Eurogold & Grob Accessories --> | |
| <div class="mb-16"> | |
| <div class="flex items-center mb-8"> | |
| <div class="w-16 h-16 bg-orange-500 rounded-full flex items-center justify-center text-white font-bold text-2xl mr-4">2</div> | |
| <h3 class="title-font text-2xl md:text-3xl font-bold text-orange-600">PHỤ KIỆN ÂM TỦ THÔNG MINH</h3> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <!-- Product 1 --> | |
| <div class="bg-white rounded-xl shadow-lg overflow-hidden transition duration-300 product-card"> | |
| <div class="relative"> | |
| <img src="https://images.unsplash.com/photo-1583845112208-9b38adc2e585?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" alt="Phụ kiện Eurogold" class="w-full h-64 object-cover"> | |
| <div class="discount-badge">-53%</div> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex items-center mb-2"> | |
| <img src="https://via.placeholder.com/100x30?text=Eurogold" alt="Eurogold" class="h-6"> | |
| </div> | |
| <h4 class="font-bold text-xl mb-2">Phụ kiện âm tủ Eurogold</h4> | |
| <div class="flex items-center"> | |
| <span class="text-gray-500 line-through mr-3">5.990.000đ</span> | |
| <span class="text-orange-600 font-bold text-xl">2.815.300đ</span> | |
| </div> | |
| <button class="mt-4 w-full bg-orange-500 hover:bg-orange-600 text-white py-2 rounded transition duration-300 font-medium"> | |
| THÊM VÀO GIỎ | |
| </button> | |
| </div> | |
| </div> | |
| <!-- Product 2 --> | |
| <div class="bg-white rounded-xl shadow-lg overflow-hidden transition duration-300 product-card"> | |
| <div class="relative"> | |
| <img src="https://images.unsplash.com/photo-1565538287410-e8ba026b0699?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" alt="Phụ kiện Grob" class="w-full h-64 object-cover"> | |
| <div class="discount-badge">-50%</div> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex items-center mb-2"> | |
| <img src="https://via.placeholder.com/100x30?text=Grob" alt="Grob" class="h-6"> | |
| </div> | |
| <h4 class="font-bold text-xl mb-2">Phụ kiện tủ bếp Grob</h4> | |
| <div class="flex items-center"> | |
| <span class="text-gray-500 line-through mr-3">4.490.000đ</span> | |
| <span class="text-orange-600 font-bold text-xl">2.245.000đ</span> | |
| </div> | |
| <button class="mt-4 w-full bg-orange-500 hover:bg-orange-600 text-white py-2 rounded transition duration-300 font-medium"> | |
| THÊM VÀO GIỎ | |
| </button> | |
| </div> | |
| </div> | |
| <!-- Product 3 --> | |
| <div class="bg-white rounded-xl shadow-lg overflow-hidden transition duration-300 product-card"> | |
| <div class="relative"> | |
| <img src="https://images.unsplash.com/photo-1586023492125-27c2a2afe482?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" alt="Phụ kiện thông minh" class="w-full h-64 object-cover"> | |
| <div class="discount-badge">-45%</div> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex items-center mb-2"> | |
| <img src="https://via.placeholder.com/100x30?text=Eurogold" alt="Eurogold" class="h-6"> | |
| </div> | |
| <h4 class="font-bold text-xl mb-2">Phụ kiện thông minh</h4> | |
| <div class="flex items-center"> | |
| <span class="text-gray-500 line-through mr-3">3.990.000đ</span> | |
| <span class="text-orange-600 font-bold text-xl">2.194.500đ</span> | |
| </div> | |
| <button class="mt-4 w-full bg-orange-500 hover:bg-orange-600 text-white py-2 rounded transition duration-300 font-medium"> | |
| THÊM VÀO GIỎ | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Smart Locks --> | |
| <div> | |
| <div class="flex items-center mb-8"> | |
| <div class="w-16 h-16 bg-orange-500 rounded-full flex items-center justify-center text-white font-bold text-2xl mr-4">3</div> | |
| <h3 class="title-font text-2xl md:text-3xl font-bold text-orange-600">KHÓA VÂN TAY CAO CẤP</h3> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <!-- Product 1 --> | |
| <div class="bg-white rounded-xl shadow-lg overflow-hidden transition duration-300 product-card"> | |
| <div class="relative"> | |
| <img src="https://images.unsplash.com/photo-1623874514711-0f321325a0b1?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" alt="Khóa Kassler" class="w-full h-64 object-cover"> | |
| <div class="discount-badge">-50%</div> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex items-center mb-2"> | |
| <img src="https://via.placeholder.com/100x30?text=Kassler" alt="Kassler" class="h-6"> | |
| </div> | |
| <h4 class="font-bold text-xl mb-2">Khóa vân tay Kassler</h4> | |
| <div class="flex items-center"> | |
| <span class="text-gray-500 line-through mr-3">8.990.000đ</span> | |
| <span class="text-orange-600 font-bold text-xl">4.495.000đ</span> | |
| </div> | |
| <button class="mt-4 w-full bg-orange-500 hover:bg-orange-600 text-white py-2 rounded transition duration-300 font-medium"> | |
| THÊM VÀO GIỎ | |
| </button> | |
| </div> | |
| </div> | |
| <!-- Product 2 --> | |
| <div class="bg-white rounded-xl shadow-lg overflow-hidden transition duration-300 product-card"> | |
| <div class="relative"> | |
| <img src="https://images.unsplash.com/photo-1600880292203-757bb62b4baf?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" alt="Khóa Demax" class="w-full h-64 object-cover"> | |
| <div class="discount-badge">-45%</div> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex items-center mb-2"> | |
| <img src="https://via.placeholder.com/100x30?text=Demax" alt="Demax" class="h-6"> | |
| </div> | |
| <h4 class="font-bold text-xl mb-2">Khóa điện tử Demax</h4> | |
| <div class="flex items-center"> | |
| <span class="text-gray-500 line-through mr-3">6.990.000đ</span> | |
| <span class="text-orange-600 font-bold text-xl">3.844.500đ</span> | |
| </div> | |
| <button class="mt-4 w-full bg-orange-500 hover:bg-orange-600 text-white py-2 rounded transition duration-300 font-medium"> | |
| THÊM VÀO GIỎ | |
| </button> | |
| </div> | |
| </div> | |
| <!-- Product 3 --> | |
| <div class="bg-white rounded-xl shadow-lg overflow-hidden transition duration-300 product-card"> | |
| <div class="relative"> | |
| <img src="https://images.unsplash.com/photo-1615992174118-9b8e9be025e7?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" alt="Khóa Hubert" class="w-full h-64 object-cover"> | |
| <div class="discount-badge">-40%</div> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex items-center mb-2"> | |
| <img src="https://via.placeholder.com/100x30?text=Hubert" alt="Hubert" class="h-6"> | |
| </div> | |
| <h4 class="font-bold text-xl mb-2">Khóa thông minh Hubert</h4> | |
| <div class="flex items-center"> | |
| <span class="text-gray-500 line-through mr-3">5.490.000đ</span> | |
| <span class="text-orange-600 font-bold text-xl">3.294.000đ</span> | |
| </div> | |
| <button class="mt-4 w-full bg-orange-500 hover:bg-orange-600 text-white py-2 rounded transition duration-300 font-medium"> | |
| THÊM VÀO GIỎ | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Countdown Timer --> | |
| <section class="bg-orange-600 py-8 text-white"> | |
| <div class="container mx-auto px-4 text-center"> | |
| <h3 class="title-font text-2xl md:text-3xl font-bold mb-4">ƯU ĐÃI KẾT THÚC TRONG</h3> | |
| <div class="flex justify-center space-x-4 md:space-x-8"> | |
| <div class="bg-white text-orange-600 rounded-lg py-3 px-4 md:px-6 shadow-lg"> | |
| <div class="text-3xl md:text-4xl font-bold" id="days">00</div> | |
| <div class="text-sm md:text-base">NGÀY</div> | |
| </div> | |
| <div class="bg-white text-orange-600 rounded-lg py-3 px-4 md:px-6 shadow-lg"> | |
| <div class="text-3xl md:text-4xl font-bold" id="hours">00</div> | |
| <div class="text-sm md:text-base">GIỜ</div> | |
| </div> | |
| <div class="bg-white text-orange-600 rounded-lg py-3 px-4 md:px-6 shadow-lg"> | |
| <div class="text-3xl md:text-4xl font-bold" id="minutes">00</div> | |
| <div class="text-sm md:text-base">PHÚT</div> | |
| </div> | |
| <div class="bg-white text-orange-600 rounded-lg py-3 px-4 md:px-6 shadow-lg"> | |
| <div class="text-3xl md:text-4xl font-bold" id="seconds">00</div> | |
| <div class="text-sm md:text-base">GIÂY</div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CTA Section --> | |
| <section class="py-12 bg-white"> | |
| <div class="container mx-auto px-4 text-center"> | |
| <h2 class="title-font text-3xl md:text-4xl font-bold text-orange-600 mb-6">BẠN ĐÃ SẴN SÀNG MUA SẮM?</h2> | |
| <p class="text-xl text-gray-700 mb-8 max-w-3xl mx-auto">Không cần đợi đến Black Friday, ưu đãi tốt nhất năm đang chờ bạn!</p> | |
| <a href="#products" class="bg-orange-600 hover:bg-orange-700 text-white py-3 px-8 rounded-full font-bold text-lg transition duration-300 inline-block shadow-lg"> | |
| MUA NGAY | |
| </a> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-gray-800 text-white py-8"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex flex-col md:flex-row justify-between"> | |
| <div class="mb-6 md:mb-0"> | |
| <h3 class="title-font text-2xl font-bold mb-4">SUPER HOLIDAY SALE</h3> | |
| <p class="max-w-xs">Chương trình khuyến mãi đặc biệt với mức giảm giá cực sốc lên đến 53%.</p> | |
| </div> | |
| <div class="grid grid-cols-2 md:grid-cols-3 gap-8"> | |
| <div> | |
| <h4 class="font-bold text-lg mb-3">Sản phẩm</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="hover:text-orange-400 transition duration-200">Thiết bị bếp</a></li> | |
| <li><a href="#" class="hover:text-orange-400 transition duration-200">Phụ kiện âm tủ</a></li> | |
| <li><a href="#" class="hover:text-orange-400 transition duration-200">Khóa thông minh</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="font-bold text-lg mb-3">Thương hiệu</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="hover:text-orange-400 transition duration-200">Malloca</a></li> | |
| <li><a href="#" class="hover:text-orange-400 transition duration-200">Eurogold</a></li> | |
| <li><a href="#" class="hover:text-orange-400 transition duration-200">Grob</a></li> | |
| <li><a href="#" class="hover:text-orange-400 transition duration-200">Kassler</a></li> | |
| <li><a href="#" class="hover:text-orange-400 transition duration-200">Demax</a></li> | |
| <li><a href="#" class="hover:text-orange-400 transition duration-200">Hubert</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="font-bold text-lg mb-3">Thông tin</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="hover:text-orange-400 transition duration-200">Chính sách bảo hành</a></li> | |
| <li><a href="#" class="hover:text-orange-400 transition duration-200">Hướng dẫn đặt hàng</a></li> | |
| <li><a href="#" class="hover:text-orange-400 transition duration-200">Vận chuyển & lắp đặt</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400"> | |
| <p>© 2024 - 2025 SUPER HOLIDAY SALE. Chương trình kéo dài đến hết ngày 31/05/2025.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <!-- Countdown Timer Script --> | |
| <script> | |
| // Set the date we're counting down to (May 31, 2025) | |
| const countDownDate = new Date("May 31, 2025 23:59:59").getTime(); | |
| // Update the count down every 1 second | |
| const x = setInterval(function() { | |
| // Get today's date and time | |
| const now = new Date().getTime(); | |
| // Find the distance between now and the count down date | |
| const distance = countDownDate - now; | |
| // Time calculations for days, hours, minutes and seconds | |
| const days = Math.floor(distance / (1000 * 60 * 60 * 24)); | |
| const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); | |
| const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); | |
| const seconds = Math.floor((distance % (1000 * 60)) / 1000); | |
| // Output the result in elements with id="..." | |
| document.getElementById("days").innerHTML = days.toString().padStart(2, '0'); | |
| document.getElementById("hours").innerHTML = hours.toString().padStart(2, '0'); | |
| document.getElementById("minutes").innerHTML = minutes.toString().padStart(2, '0'); | |
| document.getElementById("seconds").innerHTML = seconds.toString().padStart(2, '0'); | |
| // If the count down is over, write some text | |
| if (distance < 0) { | |
| clearInterval(x); | |
| document.getElementById("days").innerHTML = "00"; | |
| document.getElementById("hours").innerHTML = "00"; | |
| document.getElementById("minutes").innerHTML = "00"; | |
| document.getElementById("seconds").innerHTML = "00"; | |
| } | |
| }, 1000); | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=bep40/superholidaysale" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |