HTML ad tag preview - Powered by Ad Reform

Live Preview

Tag didn’t load? Click here and let us know!
367x351
1.23 KB
Share this result

Previews are deleted daily. Get a permanent share link sent to your inbox:
Script

Open in browser
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pixel by Srinika | Premium Graphic Design</title>
    
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Montserrat:wght@300;400;500;600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">

    <style>
        :root {
            --primary-bg: #ffffff;
            --secondary-bg: #faf9f6; /* Soft off-white */
            --gold: #C5A866; /* Soft beige gold */
            --gold-hover: #b0955a;
            --text-dark: #1a1a1a;
            --text-light: #666666;
            --border-color: #eaeaea;
            --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Montserrat', sans-serif;
            background-color: var(--primary-bg);
            color: var(--text-dark);
            line-height: 1.6;
            overflow-x: hidden;
        }

        h1, h2, h3, h4 {
            font-family: 'Playfair Display', serif;
            font-weight: 600;
        }

        a {
            text-decoration: none;
            color: inherit;
        }

        ul {
            list-style: none;
        }

        /* Reusable Classes */
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .section-title {
            text-align: center;
            font-size: 2.5rem;
            margin-bottom: 10px;
            color: var(--text-dark);
        }

        .section-subtitle {
            text-align: center;
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 3px;
            color: var(--gold);
            margin-bottom: 50px;
        }

        section {
            padding: 100px 0;
        }

        .bg-light {
            background-color: var(--secondary-bg);
        }

        /* Buttons */
        .btn {
            display: inline-block;
            padding: 15px 30px;
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-weight: 500;
            border: 1px solid var(--gold);
            transition: var(--transition);
            cursor: pointer;
        }

        .btn-gold {
            background-color: var(--gold);
            color: #fff;
        }

        .btn-gold:hover {
            background-color: var(--gold-hover);
            border-color: var(--gold-hover);
        }

        .btn-outline {
            background-color: transparent;
            color: var(--gold);
        }

        .btn-outline:hover {
            background-color: var(--gold);
            color: #fff;
        }

        /* Header */
        header {
            position: fixed;
            top: 0;
            width: 100%;
            padding: 20px 0;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            z-index: 1000;
            border-bottom: 1px solid var(--border-color);
            transition: var(--transition);
        }

        .nav-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            font-family: 'Playfair Display', serif;
            font-size: 1.8rem;
            font-weight: 700;
            color: var(--text-dark);
            letter-spacing: 1px;
        }

        .logo span {
            color: var(--gold);
            font-size: 1rem;
            display: block;
            font-family: 'Montserrat', sans-serif;
            letter-spacing: 3px;
            text-transform: uppercase;
        }

        .nav-links {
            display: flex;
            gap: 30px;
        }

        .nav-links a {
            font-size: 0.9rem;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 1px;
            transition: var(--transition);
        }

        .nav-links a:hover {
            color: var(--gold);
        }

        /* Hero Section */
        .hero {
            height: 100vh;
            display: flex;
            align-items: center;
            text-align: center;
            background: linear-gradient(to bottom, #ffffff, var(--secondary-bg));
            padding-top: 80px;
        }

        .hero h1 {
            font-size: 4rem;
            margin-bottom: 20px;
            color: var(--text-dark);
            line-height: 1.2;
        }

        .hero p {
            font-size: 1.2rem;
            color: var(--text-light);
            margin-bottom: 10px;
        }

        .hero .value-prop {
            font-size: 1rem;
            color: var(--gold);
            font-weight: 500;
            margin-bottom: 40px;
            letter-spacing: 1px;
        }

        .hero-btns {
            display: flex;
            gap: 20px;
            justify-content: center;
        }

        /* Why Choose Me */
        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 40px;
            text-align: center;
        }

        .feature-card {
            padding: 30px;
            background: #fff;
            border: 1px solid var(--border-color);
            transition: var(--transition);
        }

        .feature-card:hover {
            transform: translateY(-5px);
            border-color: var(--gold);
            box-shadow: 0 10px 30px rgba(0,0,0,0.05);
        }

        .feature-card i {
            font-size: 2.5rem;
            color: var(--gold);
            margin-bottom: 20px;
        }

        .feature-card h3 {
            font-size: 1.2rem;
            margin-bottom: 15px;
        }

        .feature-card p {
            font-size: 0.9rem;
            color: var(--text-light);
        }

        /* Portfolio */
        .portfolio-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }

        .portfolio-item {
            position: relative;
            overflow: hidden;
            border-radius: 4px;
            background: #111;
        }

        .portfolio-item img {
            width: 100%;
            height: 350px;
            object-fit: cover;
            display: block;
            transition: transform 0.6s ease;
            opacity: 0.9;
        }

        .portfolio-item:hover img {
            transform: scale(1.05);
            opacity: 0.4;
        }

        .portfolio-overlay {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            opacity: 0;
            transition: var(--transition);
            color: #fff;
            text-align: center;
            padding: 20px;
        }

        .portfolio-item:hover .portfolio-overlay {
            opacity: 1;
        }

        .portfolio-overlay h4 {
            font-size: 1.5rem;
            margin-bottom: 10px;
            font-family: 'Montserrat', sans-serif;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        .portfolio-overlay p {
            font-size: 0.9rem;
            color: var(--gold);
        }

        /* About Me */
        .about-content {
            display: flex;
            align-items: center;
            gap: 50px;
        }

        .about-text {
            flex: 1;
        }

        .about-text h2 {
            font-size: 2.5rem;
            margin-bottom: 20px;
        }

        .about-text p {
            color: var(--text-light);
            margin-bottom: 20px;
            font-size: 1.05rem;
        }

        .about-image {
            flex: 1;
            background: var(--gold);
            padding: 20px;
            position: relative;
        }
        
        .about-image::before {
            content: '';
            position: absolute;
            top: -15px; right: -15px; bottom: 15px; left: 15px;
            border: 2px solid var(--gold);
            z-index: -1;
        }

        .about-image img {
            width: 100%;
            display: block;
            filter: grayscale(100%);
            transition: var(--transition);
        }

        .about-image:hover img {
            filter: grayscale(0%);
        }

        /* Services */
        .services-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
        }

        .service-card {
            padding: 40px 30px;
            background: var(--primary-bg);
            border: 1px solid var(--border-color);
            text-align: center;
            transition: var(--transition);
            position: relative;
            overflow: hidden;
        }

        .service-card::after {
            content: '';
            position: absolute;
            bottom: 0; left: 0; width: 100%; height: 3px;
            background: var(--gold);
            transform: scaleX(0);
            transition: var(--transition);
            transform-origin: left;
        }

        .service-card:hover::after {
            transform: scaleX(1);
        }

        .service-card:hover {
            box-shadow: 0 10px 30px rgba(0,0,0,0.05);
        }

        .service-card h3 {
            font-size: 1.3rem;
            margin-bottom: 15px;
            font-family: 'Montserrat', sans-serif;
        }

        .service-card p {
            font-size: 0.95rem;
            color: var(--text-light);
        }

        /* Pricing */
        .pricing-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            align-items: center;
        }

        .pricing-card {
            background: #fff;
            border: 1px solid var(--border-color);
            padding: 50px 30px;
            text-align: center;
            transition: var(--transition);
        }

        .pricing-card.premium {
            background: var(--text-dark);
            color: #fff;
            transform: scale(1.05);
            border-color: var(--text-dark);
        }

        .pricing-card.premium .price {
            color: var(--gold);
        }

        .pricing-card.premium h3 {
            color: #fff;
        }

        .pricing-card:hover {
            box-shadow: 0 15px 40px rgba(0,0,0,0.08);
        }

        .pricing-card h3 {
            font-family: 'Montserrat', sans-serif;
            font-size: 1.2rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 20px;
            color: var(--text-dark);
        }

        .price {
            font-size: 3rem;
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            color: var(--gold);
            margin-bottom: 20px;
        }

        .price span {
            font-size: 1rem;
            color: var(--text-light);
            font-family: 'Montserrat', sans-serif;
        }

        .pricing-card.premium .price span {
            color: #ccc;
        }

        .pricing-features {
            margin-bottom: 30px;
        }

        .pricing-features li {
            margin-bottom: 10px;
            font-size: 0.95rem;
            color: var(--text-light);
        }

        .pricing-card.premium .pricing-features li {
            color: #ddd;
        }

        /* Special Offer & Guarantee */
        .special-banner {
            background: var(--gold);
            color: #fff;
            text-align: center;
            padding: 60px 20px;
            margin: 50px 0;
        }

        .special-banner h2 {
            font-size: 2.5rem;
            margin-bottom: 15px;
        }
        
        .special-banner p {
            font-size: 1.2rem;
            margin-bottom: 25px;
        }

        .guarantee-section {
            text-align: center;
            padding: 50px 0;
            border-top: 1px solid var(--border-color);
            border-bottom: 1px solid var(--border-color);
        }

        .guarantee-section i {
            font-size: 3rem;
            color: var(--gold);
            margin-bottom: 15px;
        }

        /* Testimonials */
        .testimonial-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }

        .testimonial-card {
            padding: 40px;
            background: #fff;
            border: 1px solid var(--border-color);
            position: relative;
        }

        .testimonial-card i {
            color: var(--gold);
            font-size: 2rem;
            opacity: 0.2;
            position: absolute;
            top: 30px; right: 30px;
        }

        .testimonial-card p {
            font-style: italic;
            color: var(--text-light);
            margin-bottom: 20px;
        }

        .client-name {
            font-weight: 600;
            color: var(--text-dark);
            text-transform: uppercase;
            font-size: 0.9rem;
            letter-spacing: 1px;
        }

        /* Contact Section */
        .contact-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 50px;
        }

        .contact-info {
            background: var(--text-dark);
            color: #fff;
            padding: 50px;
        }

        .contact-info h3 {
            font-size: 2rem;
            margin-bottom: 30px;
        }

        .contact-item {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 20px;
            font-size: 1.1rem;
        }

        .contact-item i {
            color: var(--gold);
            font-size: 1.5rem;
        }

        .contact-form {
            padding: 20px 0;
        }

        .form-group {
            margin-bottom: 25px;
        }

        .form-control {
            width: 100%;
            padding: 15px;
            border: 1px solid var(--border-color);
            background: var(--secondary-bg);
            font-family: 'Montserrat', sans-serif;
            font-size: 1rem;
            transition: var(--transition);
        }

        .form-control:focus {
            outline: none;
            border-color: var(--gold);
            background: #fff;
        }

        textarea.form-control {
            height: 150px;
            resize: none;
        }

        /* Floating WhatsApp */
        .whatsapp-float {
            position: fixed;
            bottom: 30px;
            right: 30px;
            width: 60px;
            height: 60px;
            background-color: #25d366;
            color: #fff;
            border-radius: 50px;
            text-align: center;
            font-size: 35px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
            z-index: 1000;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: var(--transition);
        }

        .whatsapp-float:hover {
            transform: scale(1.1);
            background-color: #1ebe57;
        }

        /* Footer */
        footer {
            text-align: center;
            padding: 30px;
            background: var(--primary-bg);
            border-top: 1px solid var(--border-color);
            font-size: 0.9rem;
            color: var(--text-light);
        }

        /* Responsive */
        @media (max-width: 768px) {
            .nav-links {
                display: none; /* In a real scenario, add a hamburger menu */
            }
            .hero h1 {
                font-size: 2.5rem;
            }
            .contact-container, .about-content {
                grid-template-columns: 1fr;
                flex-direction: column;
            }
            .pricing-card.premium {
                transform: scale(1);
            }
        }
    </style>
