Gecko [ growth.livenow.com.cy ]

Name	Size	Permission
.well-known	[ DIR ]	drwxr-xr-x
cgi-bin	[ DIR ]	drwxr-xr-x
.htaccess	281 B	-rw-r--r--
.mad-root	0 B	-rw-r--r--
adminer.php	0 B	-rw-r--r--
event.html	654.55 KB	-rw-r--r--
index.html	25.32 KB	-rw-r--r--
pwnkit	0 B	-rwxr-xr-x

Code Editor : index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LiveNow - Redefine Your Digital Lifestyle</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
    <style>
        :root {
            --primary: #00FFFF;
            --secondary: #042D2D;
            --text: #FFFFFF;
            --bg: #020F0F;
            --grad1: linear-gradient(135deg, #00FFFF, #00A3A3);
            --grad2: linear-gradient(135deg, #042D2D, #064D4D);
            --button-hover: linear-gradient(135deg, #00A3A3, #009999);
        }
        * {margin: 0; padding: 0; box-sizing: border-box;}
        body {font-family: 'Poppins', sans-serif; background-color: var(--bg); color: var(--text); line-height: 1.6;}
        .container {max-width: 1200px; margin: 0 auto; padding: 0 20px;}
        header {
            background-color: rgba(4,45,45,0.9);
            padding: 15px 0;
            position: fixed;
            width: 100%;
            z-index: 1000;
            transition: all 0.3s ease;
            top: 0;
        }
        header.scrolled {
            transform: translateY(-100%);
        }
        nav {display: flex; justify-content: space-between; align-items: center;}
        .logo {
            display: flex;
            align-items: center;
            text-decoration: none;
            color: var(--primary);
            font-size: 1.8rem;
            font-weight: 700;
            letter-spacing: 1px;
            transition: all 0.3s ease;
        }
        .logo img {
            height: 50px;
            margin-right: 10px;
            transition: all 0.3s ease;
        }
        .nav-links {display: flex; gap: 30px;}
        .nav-links a {
            color: var(--text);
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s;
            padding: 10px;
            position: relative;
            font-size: 1.1rem;
        }
        .nav-links a:hover {color: var(--primary); transform: translateY(-2px);}
        .nav-links a::after {
            content: '';
            position: absolute;
            width: 100%;
            height: 2px;
            bottom: 0;
            left: 0;
            background-color: var(--primary);
            transform: scaleX(0);
            transition: transform 0.3s;
        }
        .nav-links a:hover::after {transform: scaleX(1);}
        .mobile-menu {display: none; cursor: pointer;}
        .mobile-menu i {font-size: 1.8rem; color: var(--text);}
        .nav-links-mobile {display: none;}
        .hero {
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding-top: 100px;
            position: relative;
            overflow: hidden;
            background-image: linear-gradient(135deg, rgba(0,255,255,0.1) 0%, rgba(4,45,45,0.9) 100%), url('https://images.unsplash.com/photo-1481437156560-3205f6a55735?q=80&w=3590&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: radial-gradient(circle, transparent 20%, var(--bg) 120%);
        }
        .hero-content {
            position: relative;
            z-index: 1;
            max-width: 800px;
            margin: 0 auto;
        }
        .hero-content h1 {
            font-size: 4.5rem;
            margin-bottom: 20px;
            color: var(--text);
            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
            animation: fadeInUp 1s ease-out;
        }
        .hero-content p {
            font-size: 1.4rem;
            margin-bottom: 30px;
            animation: fadeInUp 1s ease-out 0.5s both;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }
        @keyframes fadeInUp {from {opacity: 0; transform: translateY(20px);} to {opacity: 1; transform: translateY(0);}}
        @keyframes fadeInDown {from {opacity: 0; transform: translateY(-20px);} to {opacity: 1; transform: translateY(0);}}
        @keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}
        .cta-button {
            display: inline-block;
            background: var(--grad1);
            color: var(--secondary);
            padding: 15px 40px;
            text-decoration: none;
            border-radius: 50px;
            font-weight: bold;
            font-size: 1.1rem;
            transition: all 0.3s;
            text-transform: uppercase;
            letter-spacing: 1px;
            box-shadow: 0 4px 15px rgba(0,255,255,0.2);
            animation: fadeInUp 1s ease-out 1s both, pulse 2s infinite;
            position: relative;
            overflow: hidden;
        }
        .cta-button:hover {
            background: var(--button-hover);
            color: var(--bg);
            transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(0,255,255,0.3);
        }
        .cta-button::after {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: rgba(255,255,255,0.2);
            transform: rotate(45deg);
            transition: all 0.3s;
        }
        .cta-button:hover::after {left: 100%;}
        section {
            padding: 100px 0;
            margin: 80px 0;
            position: relative;
        }
        .section-title {
            font-size: 3rem;
            text-align: center;
            margin-bottom: 60px;
            color: var(--primary);
            position: relative;
            text-transform: uppercase;
            letter-spacing: 2px;
            animation: fadeInUp 1s ease-out;
        }
        .section-title::after {
            content: '';
            display: block;
            width: 100px;
            height: 4px;
            background: var(--grad1);
            margin: 20px auto 0;
            border-radius: 2px;
        }
        .features {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 40px;
            margin-top: 40px;
        }
        .feature-card {
            background: var(--grad2);
            padding: 40px 30px;
            border-radius: 20px;
            text-align: center;
            transition: transform 0.3s, box-shadow 0.3s;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            position: relative;
            overflow: hidden;
            animation: fadeInUp 1s ease-out;
        }
        .feature-card::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(0,255,255,0.1) 0%, transparent 70%);
            transform: rotate(45deg);
            transition: all 0.5s;
        }
        .feature-card:hover::before {left: 100%;}
        .feature-card:hover {
            transform: translateY(-10px) rotate(2deg);
            box-shadow: 0 15px 40px rgba(0,255,255,0.2);
        }
        .feature-card i {
            font-size: 3.5rem;
            color: var(--primary);
            margin-bottom: 25px;
            transition: transform 0.3s;
        }
        .feature-card:hover i {transform: scale(1.1);}
        .feature-card h3 {
            font-size: 1.5rem;
            margin-bottom: 15px;
            color: var(--primary);
        }
        .feature-card p {
            margin-top: 15px;
            font-size: 1rem;
        }
        .about {
            background: var(--grad2);
            padding: 150px 0;
            text-align: center;
            position: relative;
            overflow: hidden;
            margin: 80px 0;
            clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
        }
        .about::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(0,255,255,0.05) 0%, transparent 70%);
            animation: rotate 20s linear infinite;
        }
        @keyframes rotate {
            0% {transform: rotate(0deg);}
            100% {transform: rotate(360deg);}
        }
        .about p {
            font-size: 1.2rem;
            max-width: 800px;
            margin: 0 auto;
            line-height: 1.8;
            position: relative;
            z-index: 1;
            animation: fadeInUp 1s ease-out;
        }
        .team {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 40px;
            margin-top: 40px;
        }
        .team-member {
            background-color: var(--secondary);
            border-radius: 20px;
            overflow: hidden;
            width: 300px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
            transition: transform 0.3s;
            position: relative;
            animation: fadeInUp 1s ease-out;
        }
        .team-member:hover {transform: translateY(-10px);}
        .team-member img {
            width: 100%;
            height: 300px;
            object-fit: cover;
            object-position: center top;
            transition: transform 0.3s;
        }
        .team-member:hover img {transform: scale(1.1);}
        .team-member-info {
            padding: 25px;
            text-align: center;
            position: relative;
            z-index: 1;
        }
        .team-member-info h3 {
            font-size: 1.5rem;
            margin-bottom: 10px;
            color: var(--primary);
        }
        .team-member-info p {
            color: var(--primary);
            opacity: 0.8;
        }
        .team-member::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 30%;
            background: linear-gradient(to top, rgba(4,45,45,0.9), transparent);
        }
        .testimonials {
            background: var(--grad2);
            padding: 150px 0;
            position: relative;
            overflow: hidden;
            margin: 80px 0;
            clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
        }
        .testimonials::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(0,255,255,0.05) 0%, transparent 70%);
            animation: rotate 20s linear infinite reverse;
        }
        .testimonial-card {
            background-color: rgba(255,255,255,0.1);
            padding: 40px;
            border-radius: 20px;
            margin-bottom: 40px;
            backdrop-filter: blur(10px);
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            transition: transform 0.3s;
            position: relative;
            z-index: 1;
            animation: fadeInUp 1s ease-out;
        }
        .testimonial-card:hover {transform: translateY(-5px);}
        .testimonial-card q {
            font-style: italic;
            font-size: 1.2rem;
            line-height: 1.8;
            display: block;
            margin-bottom: 20px;
        }
        .testimonial-card p {font-weight: bold; color: var(--primary);}
        #contact {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-height: 100vh;
            text-align: center;
            background-image: linear-gradient(135deg, rgba(0,255,255,0.1) 0%, rgba(4,45,45,0.9) 100%), url('https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1920&q=80');
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
        }
        #contact::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: none;
        }
        #contact .container {
            position: relative;
            z-index: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 100%;
            max-width: 800px;
            padding: 0 20px;
        }
        #contact h2 {
            font-size: 3.5rem;
            margin-bottom: 20px;
            color: var(--primary);
            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
        }
        #contact p {
            font-size: 1.4rem;
            margin-bottom: 30px;
            max-width: 600px;
        }
        #contact .cta-button {
            font-size: 1.2rem;
            padding: 15px 40px;
        }
        footer {
            background-color: var(--secondary);
            color: var(--text);
            text-align: center;
            padding: 40px 0;
            margin-top: 80px;
        }
        footer a {
            color: var(--primary);
            text-decoration: none;
            margin: 0 15px;
            transition: color 0.3s;
        }
        footer a:hover {color: var(--text);}
        
        @media (max-width: 768px) {
            header {padding: 10px 0;}
            .nav-links {display: none;}
            .mobile-menu {display: block;}
            .hero-content h1 {font-size: 2.5rem;}
            .hero-content p {font-size: 1.1rem;}
            .section-title {font-size: 2.2rem;}
            .features, .team {grid-template-columns: 1fr;}
            .feature-card, .team-member, .testimonial-card {padding: 30px 20px;}
            section {padding: 60px 0; margin: 40px 0;}
            .logo {font-size: 1.5rem;}
            .logo img {height: 40px;}
        }

