| | <!DOCTYPE html> |
| | <html lang="en"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>Business Card | Your Company Name</title> |
| | <script src="https://cdn.tailwindcss.com"></script> |
| | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
| | <style> |
| | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); |
| | |
| | body { |
| | font-family: 'Poppins', sans-serif; |
| | scroll-behavior: smooth; |
| | } |
| | |
| | .card-gradient { |
| | background: linear-gradient(135deg, #3B82F6 0%, #6366F1 50%, #8B5CF6 100%); |
| | } |
| | |
| | .service-item:hover { |
| | transform: translateY(-5px); |
| | box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); |
| | } |
| | |
| | .animate-float { |
| | animation: float 6s ease-in-out infinite; |
| | } |
| | |
| | @keyframes float { |
| | 0% { transform: translateY(0px); } |
| | 50% { transform: translateY(-10px); } |
| | 100% { transform: translateY(0px); } |
| | } |
| | |
| | .nav-link { |
| | position: relative; |
| | } |
| | |
| | .nav-link::after { |
| | content: ''; |
| | position: absolute; |
| | width: 0; |
| | height: 2px; |
| | bottom: -2px; |
| | left: 0; |
| | background-color: #3B82F6; |
| | transition: width 0.3s ease; |
| | } |
| | |
| | .nav-link:hover::after { |
| | width: 100%; |
| | } |
| | |
| | .contact-card { |
| | transition: all 0.3s ease; |
| | } |
| | |
| | .contact-card:hover { |
| | transform: scale(1.03); |
| | } |
| | |
| | .pulse { |
| | animation: pulse 2s infinite; |
| | } |
| | |
| | @keyframes pulse { |
| | 0% { transform: scale(1); } |
| | 50% { transform: scale(1.05); } |
| | 100% { transform: scale(1); } |
| | } |
| | |
| | .flip-in { |
| | animation: flipIn 1s ease-out; |
| | } |
| | |
| | @keyframes flipIn { |
| | from { |
| | transform: rotateX(90deg); |
| | opacity: 0; |
| | } |
| | to { |
| | transform: rotateX(0deg); |
| | opacity: 1; |
| | } |
| | } |
| | </style> |
| | </head> |
| | <body class="bg-gray-50"> |
| | |
| | <header class="fixed w-full bg-white shadow-md z-50"> |
| | <div class="container mx-auto px-6 py-4"> |
| | <div class="flex items-center justify-between"> |
| | <div class="flex items-center"> |
| | <a href="#" class="text-2xl font-bold text-blue-600 flex items-center"> |
| | <i class="fas fa-briefcase mr-2"></i> BizCard |
| | </a> |
| | <span class="ml-2 text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded-full">Pro</span> |
| | </div> |
| | |
| | <div class="hidden md:flex items-center space-x-6"> |
| | <a href="#home" class="nav-link text-gray-700 hover:text-blue-600">Home</a> |
| | <a href="#about" class="nav-link text-gray-700 hover:text-blue-600">About</a> |
| | <a href="#services" class="nav-link text-gray-700 hover:text-blue-600">Services</a> |
| | <a href="#contact" class="nav-link text-gray-700 hover:text-blue-600">Contact</a> |
| | </div> |
| | |
| | <div class="md:hidden"> |
| | <button id="menu-toggle" class="text-gray-700 focus:outline-none"> |
| | <i class="fas fa-bars text-2xl"></i> |
| | </button> |
| | </div> |
| | </div> |
| | |
| | |
| | <div id="mobile-menu" class="hidden md:hidden mt-4"> |
| | <div class="flex flex-col space-y-4"> |
| | <a href="#home" class="nav-link text-gray-700 hover:text-blue-600">Home</a> |
| | <a href="#about", class="nav-link text-gray-700 hover:text-blue-600">About</a> |
| | <a href="#services", class="nav-link text-gray-700 hover:text-blue-600">Services</a> |
| | <a href="#contact", class="nav-link text-gray-700 hover:text-blue-600">Contact</a> |
| | </div> |
| | </div> |
| | </div> |
| | </header> |
| |
|
| | |
| | <section id="home" class="pt-32 pb-20"> |
| | <div class="container mx-auto px-6"> |
| | <div class="flex flex-col md:flex-row items-center"> |
| | <div class="md:w-1/2 mb-10 md:mb-0 md:pr-10 flip-in"> |
| | <h1 class="text-4xl md:text-5xl font-bold mb-6 leading-tight text-gray-800">Digital Kot Card</h1> |
| | <p class="text-xl mb-8 text-gray-600">Professional online presence that showcases your business 24/7 to potential clients.</p> |
| | <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> |
| | <a href="#contact" class="bg-blue-600 text-white px-8 py-3 rounded-lg font-semibold text-center hover:bg-blue-700 transition duration-300">Contact Us</a> |
| | <a href="#services" class="border-2 border-blue-600 text-blue-600 px-8 py-3 rounded-lg font-semibold text-center hover:bg-blue-50 transition duration-300">Our Services</a> |
| | </div> |
| | </div> |
| | <div class="md:w-1/2 flex justify-center"> |
| | <div class="card-gradient p-6 rounded-2xl shadow-xl animate-float max-w-md w-full"> |
| | <div class="bg-white rounded-lg overflow-hidden"> |
| | <div class="h-48 bg-blue-100 flex items-center justify-center"> |
| | <i class="fas fa-building text-6xl text-blue-600"></i> |
| | </div> |
| | <div class="p-6"> |
| | <h3 class="text-2xl font-bold text-gray-800 mb-2">Your Company</h3> |
| | <p class="text-gray-600 mb-4">Professional tagline that describes your business</p> |
| | <div class="flex space-x-4"> |
| | <a href="#" class="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center text-blue-600 hover:bg-blue-200 transition duration-300"> |
| | <i class="fab fa-whatsapp"></i> |
| | </a> |
| | <a href="#" class="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center text-blue-600 hover:bg-blue-200 transition duration-300"> |
| | <i class="fas fa-phone-alt"></i> |
| | </a> |
| | <a href="#" class="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center text-blue-600 hover:bg-blue-200 transition duration-300"> |
| | <i class="fas fa-envelope"></i> |
| | </a> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section id="about" class="py-20 bg-white"> |
| | <div class="container mx-auto px-6"> |
| | <div class="flex flex-col md:flex-row items-center"> |
| | <div class="md:w-1/2 mb-10 md:mb-0 md:pr-10"> |
| | <img src="https://cdn.pixabay.com/photo/2015/01/09/11/08/startup-594090_1280.jpg" alt="Our Business" class="rounded-lg shadow-xl w-full"> |
| | </div> |
| | <div class="md:w-1/2"> |
| | <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-6">About Our Business</h2> |
| | <p class="text-gray-600 mb-6">We are a dedicated team of professionals committed to delivering exceptional services to our clients. Founded in [Year], we've been serving the community with passion and expertise.</p> |
| | <p class="text-gray-600 mb-8">Our mission is to [brief mission statement]. We take pride in our work and strive to build lasting relationships with our clients.</p> |
| | |
| | <div class="space-y-4"> |
| | <div class="flex items-start"> |
| | <div class="flex-shrink-0 mt-1"> |
| | <div class="w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center"> |
| | <i class="fas fa-check text-blue-600"></i> |
| | </div> |
| | </div> |
| | <div class="ml-3"> |
| | <p class="text-gray-800 font-medium">[Number] years of combined experience</p> |
| | </div> |
| | </div> |
| | |
| | <div class="flex items-start"> |
| | <div class="flex-shrink-0 mt-1"> |
| | <div class="w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center"> |
| | <i class="fas fa-check text-blue-600"></i> |
| | </div> |
| | </div> |
| | <div class="ml-3"> |
| | <p class="text-gray-800 font-medium">[Number] satisfied clients</p> |
| | </div> |
| | </div> |
| | |
| | <div class="flex items-start"> |
| | <div class="flex-shrink-0 mt-1"> |
| | <div class="w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center"> |
| | <i class="fas fa-check text-blue-600"></i> |
| | </div> |
| | </div> |
| | <div class="ml-3"> |
| | <p class="text-gray-800 font-medium">Professional certifications and awards</p> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section id="services" class="py-20 bg-gray-50"> |
| | <div class="container mx-auto px-6"> |
| | <div class="text-center mb-16"> |
| | <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Our Professional Services</h2> |
| | <p class="text-xl text-gray-600 max-w-2xl mx-auto">Quality services tailored to meet your specific business needs.</p> |
| | </div> |
| | |
| | <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| | |
| | <div class="service-item bg-white p-8 rounded-xl shadow-md transition duration-300"> |
| | <div class="w-16 h-16 bg-blue-100 rounded-lg flex items-center justify-center mb-6"> |
| | <i class="fas fa-cogs text-3xl text-blue-600"></i> |
| | </div> |
| | <h3 class="text-xl font-bold text-gray-800 mb-3">Service One</h3> |
| | <p class="text-gray-600 mb-4">Detailed description of your first service offering and its benefits to clients.</p> |
| | <a href="#contact" class="text-blue-600 font-semibold flex items-center"> |
| | Learn more <i class="fas fa-arrow-right ml-2"></i> |
| | </a> |
| | </div> |
| | |
| | |
| | <div class="service-item bg-white p-8 rounded-xl shadow-md transition duration-300"> |
| | <div class="w-16 h-16 bg-blue-100 rounded-lg flex items-center justify-center mb-6"> |
| | <i class="fas fa-chart-pie text-3xl text-blue-600"></i> |
| | </div> |
| | <h3 class="text-xl font-bold text-gray-800 mb-3">Service Two</h3> |
| | <p class="text-gray-600 mb-4">Detailed description of your second service offering and its benefits to clients.</p> |
| | <a href="#contact" class="text-blue-600 font-semibold flex items-center"> |
| | Learn more <i class="fas fa-arrow-right ml-2"></i> |
| | </a> |
| | </div> |
| | |
| | |
| | <div class="service-item bg-white p-8 rounded-xl shadow-md transition duration-300"> |
| | <div class="w-16 h-16 bg-blue-100 rounded-lg flex items-center justify-center mb-6"> |
| | <i class="fas fa-lightbulb text-3xl text-blue-600"></i> |
| | </div> |
| | <h3 class="text-xl font-bold text-gray-800 mb-3">Service Three</h3> |
| | <p class="text-gray-600 mb-4">Detailed description of your third service offering and its benefits to clients.</p> |
| | <a href="#contact", class="text-blue-600 font-semibold flex items-center"> |
| | Learn more <i class="fas fa-arrow-right ml-2"></i> |
| | </a> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section class="py-16 bg-white"> |
| | <div class="container mx-auto px-6"> |
| | <div class="grid grid-cols-2 md:grid-cols-4 gap-6 text-center"> |
| | <div class="p-6 rounded-lg bg-gray-50"> |
| | <div class="text-4xl font-bold text-blue-600 mb-2 pulse">10+</div> |
| | <div class="text-gray-600">Years Experience</div> |
| | </div> |
| | <div class="p-6 rounded-lg bg-gray-50"> |
| | <div class="text-4xl font-bold text-blue-600 mb-2 pulse">200+</div> |
| | <div class="text-gray-600">Happy Clients</div> |
| | </div> |
| | <div class="p-6 rounded-lg bg-gray-50"> |
| | <div class="text-4xl font-bold text-blue-600 mb-2 pulse">24/7</div> |
| | <div class="text-gray-600">Support</div> |
| | </div> |
| | <div class="p-6 rounded-lg bg-gray-50"> |
| | <div class="text-4xl font-bold text-blue-600 mb-2 pulse">100%</div> |
| | <div class="text-gray-600">Satisfaction</div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section id="contact" class="py-20 bg-gray-50"> |
| | <div class="container mx-auto px-6"> |
| | <div class="text-center mb-16"> |
| | <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Get In Touch</h2> |
| | <p class="text-xl text-gray-600 max-w-2xl mx-auto">We'd love to hear from you. Contact us today to discuss your needs.</p> |
| | </div> |
| | |
| | <div class="flex flex-col md:flex-row"> |
| | <div class="md:w-1/2 mb-10 md:mb-0 md:pr-10"> |
| | <div class="grid grid-cols-1 gap-6"> |
| | |
| | <div class="contact-card bg-white p-6 rounded-xl shadow-sm"> |
| | <div class="flex items-center"> |
| | <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mr-4"> |
| | <i class="fas fa-map-marker-alt text-blue-600"></i> |
| | </div> |
| | <div> |
| | <h4 class="font-bold text-gray-800">Our Location</h4> |
| | <p class="text-gray-600">123 Business Street, City, Country</p> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | |
| | <div class="contact-card bg-white p-6 rounded-xl shadow-sm"> |
| | <div class="flex items-center"> |
| | <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mr-4"> |
| | <i class="fas fa-phone-alt text-blue-600"></i> |
| | </div> |
| | <div> |
| | <h4 class="font-bold text-gray-800">Phone</h4> |
| | <p class="text-gray-600">+123 456 7890</p> |
| | <p class="text-gray-600">+123 456 7891</p> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | |
| | <div class="contact-card bg-white p-6 rounded-xl shadow-sm"> |
| | <div class="flex items-center"> |
| | <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mr-4"> |
| | <i class="fas fa-envelope text-blue-600"></i> |
| | </div> |
| | <div> |
| | <h4 class="font-bold text-gray-800">Email</h4> |
| | <p class="text-gray-600">info@yourbusiness.com</p> |
| | <p class="text-gray-600">support@yourbusiness.com</p> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | |
| | <div class="contact-card bg-white p-6 rounded-xl shadow-sm"> |
| | <div class="flex items-center"> |
| | <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mr-4"> |
| | <i class="fas fa-clock text-blue-600"></i> |
| | </div> |
| | <div> |
| | <h4 class="font-bold text-gray-800">Working Hours</h4> |
| | <p class="text-gray-600">Monday - Friday: 9AM - 6PM</p> |
| | <p class="text-gray-600">Saturday: 9AM - 1PM</p> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | <div class="mt-10"> |
| | <h4 class="font-bold text-gray-800 mb-4">Follow Us</h4> |
| | <div class="flex space-x-4"> |
| | <a href="#" class="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center text-blue-600 hover:bg-blue-200 transition duration-300"> |
| | <i class="fab fa-facebook-f"></i> |
| | </a> |
| | <a href="#" class="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center text-blue-600 hover:bg-blue-200 transition duration-300"> |
| | <i class="fab fa-twitter"></i> |
| | </a> |
| | <a href="#" class="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center text-blue-600 hover:bg-blue-200 transition duration-300"> |
| | <i class="fab fa-linkedin-in"></i> |
| | </a> |
| | <a href="#" class="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center text-blue-600 hover:bg-blue-200 transition duration-300"> |
| | <i class="fab fa-instagram"></i> |
| | </a> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | <div class="md:w-1/2"> |
| | <form class="bg-white p-8 rounded-xl shadow-sm"> |
| | <div class="mb-6"> |
| | <label for="name" class="block text-gray-700 font-medium mb-2">Your Name</label> |
| | <input type="text" id="name" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" placeholder="John Doe"> |
| | </div> |
| | |
| | <div class="mb-6"> |
| | <label for="email" class="block text-gray-700 font-medium mb-2">Email Address</label> |
| | <input type="email" id="email" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" placeholder="john@example.com"> |
| | </div> |
| | |
| | <div class="mb-6"> |
| | <label for="phone" class="block text-gray-700 font-medium mb-2">Phone Number</label> |
| | <input type="tel" id="phone" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" placeholder="+123 456 7890"> |
| | </div> |
| | |
| | <div class="mb-6"> |
| | <label for="subject" class="block text-gray-700 font-medium mb-2">Subject</label> |
| | <input type="text" id="subject" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" placeholder="How can we help?"> |
| | </div> |
| | |
| | <div class="mb-6"> |
| | <label for="message" class="block text-gray-700 font-medium mb-2">Your Message</label> |
| | <textarea id="message" rows="4" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" placeholder="Tell us about your needs..."></textarea> |
| | </div> |
| | |
| | <button type="submit" class="w-full bg-blue-600 text-white px-6 py-3 rounded-lg font-semibold hover:bg-blue-700 transition duration-300"> |
| | <i class="fas fa-paper-plane mr-2"></i> Send Message |
| | </button> |
| | </form> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <div class="h-96 w-full"> |
| | <iframe |
| | src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3022.2155732918656!2d-73.98784492426618!3d40.74844097138999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c259a9b3117469%3A0xd134e199a405a163!2sEmpire%20State%20Building!5e0!3m2!1sen!2sus!4v1689877225834!5m2!1sen!2sus" |
| | width="100%" |
| | height="100%" |
| | style="border:0;" |
| | allowfullscreen="" |
| | loading="lazy"> |
| | </iframe> |
| | </div> |
| |
|
| | |
| | <footer class="bg-gray-900 text-white py-12"> |
| | <div class="container mx-auto px-6"> |
| | <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| | <div> |
| | <h3 class="text-xl font-bold mb-4 flex items-center"> |
| | <i class="fas fa-briefcase mr-2"></i> BizCard |
| | </h3> |
| | <p class="text-gray-400 mb-4">Professional business card website showcasing your services and contact information.</p> |
| | <div class="flex space-x-4"> |
| | <a href="#" class="text-gray-400 hover:text-white transition duration-300"> |
| | <i class="fab fa-facebook-f"></i> |
| | </a> |
| | <a href="#" class="text-gray-400 hover:text-white transition duration-300"> |
| | <i class="fab fa-twitter"></i> |
| | </a> |
| | <a href="#" class="text-gray-400 hover:text-white transition duration-300"> |
| | <i class="fab fa-linkedin-in"></i> |
| | </a> |
| | </div> |
| | </div> |
| | |
| | <div> |
| | <h4 class="text-lg font-semibold mb-4">Quick Links</h4> |
| | <ul class="space-y-2"> |
| | <li><a href="#home" class="text-gray-400 hover:text-white transition duration-300">Home</a></li> |
| | <li><a href="#about" class="text-gray-400 hover:text-white transition duration-300">About</a></li> |
| | <li><a href="#services" class="text-gray-400 hover:text-white transition duration-300">Services</a></li> |
| | <li><a href="#contact" class="text-gray-400 hover:text-white transition duration-300">Contact</a></li> |
| | </ul> |
| | </div> |
| | |
| | <div> |
| | <h4 class="text-lg font-semibold mb-4">Contact Info</h4> |
| | <ul class="space-y-2"> |
| | <li class="flex items-start"> |
| | <i class="fas fa-map-marker-alt mt-1 mr-2 text-gray-400"></i> |
| | <span class="text-gray-400">123 Business Street, City, Country</span> |
| | </li> |
| | <li class="flex items-start"> |
| | <i class="fas fa-phone-alt mt-1 mr-2 text-gray-400"></i> |
| | <span class="text-gray-400">+123 456 7890</span> |
| | </li> |
| | <li class="flex items-start"> |
| | <i class="fas fa-envelope mt-1 mr-2 text-gray-400"></i> |
| | <span class="text-gray-400">info@yourbusiness.com</span> |
| | </li> |
| | </ul> |
| | </div> |
| | </div> |
| | |
| | <div class="border-t border-gray-800 mt-12 pt-8 text-center"> |
| | <p class="text-gray-400">© 2023 Your Business Name. All rights reserved.</p> |
| | </div> |
| | </div> |
| | </footer> |
| |
|
| | <script> |
| | |
| | document.getElementById('menu-toggle').addEventListener('click', function() { |
| | const mobileMenu = document.getElementById('mobile-menu'); |
| | mobileMenu.classList.toggle('hidden'); |
| | }); |
| | |
| | |
| | document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
| | anchor.addEventListener('click', function (e) { |
| | e.preventDefault(); |
| | |
| | const targetId = this.getAttribute('href'); |
| | const targetElement = document.querySelector(targetId); |
| | |
| | if (targetElement) { |
| | window.scrollTo({ |
| | top: targetElement.offsetTop - 100, |
| | behavior: 'smooth' |
| | }); |
| | |
| | |
| | const mobileMenu = document.getElementById('mobile-menu'); |
| | mobileMenu.classList.add('hidden'); |
| | } |
| | }); |
| | }); |
| | |
| | |
| | const contactForm = document.querySelector('form'); |
| | if (contactForm) { |
| | contactForm.addEventListener('submit', function(e) { |
| | e.preventDefault(); |
| | alert('Thank you for your message! We will contact you soon.'); |
| | this.reset(); |
| | }); |
| | } |
| | </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=cybersynn/web3c" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| | </html> |