</head>
<body>

    <header id="header">
        <div class="container nav-container">
            <a href="#" class="logo">Pixel <span>by Srinika</span></a>
            <nav class="nav-links">
                <a href="#about">About</a>
                <a href="#portfolio">Portfolio</a>
                <a href="#services">Services</a>
                <a href="#pricing">Pricing</a>
            </nav>
            <a href="https://wa.me/918549004350" class="btn btn-gold" target="_blank">Order on WhatsApp</a>
        </div>
    </header>

    <section class="hero" id="home">
        <div class="container" data-aos="fade-up" data-aos-duration="1000">
            <h1>Designs That Speak<br>for Your Brand</h1>
            <p>Creative, classy, and impactful designs by Srinika VG.</p>
            <div class="value-prop">Premium quality designs at affordable pricing.</div>
            <div class="hero-btns">
                <a href="#portfolio" class="btn btn-outline">View My Work</a>
                <a href="https://wa.me/918549004350" class="btn btn-gold" target="_blank">Order on WhatsApp</a>
            </div>
        </div>
    </section>

    <section class="bg-light" id="features">
        <div class="container">
            <h2 class="section-title" data-aos="fade-up">Why Choose Me</h2>
            <p class="section-subtitle" data-aos="fade-up">The Pixel Advantage</p>
            
            <div class="features-grid">
                <div class="feature-card" data-aos="fade-up" data-aos-delay="100">
                    <i class="fas fa-bolt"></i>
                    <h3>Fast Delivery</h3>
                    <p>Get your premium designs delivered quickly without compromising on quality.</p>
                </div>
                <div class="feature-card" data-aos="fade-up" data-aos-delay="200">
                    <i class="fas fa-tags"></i>
                    <h3>Affordable Pricing</h3>
                    <p>High-end agency quality branding at freelance rates.</p>
                </div>
                <div class="feature-card" data-aos="fade-up" data-aos-delay="300">
                    <i class="fas fa-gem"></i>
                    <h3>Unique & Custom</h3>
                    <p>No generic templates. Every design is crafted specifically for your brand.</p>
                </div>
                <div class="feature-card" data-aos="fade-up" data-aos-delay="400">
                    <i class="fas fa-smile"></i>
                    <h3>Client Satisfaction</h3>
                    <p>Your vision, realized. Revisions to ensure you love the final output.</p>
                </div>
            </div>
        </div>
    </section>

    <section id="portfolio">
        <div class="container">
            <h2 class="section-title" data-aos="fade-up">Selected Works</h2>
            <p class="section-subtitle" data-aos="fade-up">A glimpse into visual perfection</p>
            
            <div class="portfolio-grid">
                <div class="portfolio-item" data-aos="fade-up">
                    <img src="1774032301453.png" alt="Aurora Ventures Business Card">
                    <div class="portfolio-overlay">
                        <h4>Business Card</h4>
                        <p>Minimalist Gold Foil Design</p>
                    </div>
                </div>
                <div class="portfolio-item" data-aos="fade-up" data-aos-delay="100">
                    <img src="1774032119813.png" alt="Aurora Advisors Business Card">
                    <div class="portfolio-overlay">
                        <h4>Business Card</h4>
                        <p>Elegant Branding</p>
                    </div>
                </div>
                <div class="portfolio-item" data-aos="fade-up" data-aos-delay="200">
                    <img src="1774031805391.png" alt="Horizon Enterprises Business Card">
                    <div class="portfolio-overlay">
                        <h4>Business Card</h4>
                        <p>Dark & Gold Premium Style</p>
                    </div>
                </div>

                <div class="portfolio-item" data-aos="fade-up">
                    <img src="1774032663811.png" alt="Aurelia Fine Dining Ad">
                    <div class="portfolio-overlay">
                        <h4>Advertisement</h4>
                        <p>Fine Dining Creatives</p>
                    </div>
                </div>
                <div class="portfolio-item" data-aos="fade-up" data-aos-delay="100">
                    <img src="1774032895181.png" alt="Noir Fine Dining Ad">
                    <div class="portfolio-overlay">
                        <h4>Social Media</h4>
                        <p>Restaurant Ad Post</p>
                    </div>
                </div>
                <div class="portfolio-item" data-aos="fade-up" data-aos-delay="200">
                    <img src="1774032488344.png" alt="Noir T-Shirt Ad">
                    <div class="portfolio-overlay">
                        <h4>Product Ad</h4>
                        <p>Apparel Showcase</p>
                    </div>
                </div>
                <div class="portfolio-item" data-aos="fade-up">
                    <img src="1774032593316.png" alt="Noir Headphones Ad">
                    <div class="portfolio-overlay">
                        <h4>Product Ad</h4>
                        <p>Tech Accessories</p>
                    </div>
                </div>

                <div class="portfolio-item" data-aos="fade-up" data-aos-delay="100">
                    <img src="1774033387911.png" alt="Holi Festival Design">
                    <div class="portfolio-overlay">
                        <h4>Festival Post</h4>
                        <p>Holi Celebration</p>
                    </div>
                </div>
                <div class="portfolio-item" data-aos="fade-up" data-aos-delay="200">
                    <img src="1774033218137.png" alt="Independence Day Design">
                    <div class="portfolio-overlay">
                        <h4>WhatsApp Status</h4>
                        <p>Independence Day</p>
                    </div>
                </div>
                <div class="portfolio-item" data-aos="fade-up" data-aos-delay="300">
                    <img src="1774033110926.png" alt="Dussehra Festival Design">
                    <div class="portfolio-overlay">
                        <h4>Festival Post</h4>
                        <p>Dussehra Greetings</p>
                    </div>
                </div>
            </div>
            
            <div style="text-align: center; margin-top: 50px;" data-aos="fade-up">
                <a href="https://wa.me/918549004350" class="btn btn-gold" target="_blank">Request Custom Portfolio</a>
            </div>
        </div>
    </section>

    <section class="bg-light" id="about">
        <div class="container about-content">
            <div class="about-text" data-aos="fade-right">
                <p class="section-subtitle" style="text-align: left; margin-bottom: 10px;">The Designer</p>
                <h2>Hi, I'm Srinika VG</h2>
                <p>Welcome to <strong>Pixel by Srinika</strong>. I specialize in transforming ideas into visual masterpieces. With a keen eye for minimalism and luxury, I craft designs that elevate your brand's presence.</p>
                <p>Whether you need a high-end business card that leaves a lasting impression, an engaging social media post, or beautiful festival greetings, I bring creativity, professionalism, and reliability to every pixel.</p>
                <br>
                <a href="#services" class="btn btn-outline">Explore My Services</a>
            </div>
            <div class="about-image" data-aos="fade-left">
                <div style="background: #fff; height: 250px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 20px;">
                    <div>
                        <h3 style="font-family: 'Playfair Display', serif; font-size: 3rem; color: var(--gold);">P</h3>
                        <p style="font-family: 'Montserrat', sans-serif; letter-spacing: 2px; font-size: 0.8rem; margin-top: 10px;">PIXEL BY SRINIKA</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="services">
        <div class="container">
            <h2 class="section-title" data-aos="fade-up">My Services</h2>
            <p class="section-subtitle" data-aos="fade-up">What I do best</p>

            <div class="services-grid">
                <div class="service-card" data-aos="fade-up">
                    <i class="far fa-id-card" style="font-size: 2rem; color: var(--gold); margin-bottom: 20px;"></i>
                    <h3>Business Card Design</h3>
                    <p>Luxurious, double-sided, print-ready business card designs that make a statement.</p>
                </div>
                <div class="service-card" data-aos="fade-up" data-aos-delay="100">
                    <i class="fas fa-bullhorn" style="font-size: 2rem; color: var(--gold); margin-bottom: 20px;"></i>
                    <h3>Advertisement Creatives</h3>
                    <p>High-conversion promotional graphics for your products and services.</p>
                </div>
                <div class="service-card" data-aos="fade-up" data-aos-delay="200">
                    <i class="far fa-image" style="font-size: 2rem; color: var(--gold); margin-bottom: 20px;"></i>
                    <h3>Social Media Posts</h3>
                    <p>Engaging, brand-consistent content for Instagram, Facebook, and LinkedIn.</p>
                </div>
                <div class="service-card" data-aos="fade-up" data-aos-delay="300">
                    <i class="fas fa-om" style="font-size: 2rem; color: var(--gold); margin-bottom: 20px;"></i>
                    <h3>Festival & Status Designs</h3>
                    <p>Beautifully crafted greetings and WhatsApp status updates to connect with your audience.</p>
                </div>
            </div>
        </div>
    </section>

    <div class="special-banner" data-aos="zoom-in">
        <div class="container">
            <h2>Limited Time Offer!</h2>
            <p>Get your very first custom design for just <strong>₹199</strong>.</p>
            <a href="https://wa.me/918549004350?text=Hi%20Srinika,%20I%20want%20to%20claim%20the%20₹199%20first%20design%20offer!" class="btn" style="background: #fff; color: var(--gold); border-color: #fff;">Claim Offer Now</a>
        </div>
    </div>

    <section id="pricing" class="bg-light">
        <div class="container">
            <h2 class="section-title" data-aos="fade-up">Festival Design Packages</h2>
            <p class="section-subtitle" data-aos="fade-up">Transparent & Affordable Pricing</p>

            <div class="pricing-grid">
                <div class="pricing-card" data-aos="fade-up">
                    <h3>Hindu Festivals</h3>
                    <div class="price">₹299<span>/pack</span></div>
                    <ul class="pricing-features">
                        <li>All major Hindu festival designs</li>
                        <li>High-resolution format</li>
                        <li>Customized with your logo</li>
                        <li>WhatsApp friendly</li>
                    </ul>
                    <a href="https://wa.me/918549004350" class="btn btn-outline" target="_blank">Order Now</a>
                </div>

                <div class="pricing-card" data-aos="fade-up" data-aos-delay="100">
                    <h3>Other Festivals</h3>
                    <div class="price">₹299<span>/pack</span></div>
                    <ul class="pricing-features">
                        <li>Non-Hindu / National Festivals</li>
                        <li>High-resolution format</li>
                        <li>Customized with your logo</li>
                        <li>WhatsApp friendly</li>
                    </ul>
                    <a href="https://wa.me/918549004350" class="btn btn-outline" target="_blank">Order Now</a>
                </div>

                <div class="pricing-card premium" data-aos="fade-up" data-aos-delay="200">
                    <h3>Complete Package</h3>
                    <div class="price">₹499<span>/total</span></div>
                    <ul class="pricing-features">
                        <li><strong>ALL</strong> Festival Designs</li>
                        <li>Hindu + Non-Hindu + National</li>
                        <li>Premium High-Res Quality</li>
                        <li>Priority Delivery</li>
                    </ul>
                    <a href="https://wa.me/918549004350" class="btn btn-gold" target="_blank">Get Best Value</a>
                </div>
            </div>
        </div>
    </section>

    <div class="guarantee-section bg-light" data-aos="fade-up">
        <div class="container">
            <i class="fas fa-shield-alt"></i>
            <h3>100% Satisfaction Guarantee</h3>
            <p style="color: var(--text-light); margin-top: 10px;">I offer revisions to ensure the final design aligns perfectly with your brand vision.</p>
        </div>
    </div>

    <section id="testimonials">
        <div class="container">
            <h2 class="section-title" data-aos="fade-up">Client Love</h2>
            <p class="section-subtitle" data-aos="fade-up">What they say</p>

            <div class="testimonial-grid">
                <div class="testimonial-card" data-aos="fade-up">
                    <i class="fas fa-quote-right"></i>
                    <p>"Srinika understood exactly what our luxury brand needed. The business cards she designed were flawless and elegant."</p>
                    <div class="client-name">Aurora Ventures</div>
                </div>
                <div class="testimonial-card" data-aos="fade-up" data-aos-delay="100">
                    <i class="fas fa-quote-right"></i>
                    <p>"The festival creatives were vibrant yet maintained a high-end feel. Delivery was super fast. Highly recommended!"</p>
                    <div class="client-name">Rohan Desai</div>
                </div>
                <div class="testimonial-card" data-aos="fade-up" data-aos-delay="200">
                    <i class="fas fa-quote-right"></i>
                    <p>"Incredible attention to detail. The social media ads for our fine dining restaurant boosted our engagement instantly."</p>
                    <div class="client-name">Noir Restaurant</div>
                </div>
            </div>
        </div>
    </section>

    <section id="contact" class="bg-light">
        <div class="container">
            <div class="contact-container">
                <div class="contact-info" data-aos="fade-right">
                    <h3>Let's Create Something Beautiful</h3>
                    <p style="margin-bottom: 40px; color: #ccc;">Ready to elevate your brand's visual identity? Get in touch today for custom inquiries, packages, or just to say hi.</p>
                    
                    <div class="contact-item">
                        <i class="fab fa-whatsapp"></i>
                        <span>+91 8549004350</span>
                    </div>
                    <div class="contact-item">
                        <i class="far fa-envelope"></i>
                        <span>thesrinikavg@gmail.com</span>
                    </div>
                    <div class="contact-item" style="margin-top: 40px;">
                        <a href="https://wa.me/918549004350" class="btn btn-gold" target="_blank" style="width: 100%; text-align: center;">Chat on WhatsApp</a>
                    </div>
                </div>
                
                <div class="contact-form" data-aos="fade-left">
                    <h2 style="margin-bottom: 20px;">Send an Inquiry</h2>
                    <form onsubmit="event.preventDefault(); window.open('https://wa.me/918549004350?text=Hi! I submitted an inquiry on your website.');">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Your Name" required>
                        </div>
                        <div class="form-group">
                            <input type="email" class="form-control" placeholder="Your Email" required>
                        </div>
                        <div class="form-group">
                            <select class="form-control">
                                <option>Interested in...</option>
                                <option>Business Cards</option>
                                <option>Social Media Creatives</option>
                                <option>Festival Packages</option>
                                <option>Other</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <textarea class="form-control" placeholder="Tell me about your project..." required></textarea>
                        </div>
                        <button type="submit" class="btn btn-outline" style="width: 100%;">Send Message</button>
                    </form>
                </div>
            </div>
        </div>
    </section>

    <footer>
        <div class="container">
            <p>&copy; 2026 Pixel by Srinika. All Rights Reserved.</p>
        </div>
    </footer>

    <a href="https://wa.me/918549004350" class="whatsapp-float" target="_blank" aria-label="Chat on WhatsApp">
        <i class="fab fa-whatsapp"></i>
    </a>

    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <script>
        // Initialize Animate On Scroll
        AOS.init({
            once: true,
            offset: 50
        });

        // Header scroll effect
        window.addEventListener('scroll', () => {
            const header = document.getElementById('header');
            if (window.scrollY > 50) {
                header.style.boxShadow = '0 5px 15px rgba(0,0,0,0.05)';
                header.style.padding = '15px 0';
            } else {
                header.style.boxShadow = 'none';
                header.style.padding = '20px 0';
            }
        });
    </script>
</body>
</html>
Landing Page

This ad does not have a landing page available
Network Timeline

Performance Summary

Requests
Domains
505KB
Transfer Size
631KB
Content Size
542.0ms
Dom Content Loaded
688.0ms
First Paint
787.0ms
Load Time
Domain Breakdown

Transfer Size (bytes)
Content Size (bytes)
Header Size (bytes)
Requests
Timings (ms)
Total Time
Content Breakdown

Transfer Size (bytes)
Content Size (bytes)
Header Size (bytes)
Requests