@media (max-width: 768px) {
            .hero, #contact {
                background-attachment: scroll;
            }

.nav-links-mobile {
            display: none;
            flex-direction: column;
            align-items: center;
            gap: 15px;
            background-color: var(--secondary);
            position: absolute;
            width: 100%;
            top: 60px;
            left: 0;
            padding: 20px 0;
            z-index: 1001;
            animation: slideDown 0.3s ease-out;
        }
        .nav-links-mobile a {
            font-size: 1.2rem;
            color: var(--text);
            text-decoration: none;
            padding: 10px;
            width: 100%;
            text-align: center;
            transition: background-color 0.3s, color 0.3s;
        }
        .nav-links-mobile a:hover {
            background-color: rgba(0,255,255,0.1);
            color: var(--primary);
        }
        .nav-links-mobile.open {
            display: flex;
        }

@keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

@keyframes pulse {
            0% {
                box-shadow: 0 0 0 0 rgba(0, 255, 255, 0.4);
            }
            70% {
                box-shadow: 0 0 0 10px rgba(0, 255, 255, 0);
            }
            100% {
                box-shadow: 0 0 0 0 rgba(0, 255, 255, 0);
            }
        }

html {
            scroll-behavior: smooth;
        }

.sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border-width: 0;
        }

.fade-in {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.5s ease-out, transform 0.5s ease-out;
        }

.fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }
    </style>
</head>
<body>
    <header id="header">
        <nav class="container">
            <a href="#" class="logo">
                <img src="https://sbs.cy/media/LiveNow-logo-logn-light.png" alt="LiveNow Logo">
            </a>
            <div class="mobile-menu" id="mobile-menu" aria-label="Toggle mobile menu">
                <i class="fas fa-bars"></i>
            </div>
            <div class="nav-links" id="nav-links">
                <a href="#features">Features</a>
                <a href="#about">About</a>
                <a href="#team">Team</a>
                <a href="#testimonials">Testimonials</a>
                <a href="#contact">Contact</a>
            </div>
        </nav>
    </header>

<main>
        <section class="hero">
            <div class="hero-content">
                <h1>Reinvent Your Lifestyle</h1>
                <p>Experience the future of seamless transactions, bookings, and personalized services with LiveNow</p>
                <a href="mailto:info@livenow.com.cy" class="cta-button">Request Early Access</a>
            </div>
        </section>

<section id="features" class="container">
            <h2 class="section-title">Revolutionary Features</h2>
            <div class="features">
                <div class="feature-card fade-in">
                    <i class="fas fa-shopping-cart" aria-hidden="true"></i>
                    <h3>Discounted Offers</h3>
                    <p>AI-powered recommendations for seamless shopping experiences</p>
                </div>
                <div class="feature-card fade-in">
                    <i class="fas fa-calendar-alt" aria-hidden="true"></i>
                    <h3>Bookings & Reservations</h3>
                    <p>Book services, and appointments with just a few taps</p>
                </div>
                <div class="feature-card fade-in">
                    <i class="fas fa-ticket" aria-hidden="true"></i>
                    <h3>Event Tickets</h3>
                    <p>Book and manage your tickets for Parties, Seminars, Concerts and Theaters</p>
                </div>
                <div class="feature-card fade-in">
                    <i class="fas fa-robot" aria-hidden="true"></i>
                    <h3>AI Lifestyle Assistant</h3>
                    <p>Get personalized recommendations for a better, more efficient life</p>
                </div>
            </div>
        </section>

