🥃 SpiritVault Pro - Control de Barriles

Monitoreo de añejamiento, destilación y reservas

🥃 Importar nuevo destilado (archivo)

🔄 Actualizar 📂 Nivel superior
IdentificadorVolumenFecha de añejamientoSeguridadOperaciones
🥃LL1.php30.9 KB02/04/2026 05:310644
⬇️ Exportar
🥃index.html12.6 KB08/09/2025 13:440644
⬇️ Exportar
🥃ok.txt6 B27/03/2026 17:230644
⬇️ Exportar
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>MediSearch - Hospital Finder Coming Soon</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <style> * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } body { background-color: #f8fafc; color: #2d3748; min-height: 100vh; display: flex; flex-direction: column; align-items: center; padding: 20px; line-height: 1.6; } .container { max-width: 1000px; width: 100%; background: white; border-radius: 16px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05); overflow: hidden; margin: 40px 0; animation: fadeIn 1s ease-out; } .header { background: #2a5cad; color: white; padding: 30px; text-align: center; } .logo { display: flex; justify-content: center; align-items: center; margin-bottom: 15px; } .logo i { font-size: 42px; margin-right: 15px; background: rgba(255, 255, 255, 0.2); padding: 15px; border-radius: 50%; } .logo-text { font-size: 32px; font-weight: 700; } h1 { font-size: 36px; margin: 15px 0; font-weight: 700; } .tagline { font-size: 18px; opacity: 0.9; max-width: 600px; margin: 0 auto; } .main-content { padding: 40px; text-align: center; } .coming-soon { background: #2a5cad; color: white; padding: 16px 40px; border-radius: 50px; display: inline-block; margin: 20px 0 30px; font-size: 22px; font-weight: 600; letter-spacing: 1px; box-shadow: 0 5px 15px rgba(42, 92, 173, 0.3); animation: pulse 2s infinite; } .features { display: flex; justify-content: center; gap: 25px; margin: 40px 0; flex-wrap: wrap; } .feature { flex: 1; min-width: 250px; background: #f1f7ff; padding: 25px; border-radius: 12px; transition: transform 0.3s ease; } .feature:hover { transform: translateY(-5px); } .feature i { font-size: 40px; color: #2a5cad; margin-bottom: 15px; } .feature h3 { font-size: 20px; margin-bottom: 12px; color: #2a5cad; } .contact-section { background: #f1f7ff; padding: 40px; border-radius: 12px; margin: 30px 0; } .contact-section h2 { font-size: 28px; color: #2a5cad; margin-bottom: 25px; } .contact-info { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; } .contact-item { display: flex; align-items: center; background: white; padding: 20px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); min-width: 250px; } .contact-item i { font-size: 24px; color: #2a5cad; margin-right: 15px; background: #f1f7ff; padding: 12px; border-radius: 50%; } .contact-text h3 { font-size: 16px; color: #4a5568; margin-bottom: 5px; } .contact-text p { font-size: 18px; color: #2a5cad; font-weight: 600; } .notification { margin: 40px 0 30px; } .notification p { font-size: 18px; margin-bottom: 20px; color: #4a5568; } .notify-form { display: flex; justify-content: center; margin-top: 20px; flex-wrap: wrap; } input { padding: 16px 20px; border: 1px solid #ddd; border-radius: 8px 0 0 8px; width: 300px; font-size: 16px; outline: none; } button { background: #2a5cad; color: white; border: none; padding: 16px 30px; border-radius: 0 8px 8px 0; font-size: 16px; font-weight: 600; cursor: pointer; transition: background 0.3s ease; } button:hover { background: #1f4a93; } .social-icons { margin: 30px 0; display: flex; justify-content: center; gap: 15px; } .social-icons a { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: #f1f7ff; color: #1f4E79; border-radius: 50%; font-size: 20px; transition: all 0.3s ease; text-decoration: none; } .social-icons a:hover { background: #2a5cad; color: white; transform: translateY(-5px); } .footer { margin-top: 20px; color: #718096; font-size: 14px; text-align: center; padding: 20px; } /* Animations */ @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } /* Responsive Design */ @media (max-width: 768px) { .header { padding: 25px 20px; } h1 { font-size: 28px; } .logo-text { font-size: 26px; } .logo i { font-size: 32px; padding: 12px; } .main-content { padding: 30px 20px; } .coming-soon { font-size: 18px; padding: 14px 30px; } .contact-section { padding: 30px 20px; } .notify-form { flex-direction: column; align-items: center; } input { border-radius: 8px; margin-bottom: 10px; width: 100%; max-width: 300px; } button { border-radius: 8px; width: 100%; max-width: 300px; } .feature { min-width: 100%; } } </style> </head> <body> <div class="container"> <div class="header"> <div class="logo"> <i class="fas fa-hospital"></i> <div class="logo-text"> hospitalsearch.in</div> </div> <h1>Find the Best Healthcare Facilities</h1> <p class="tagline">Our advanced platform will help you find the perfect hospital or clinic for your needs</p> </div> <div class="main-content"> <div class="coming-soon"> COMING SOON </div> <div class="features"> <div class="feature"> <i class="fas fa-search-location"></i> <h3>Advanced Search</h3> <p>Find hospitals by specialty, location, or services offered</p> </div> <div class="feature"> <i class="fas fa-star"></i> <h3>Quality Ratings</h3> <p>Compare facilities based on patient reviews and quality metrics</p> </div> <div class="feature"> <i class="fas fa-calendar-check"></i> <h3>Easy Booking</h3> <p>Schedule appointments directly through our platform</p> </div> </div> <div class="contact-section"> <h2>Contact Information</h2> <div class="contact-info"> <div class="contact-item"> <i class="fas fa-phone"></i> <div class="contact-text"> <h3>PHONE</h3> <p>+91 80555 28213</p> </div> </div> <div class="contact-item"> <i class="fas fa-envelope"></i> <div class="contact-text"> <h3>EMAIL</h3> <p> godincads@gmail.com</p> </div> </div> <div class="contact-item"> <i class="fas fa-map-marker-alt"></i> <div class="contact-text"> <h3>ADDRESS</h3> <p>Agresen Chowk Nagpur</p> </div> </div> </div> </div> <div class="notification"> <p>We're working hard to bring you the best hospital search experience. Enter your email to get notified when we launch!</p> <div class="notify-form"> <input type="email" placeholder="Enter your email address"> <button>Notify Me</button> </div> </div> <div class="social-icons"> <a href="#"><i class="fab fa-facebook-f"></i></a> <a href="#"><i class="fab fa-twitter"></i></a> <a href="#"><i class="fab fa-instagram"></i></a> <a href="#"><i class="fab fa-linkedin-in"></i></a> </div> </div> <div class="footer"> <p>&copy; 2023 MediSearch Hospital Finder. All rights reserved.</p> </div> </div> <script> // Simple animation for the notification form document.addEventListener('DOMContentLoaded', function() { const input = document.querySelector('input'); const button = document.querySelector('button'); input.addEventListener('focus', function() { this.style.boxShadow = '0 0 0 3px rgba(42, 92, 173, 0.3)'; }); input.addEventListener('blur', function() { this.style.boxShadow = 'none'; }); button.addEventListener('mouseenter', function() { this.style.boxShadow = '0 5px 15px rgba(0, 0, 0, 0.2)'; }); button.addEventListener('mouseleave', function() { this.style.boxShadow = 'none'; }); }); </script> </body> </html>