<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Waqar Hacker | Cybersecurity Expert</title> <style> :root { --bg-color: #0d0d0d; --card-bg: #1a1a1a; --text-main: #f4f4f4; --accent-green: #00ffcc; --accent-hover: #00ccaa; } body { margin: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: var(--bg-color); color: var(--text-main); line-height: 1.6; } h1, h2, h3 { color: var(--accent-green); } .container { width: 90%; max-width: 1200px; margin: auto; padding: 20px 0; } /* Hero Section */ .hero { text-align: center; padding: 100px 20px; border-bottom: 1px solid #333; } .hero h1 { font-size: 3rem; margin-bottom: 10px; } .hero p { font-size: 1.2rem; max-width: 600px; margin: 0 auto 30px auto; color: #aaa; } /* Buttons */ .btn { display: inline-block; background: var(--accent-green); color: #000; padding: 15px 30px; text-decoration: none; font-weight: bold; border-radius: 5px; transition: 0.3s; font-size: 1.1rem; border: none; cursor: pointer; } .btn:hover { background: var(--accent-hover); box-shadow: 0 0 15px var(--accent-green); } /* Grid Sections */ .section-title { text-align: center; margin: 50px 0 30px; font-size: 2.5rem; } .grid { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; } .card { background: var(--card-bg); padding: 30px; border-radius: 8px; width: 30%; min-width: 280px; border: 1px solid #333; transition: transform 0.3s; } .card:hover { transform: translateY(-5px); border-color: var(--accent-green); } .card h3 { margin-top: 0; } /* Footer & CTA */ .cta-footer { text-align: center; background: #111; padding: 60px 20px; margin-top: 50px; border-top: 2px solid var(--accent-green); } .cta-footer h2 { font-size: 2rem; color: #fff; margin-bottom: 20px; } .contact-info { margin-top: 30px; font-size: 1.2rem; } .contact-info a { color: var(--accent-green); text-decoration: none; font-weight: bold; } /* Contact Form Styles */ .contact-form { max-width: 500px; margin: 40px auto 20px; display: flex; flex-direction: column; gap: 15px; text-align: left; } .contact-form input, .contact-form textarea { width: 100%; padding: 15px; background: #1a1a1a; border: 1px solid #333; color: #fff; border-radius: 5px; font-family: inherit; font-size: 1rem; box-sizing: border-box; transition: border-color 0.3s; } .contact-form input:focus, .contact-form textarea:focus { outline: none; border-color: var(--accent-green); box-shadow: 0 0 5px rgba(0, 255, 204, 0.3); } </style> </head> <body> <!-- Hero Section --> <header class="hero"> <div class="container"> <h1>Waqar Hacker</h1> <p>Your trusted expert in Ethical Hacking, Penetration Testing, and Premium Cybersecurity Solutions.</p> </div> </header> <!-- Tools Showcase --> <section class="container"> <h2 class="section-title">Security & Hacking Tools</h2> <div class="grid"> <div class="card"> <h3>Network Scanners</h3> <p>Advanced mapping tools to identify vulnerabilities within your infrastructure before attackers do.</p> </div> <div class="card"> <h3>Encryption Suites</h3> <p>Military-grade data protection tools to ensure your sensitive information remains unreadable to unauthorized eyes.</p> </div> <div class="card"> <h3>Threat Monitors</h3> <p>Real-time traffic analysis tools that detect and block suspicious activities instantly.</p> </div> </div> </section> <!-- Services Section --> <section class="container"> <h2 class="section-title">Professional IT Services</h2> <div class="grid"> <div class="card"> <h3>Penetration Testing</h3> <p>We simulate real-world cyberattacks on your systems to find and fix weak points effectively.</p> </div> <div class="card"> <h3>Vulnerability Assessment</h3> <p>Comprehensive audits of your digital assets to ensure compliance and maximum security.</p> </div> <div class="card"> <h3>Managed IT Support</h3> <p>Secure, reliable, and optimized IT infrastructure management tailored for your business needs.</p> </div> </div> </section> <!-- Footer & CTA --> <footer class="cta-footer"> <div class="container"> <h2>Don't Wait for a Breach. Secure Your Systems Today.</h2> <p style="color: #aaa;">Drop us a message or call directly for immediate assistance.</p> <!-- Working Contact Form --> <form action="https://formsubmit.co/lahoreuni53@gmail.com" method="POST" class="contact-form"> <!-- Disable Captcha (Optional, keeps it clean) --> <input type="hidden" name="_captcha" value="false"> <!-- Success page redirect (Optional: you can put your website URL here later) --> <input type="hidden" name="_next" value="https://waqarhacker.com/thanks.html"> <input type="text" name="name" placeholder="Your Name" required> <input type="email" name="email" placeholder="Your Email Address" required> <input type="text" name="subject" placeholder="Subject / Service Needed" required> <textarea name="message" rows="5" placeholder="How can we help you?" required></textarea> <button type="submit" class="btn">Send Message</button> </form> <div class="contact-info"> <p>📞 Helpline: <a href="tel:03194802473">03194802473</a></p> <p>✉️ Email: <a href="mailto:lahoreuni53@gmail.com">lahoreuni53@gmail.com</a></p> </div> </div> </footer> </body> </html>