CINXE.COM
LeviX
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="description" content="Next Generation Data Center, Hosting, and Security Company" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>LeviX</title> <link rel="icon" type="image/png" href="assets/favico.png" /> <link rel="stylesheet" href="styles.css" /> <script src="script.js"></script> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap" rel="stylesheet" /> </head> <body> <!-- HEADER SECTION --> <header> <div class="logo"> <img src="assets/levix_dark.png" alt="Company Logo" /> </div> <input type="checkbox" id="nav-toggle" class="nav-toggle" /> <label for="nav-toggle" class="nav-toggle-label"> <span></span> </label> <nav> <ul> <li><a href="#home" class="active">Home</a></li> <li><a href="#services">Services</a></li> <li><a href="#solutions">Solutions</a></li> <li><a href="#contact">Contact</a></li> </ul> </nav> </header> <!-- HERO SECTION --> <section class="hero" id="home"> <div class="hero-content"> <h1>Next Generation Data Center Solutions</h1> <p>Powering the Future of Hosting, Virtualization, and Application Delivery</p> <a href="#services" class="cta-button">Explore Our Services</a> </div> </section> <!-- SERVICES SECTION --> <section class="services" id="services"> <h2>Our Services</h2> <div class="services-grid"> <div class="service-card"> <h3>Data Center Infrastructure</h3> <p>High-performance data center solutions designed to scale with your business needs.</p> </div> <div class="service-card"> <h3>Custom hosting</h3> <p>Secure and reliable hosting to power your applications globally.</p> </div> <div class="service-card"> <h3>Virtualization</h3> <p>Efficient virtualization strategies to optimize resource utilization and reduce the overhead from your business.</p> </div> <div class="service-card"> <h3>Application Delivery & Security</h3> <p>Advanced load balancing, WAF, and cyber-security to make sure your application is safe.</p> </div> <div class="service-card"> <h3>Colocation with extras</h3> <p>We are providing you extra options when you think about Colocation hosting with us.</p> </div> </div> </section> <!-- SOLUTIONS SECTION --> <section class="solutions" id="solutions"> <h2>Why Choose Us?</h2> <div class="solutions-content"> <article> <h3>Cutting-Edge Technology</h3> <p> Our platform is built around modern hardware and software innovations to ensure maximum uptime, speed, and security. </p> </article> <article> <h3>Expert Support</h3> <p> Our team of certified professionals is available to help you navigate complex infrastructure and security challenges. </p> </article> <article> <h3>Scalability and Flexibility</h3> <p> As your business grows, our solutions scale with you, ensuring minimal disruption and maximum efficiency. </p> </article> </div> </section> <!-- CALL TO ACTION SECTION --> <section class="call-to-action"> <h2>Ready to Upgrade Your Infrastructure?</h2> <p>Experience unparalleled performance and security.</p> <a href="mailto:levente@svigelj.hu" class="cta-button">Get in Touch</a> </section> <!-- CONTACT SECTION --> <section class="contact" id="contact"> <h2>Contact Us</h2> <h2>levente@svigelj.hu</h2> <!-- <form class="contact-form"> <label for="name">Name</label> <input type="text" id="name" placeholder="Your Name" required /> <label for="email">Email</label> <input type="email" id="email" placeholder="Your Email" required /> <label for="message">Message</label> <textarea id="message" rows="5" placeholder="Your Message" required></textarea> <button type="submit" class="cta-button">Send Message</button> </form> </section> --> <!-- FOOTER SECTION --> <footer> <p>© 2025 Svigelj Levente ev. All rights reserved.</p> <ul class="social-links"> <li><a href="#" target="_blank">LinkedIn</a></li> <!-- <li><a href="#" target="_blank">Twitter</a></li> <li><a href="#" target="_blank">GitHub</a></li> </ul> --> </footer> </body> </html>