File manager

File manager - Edit - /home/easyfsul/needlove.gay/index.html

Back
<!DOCTYPE html> <html lang="en"> <head> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-XKVZ6P4NQE"></script> <script> window.dataLayer = window.dataLayer \|\| []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-XKVZ6P4NQE'); </script> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <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;900&family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet"> <link rel="shortcut icon" href="./favicon.ico"> <title>Claim Your Confidence - Premium Dating for Gay Men</title> <meta name="description" content="You deserve better. Find authentic connections with people who appreciate the real you. Join thousands of confident men finding meaningful relationships."> <meta name="robots" content="index, follow"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="keywords" content="dating, gay men, LGBTQ+, connections, premium dating, authentic relationships, confidence"> <meta name="theme-color" content="#0A0E27"> <style> * { margin: 0; padding: 0; box-sizing: border-box; } html, body { font-family: 'Poppins', sans-serif; margin: 0; padding: 0; background: #0A0E27; color: #FFFFFF; overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; font-weight: 900; letter-spacing: -0.02em; } /* Desktop Hero Section with Image / #desktop { display: block; position: relative; width: 100vw; height: 100vh; overflow: hidden; } #desktop-imagebox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; background: linear-gradient(135deg, rgba(0, 217, 255, 0.1) 0%, rgba(255, 0, 110, 0.1) 100%); } #desktop-imagebox img { width: 100%; height: 100%; object-fit: cover; object-position: center; } #desktop-imagebox::after { width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; content: ""; display: block; position: absolute; background: linear-gradient(135deg, rgba(10, 14, 39, 0.4) 0%, rgba(10, 14, 39, 0.7) 100%); z-index: 1; } / Desktop Text / .desktop-text { position: absolute; z-index: 10; top: 30%; left: 8%; text-align: left; max-width: 550px; } .desktop-text h1 { font-size: 75px; color: #FFFFFF; margin-top: 0; padding-bottom: 20px; margin-bottom: 0; line-height: 1.1; font-weight: 900; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); } .desktop-text h1 .gradient-text { background: linear-gradient(135deg, #00D9FF 0%, #FF006E 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .desktop-text p { font-size: 18px; color: #E0E0E0; font-weight: 300; line-height: 1.6; margin: 20px 0; text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); } .line { width: 100px; height: 4px; background: linear-gradient(90deg, #FF006E 0%, #00D9FF 100%); border-radius: 100px; margin: 20px 0; } .benefits-list { display: flex; flex-direction: column; gap: 16px; padding: 20px 0; } .benefit-item { display: flex; gap: 12px; align-items: flex-start; font-size: 14px; color: #E0E0E0; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .benefit-item strong { color: #FFFFFF; font-weight: 700; } .benefit-icon { width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; font-size: 10px; color: #FFFFFF; } .benefit-icon.accent { background: #FF006E; } .benefit-icon.secondary { background: #00D9FF; } .benefit-icon.muted { background: #39FF14; } button, a button { background: linear-gradient(135deg, #00D9FF 0%, #FF006E 100%); border: 2px solid #00D9FF; color: #FFFFFF; font-size: 18px; font-weight: 900; text-transform: uppercase; border-radius: 12px; cursor: pointer; font-family: 'Montserrat', sans-serif; outline: none; transition: all 0.3s ease; box-shadow: 0 0 20px rgba(0, 217, 255, 0.4), 0 0 40px rgba(255, 0, 110, 0.2); animation: pulse-glow 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; padding: 16px 32px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; } @keyframes pulse-glow { 0%, 100% { box-shadow: 0 0 10px rgba(255, 0, 110, 0.6), 0 0 20px rgba(0, 217, 255, 0.4); } 50% { box-shadow: 0 0 20px rgba(255, 0, 110, 0.8), 0 0 30px rgba(0, 217, 255, 0.6); } } button:hover, a button:hover { transform: translateY(-2px); box-shadow: 0 0 30px rgba(0, 217, 255, 0.6), 0 0 50px rgba(255, 0, 110, 0.3); } a { text-decoration: none; } .cta-subtext { font-size: 12px; color: #B0B0B0; margin-top: 12px; font-weight: 500; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } / Mobile Layout / #mobile { display: none; position: relative; width: 100vw; min-height: 100vh; overflow: hidden; } #mobile-imagebox { width: 100%; height: 100vh; position: fixed; left: 0; top: 0; z-index: 0; background-size: cover; background-position: center; background-repeat: no-repeat; } #mobile-imagebox::after { width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; content: ""; display: block; position: fixed; background: linear-gradient(180deg, rgba(10, 14, 39, 0.2) 0%, rgba(10, 14, 39, 0.9) 100%); z-index: 1; } .mobile-text { position: relative; z-index: 10; min-height: 100vh; display: flex; flex-direction: column; justify-content: flex-end; padding: 40px 20px 60px; text-align: center; } #mobile h1 { font-size: 50px; color: #FFFFFF; margin-bottom: 15px; line-height: 1.1; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); } #mobile h1 .gradient-text { background: linear-gradient(135deg, #00D9FF 0%, #FF006E 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } #mobile p { text-align: center; font-size: 16px; padding-bottom: 0; color: #E0E0E0; font-weight: 300; margin: 15px 0; text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); } #mobile .line { margin: 15px auto; } #mobile button { width: 100%; height: 50px; margin-top: 15px; } / Trust Section / .trust-section { background: rgba(26, 31, 58, 0.5); padding: 80px 20px; position: relative; z-index: 10; clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%); } .trust-container { max-width: 1200px; margin: 0 auto; } .section-title { font-size: clamp(32px, 6vw, 48px); text-align: center; margin-bottom: 64px; text-shadow: 0 0 20px rgba(0, 217, 255, 0.4), 0 0 40px rgba(255, 0, 110, 0.2); } .trust-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 32px; } .trust-card { text-align: center; padding: 32px; background: rgba(26, 31, 58, 0.8); border: 1px solid rgba(57, 255, 20, 0.3); border-radius: 12px; transition: all 0.3s ease; } .trust-card:hover { border-color: rgba(57, 255, 20, 0.6); box-shadow: 0 0 20px rgba(57, 255, 20, 0.2); } .trust-stat { font-size: 48px; font-weight: 900; margin-bottom: 12px; background: linear-gradient(135deg, #FF006E 0%, #00D9FF 50%, #39FF14 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .trust-label { font-size: 16px; color: #B0B0B0; font-weight: 600; } / Why Choose Section / .why-choose-section { padding: 80px 20px; position: relative; z-index: 10; } .why-choose-container { max-width: 1000px; margin: 0 auto; } .why-choose-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 32px; } .why-choose-card { padding: 32px; background: rgba(26, 31, 58, 0.6); border: 1px solid rgba(255, 0, 110, 0.2); border-radius: 12px; transition: all 0.3s ease; } .why-choose-card:hover { border-color: rgba(255, 0, 110, 0.5); background: rgba(26, 31, 58, 0.8); } .why-choose-title { font-size: 20px; font-weight: 900; color: #FF006E; margin-bottom: 12px; } .why-choose-desc { font-size: 15px; color: #B0B0B0; line-height: 1.6; } / Testimonials Section / .testimonials-section { background: rgba(26, 31, 58, 0.5); padding: 80px 20px; position: relative; z-index: 10; } .testimonials-container { max-width: 1200px; margin: 0 auto; } .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 32px; } .testimonial-card { padding: 32px; background: rgba(26, 31, 58, 0.8); border-left: 4px solid; border-radius: 8px; transition: all 0.3s ease; } .testimonial-card:nth-child(1) { border-left-color: #FF006E; } .testimonial-card:nth-child(2) { border-left-color: #00D9FF; } .testimonial-card:nth-child(3) { border-left-color: #39FF14; } .testimonial-card:hover { transform: translateY(-4px); box-shadow: 0 10px 30px rgba(0, 217, 255, 0.1); } .testimonial-quote { font-size: 16px; color: #D0D0D0; font-style: italic; margin-bottom: 16px; line-height: 1.6; } .testimonial-author { font-weight: 700; color: #FF006E; font-size: 14px; } / Final CTA Section / .final-cta-section { padding: 80px 20px; text-align: center; position: relative; z-index: 10; } .final-cta-container { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: 32px; } .final-cta-headline { font-size: clamp(40px, 6vw, 64px); text-shadow: 0 0 20px rgba(0, 217, 255, 0.4), 0 0 40px rgba(255, 0, 110, 0.2); } .final-cta-subtext { font-size: 18px; color: #B0B0B0; line-height: 1.6; } .final-cta-button { align-self: center; } .footer-text { font-size: 12px; color: #606060; margin-top: 16px; } / Footer / footer { background: rgba(10, 14, 39, 0.8); border-top: 1px solid rgba(0, 217, 255, 0.2); padding: 40px 20px; position: relative; z-index: 10; } .footer-container { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; } .footer-section h3 { font-size: 16px; margin-bottom: 16px; color: #00D9FF; } .footer-section p, .footer-section a { font-size: 14px; color: #B0B0B0; line-height: 1.8; text-decoration: none; transition: color 0.3s ease; } .footer-section a:hover { color: #FF006E; } .footer-bottom { text-align: center; padding-top: 40px; margin-top: 40px; border-top: 1px solid rgba(0, 217, 255, 0.1); font-size: 12px; color: #606060; } / Responsive Design / @media (max-width: 1024px) { #desktop { display: none; } #mobile { display: block !important; } .trust-grid { grid-template-columns: 1fr; } .why-choose-grid { grid-template-columns: 1fr; } .testimonials-grid { grid-template-columns: 1fr; } } @media (max-width: 900px) { #mobile h1 { font-size: 45px !important; } .mobile-text p { font-size: 16px; } .mobile-text { padding: 30px 20px 50px; } .section-title { font-size: 32px; margin-bottom: 40px; } .trust-card, .why-choose-card, .testimonial-card { padding: 24px; } .footer-container { grid-template-columns: 1fr; gap: 30px; } } @media (max-width: 560px) { #mobile h1 { font-size: 36px !important; } .mobile-text p { font-size: 14px; } button { font-size: 14px; padding: 12px 24px; } .mobile-text { padding: 20px 20px 40px; } .section-title { font-size: 28px; margin-bottom: 30px; } .trust-stat { font-size: 36px; } .trust-label, .why-choose-title { font-size: 14px; } .why-choose-desc, .testimonial-quote { font-size: 13px; } .final-cta-headline { font-size: 40px; } .final-cta-subtext { font-size: 14px; } .footer-section h3 { font-size: 14px; } .footer-section p, .footer-section a { font-size: 12px; } } / Desktop responsive */ @media (max-width: 1400px) { .desktop-text h1 { font-size: 60px; } .desktop-text p { font-size: 16px; } button { width: 280px; height: 50px; } } @media (max-width: 1200px) { .desktop-text { left: 5%; } .desktop-text h1 { font-size: 50px; } .desktop-text p { font-size: 14px; } button { width: 250px; height: 48px; font-size: 16px; } } </style> </head> <body> <!-- Desktop Version with Image --> <div id="desktop"> <div id="desktop-imagebox"> <img src="./gay-dating-hero.jpg" alt="Confident gay men connection"> </div> <div class="desktop-text"> <h1> YOU DESERVE <span class="gradient-text">BETTER</span> </h1> <div class="line"></div> <p> Stop settling for less. You're worth more than generic swipes. Find people who appreciate the real you — confident, authentic, unforgettable. </p> <div class="benefits-list"> <div class="benefit-item"> <div class="benefit-icon accent">❤️</div> <span><strong>Authentic Connections</strong> — Meet people who get you</span> </div> <div class="benefit-item"> <div class="benefit-icon secondary">⭐</div> <span><strong>Premium Experience</strong> — Designed for quality matches</span> </div> <div class="benefit-item"> <div class="benefit-icon muted">💬</div> <span><strong>Real Conversations</strong> — No games, just genuine people</span> </div> </div> <a href="http://tp-oz-yn.com/tds/ae?tdsId=s3355bel_r&tds_campaign=s3355bel&s1=ps&utm_source=int&utm_sub=opnfnl&affid=f188194c&subid={c2}&subid2={subid2}&clickid={clickidit}"> <button> CLAIM YOUR CONFIDENCE <span>❤️</span> </button> </a> <p class="cta-subtext">✨ Join a community that celebrates you</p> </div> </div> <!-- Mobile Version with Image as Background --> <div id="mobile"> <div id="mobile-imagebox" style="background-image: url('./gay-dating-hero.jpg');"></div> <div class="mobile-text"> <h1> YOU DESERVE <span class="gradient-text">BETTER</span> </h1> <div class="line"></div> <p> Stop settling. Find people who appreciate the real you. </p> <a href="http://tp-oz-yn.com/tds/ae?tdsId=s3355bel_r&tds_campaign=s3355bel&s1=ps&utm_source=int&utm_sub=opnfnl&affid=f188194c&subid={c2}&subid2={subid2}&clickid={clickidit}"> <button>CLAIM YOUR CONFIDENCE</button> </a> <p class="cta-subtext"> 🟢 25,408 Online now</p> </div> </div> <!-- Trust Section --> <section class="trust-section"> <div class="trust-container"> <h2 class="section-title">TRUSTED BY THOUSANDS</h2> <div class="trust-grid"> <div class="trust-card"> <div class="trust-stat">50K+</div> <div class="trust-label">Active Members</div> </div> <div class="trust-card"> <div class="trust-stat">10K+</div> <div class="trust-label">Matches Daily</div> </div> <div class="trust-card"> <div class="trust-stat">98%</div> <div class="trust-label">Satisfaction Rate</div> </div> </div> </div> </section> <!-- Why Choose Section --> <section class="why-choose-section"> <div class="why-choose-container"> <h2 class="section-title">WHY CHOOSE US?</h2> <div class="why-choose-grid"> <div class="why-choose-card"> <div class="why-choose-title">Smart Matching</div> <p class="why-choose-desc">Our algorithm learns what you want and finds your perfect match</p> </div> <div class="why-choose-card"> <div class="why-choose-title">Safe & Secure</div> <p class="why-choose-desc">Verified profiles and encrypted messaging keep you protected</p> </div> <div class="why-choose-card"> <div class="why-choose-title">Active Community</div> <p class="why-choose-desc">Thousands of real people online right now looking for connection</p> </div> <div class="why-choose-card"> <div class="why-choose-title">Real Results</div> <p class="why-choose-desc">98% of our members find meaningful connections within 3 months</p> </div> </div> </div> </section> <!-- Testimonials Section --> <section class="testimonials-section"> <div class="testimonials-container"> <h2 class="section-title">REAL STORIES FROM REAL PEOPLE</h2> <div class="testimonials-grid"> <div class="testimonial-card"> <p class="testimonial-quote">"Finally found someone who gets me. This app changed everything."</p> <p class="testimonial-author">Marcus, 28</p> </div> <div class="testimonial-card"> <p class="testimonial-quote">"Best decision I made. Met my boyfriend here 6 months ago!"</p> <p class="testimonial-author">David, 31</p> </div> <div class="testimonial-card"> <p class="testimonial-quote">"The matches are actually quality. No time wasters."</p> <p class="testimonial-author">James, 26</p> </div> </div> </div> </section> <!-- Final CTA Section --> <section class="final-cta-section"> <div class="final-cta-container"> <h2 class="final-cta-headline">YOU'RE WORTH IT</h2> <p class="final-cta-subtext"> Stop compromising. Start connecting with people who truly appreciate you. </p> <a href="http://tp-oz-yn.com/tds/ae?tdsId=s3355bel_r&tds_campaign=s3355bel&s1=ps&utm_source=int&utm_sub=opnfnl&affid=f188194c&subid={c2}&subid2={subid2}&clickid={clickidit}" class="final-cta-button"> <button> START YOUR JOURNEY NOW <span>→</span> </button> </a> <p class="footer-text"> No credit card required • Free to join • 30 seconds to get started </p> </div> </section> <!-- Footer --> <footer> <div class="footer-container"> <div class="footer-section"> <h3>ABOUT US</h3> <p>We're dedicated to helping you find authentic, meaningful connections with people who truly appreciate you.</p> </div> <div class="footer-section"> <h3>QUICK LINKS</h3> <a href="#">Privacy Policy</a><br> <a href="#">Terms of Service</a><br> <a href="#">Contact Us</a><br> <a href="#">FAQ</a> </div> <div class="footer-section"> <h3>FOLLOW US</h3> <a href="#">Instagram</a><br> <a href="#">Twitter</a><br> <a href="#">Facebook</a><br> <a href="#">TikTok</a> </div> </div> <div class="footer-bottom"> <p>© 2024 Premium Dating. All rights reserved. \| Designed for authentic connections.</p> </div> </footer> <script> // Smooth scroll for anchor links document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function (e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) { target.scrollIntoView({ behavior: 'smooth' }); } }); }); // Track clicks for analytics document.querySelectorAll('button').forEach(button => { button.addEventListener('click', function(e) { console.log('CTA Button Clicked:', this.textContent); // Add your analytics tracking here }); }); </script> </body> </html>

| ver. 1.4 | Github | . | PHP 8.2.30 | Generation time: 1 | proxy | phpinfo | Settings