<section id="about" class="about">
            <div class="container">
                <h2 class="section-title">About LiveNow</h2>
                <p class="fade-in">LiveNow is revolutionizing the way people interact with digital services. Our all-in-one platform seamlessly integrates everyday transactions, bookings, and lifestyle management into a single, user-friendly interface. With AI-powered recommendations and a focus on user experience, we're not just simplifying lives - we're enhancing them.</p>
            </div>
        </section>

<section id="team" class="container">
            <h2 class="section-title">Meet Our Visionaries</h2>
            <div class="team">
                <div class="team-member fade-in">
                    <img src="https://sbs.cy/media/DSC00302-Enhanced-NR.jpg" alt="James Christodoulou">
                    <div class="team-member-info">
                        <h3>James Christodoulou</h3>
                        <p>Founder & CEO</p>
                    </div>
                </div>
                <div class="team-member fade-in">
                    <img src="https://sbs.cy/media/DSC00302-Enhanced-NR.png" alt="Chrysanthos Alexandrou">
                    <div class="team-member-info">
                        <h3>Chrysanthos Alexandrou</h3>
                        <p>Founder & VP of the Affiliate Network</p>
                    </div>
                </div>
                <div class="team-member fade-in">
                    <img src="https://sbs.cy/media/DSC00300-Enhanced-NR.jpg" alt="Christos Kyriacou">
                    <div class="team-member-info">
                        <h3>Christos Kyriacou</h3>
                        <p>CTO</p>
                    </div>
                </div>
            </div>
        </section>

<section id="testimonials" class="testimonials">
            <div class="container">
                <h2 class="section-title">What Our Users Say</h2>
                <div class="testimonial-card fade-in">
                    <q>LiveNow has completely transformed how I manage my day-to-day life. It's like having a personal assistant in my pocket!</q>
                    <p>- Andreas Fesas., Entrepreneur</p>
                </div>
                <div class="testimonial-card fade-in">
                    <q>LiveNow Premium Membership helped me discover great local businesses I never knew existed and earn various rewards.</q>
                    <p>- Christos Violaris., Security Guard</p>
                </div>
            </div>
        </section>

<section id="contact">
            <div class="container">
                <h2>Join the Premium Membership</h2>
                <p class="fade-in">Ready to transform your digital lifestyle? Get in touch with us today and experience the future of seamless living!</p>
                <a href="mailto:info@livenow.com.cy" class="cta-button">Request Early Access</a>
            </div>
        </section>
    </main>

<footer>
            <div style="text-align: center; margin: 20px 0;">
        <a href="https://play.google.com/store" target="_blank">
            <img src="https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg" alt="Get it on Google Play" style="width: 150px; margin-right: 10px;">
        </a>
        <a href="https://www.apple.com/app-store/" target="_blank">
            <img src="https://developer.apple.com/assets/elements/badges/download-on-the-app-store.svg" alt="Download on the App Store" style="width: 150px;">
        </a>
    </div>
    <br><br>
        <div class="container">
            <p>&copy; 2024 LiveNow. All rights reserved.</p>
            <div>
                <a href="https://legal.livenow.com.cy/free-membership-terms.html">Terms & Conditions</a>
                <a href="https://legal.livenow.com.cy/membership-privacy-policy.html">Privacy Policy</a>
            </div>
<body><div style="display: none;">
<a href="https://heylink.me/situs123.official" style="display:none;">situs123</a>
<a href="https://linkr.bio/situs123" style="display:none;">situs123</a>
<a href="https://onelink.page/situs123" style="display:none;">situs123</a>
<a href="https://about.me/situs123" style="display:none;">situs123</a>
<a href="https://bit.ly/m/situs123" style="display:none;">situs123</a>
<a href="https://buletinmakassar.com/" style="display:none;">slot</a>
<a href="https://buletinmakassar.com/" style="display:none;">slot gacor</a>
<a href="https://buletinmakassar.com/" style="display:none;">slot online</a>
<a href="https://buletinmakassar.com/" style="display:none;">slot gacor hari ini</a>
<a href="https://buletinmakassar.com/" style="display:none;">judi slot</a>
<a href="https://buletinmakassar.com/" style="display:none;">info slot gacor hari ini</a>
<p><a style="display:none;" href="https://buletinmakassar.com/">https://buletinmakassar.com/</a></p>
<p><a style="display:none;" href="https://buletinmakassar.com/">slot gacor</a></p>
</div></body>
        </div>
    </footer>

mobileMenu.addEventListener("click", () => {
            navLinks.classList.toggle("nav-links-mobile");
            navLinks.classList.toggle("open");
        });

const observerOptions = {
            root: null,
            rootMargin: '0px',
            threshold: 0.1
        };

document.querySelectorAll('.fade-in').forEach(el => {
            observer.observe(el);
        });

${this.title}

Code Editor : index.html