HTML ad tag preview - Powered by Ad Reform

Live Preview

Tag didn’t load? Click here and let us know!
366x201
3.05 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>Kacchi Bhai - Khulna | Authentic Bangladeshi Cuisine</title>
    <style>
        /* Reset and base styles */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            font-family: 'Arial', sans-serif;
            line-height: 1.6;
            color: #333;
            background: linear-gradient(135deg, #f4a261, #e76f51); /* Warm gradient for aesthetic feel */
            overflow-x: hidden;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Header */
        header {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 100;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1rem 0;
        }
        .logo {
            font-size: 1.8rem;
            font-weight: bold;
            color: #e76f51;
        }
        nav ul {
            list-style: none;
            display: flex;
        }
        nav ul li {
            margin-left: 2rem;
        }
        nav ul li a {
            text-decoration: none;
            color: #333;
            transition: color 0.3s;
        }
        nav ul li a:hover {
            color: #e76f51;
        }

        /* Hero Section */
        .hero {
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            background: url('https://via.placeholder.com/1200x800/ffb74d/ffffff?text=Kacchi+Bhai+Khulna') no-repeat center center/cover; /* Placeholder image; replace with real photo */
            color: white;
            position: relative;
        }
        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.4);
        }
        .hero-content {
            position: relative;
            z-index: 1;
        }
        .hero h1 {
            font-size: 3rem;
            margin-bottom: 1rem;
            animation: fadeIn 2s;
        }
        .hero p {
            font-size: 1.2rem;
            margin-bottom: 2rem;
        }
        .btn {
            background: #e76f51;
            color: white;
            padding: 0.8rem 2rem;
            text-decoration: none;
            border-radius: 5px;
            transition: background 0.3s;
        }
        .btn:hover {
            background: #d35400;
        }

        /* Sections */
        section {
            padding: 4rem 0;
            background: white;
            margin-top: -1px; /* Overlap with hero */
        }
        section:nth-child(even) {
            background: #f9f9f9;
        }
        h2 {
            text-align: center;
            font-size: 2.5rem;
            margin-bottom: 2rem;
            color: #e76f51;
        }
        .about, .menu, .contact {
            text-align: center;
        }
        .menu-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
            margin-top: 2rem;
        }
        .menu-item {
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
            overflow: hidden;
            transition: transform 0.3s;
        }
        .menu-item:hover {
            transform: translateY(-5px);
        }
        .menu-item img {
            width: 100%;
            height: 200px;
            object-fit: cover;
        }
        .menu-item h3 {
            padding: 1rem;
            color: #333;
        }

        /* Footer */
        footer {
            background: #333;
            color: white;
            text-align: center;
            padding: 2rem 0;
        }
        footer p {
            margin-bottom: 0.5rem;
        }

        /* Animations */
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        /* Mobile responsiveness */
        @media (max-width: 768px) {
            .hero h1 {
                font-size: 2rem;
            }
            nav ul {
                display: none; /* Simple hide for mobile; could add a toggle */
            }
        }
    </style>
</head>
<body>
    <header>
        <nav class="container">
            <div class="logo">Kacchi Bhai</div>
            <ul>
                <li><a href="#about">About</a></li>
                <li><a href="#menu">Menu</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>
    </header>

    <section class="hero">
        <div class="hero-content">
            <h1>Welcome to Kacchi Bhai - Khulna</h1>
            <p>Experience the authentic taste of Bangladeshi Kacchi Biryani and more in the heart of Khulna.</p>
            <a href="#menu" class="btn">Explore Menu</a>
        </div>
    </section>

    <section id="about" class="about">
        <div class="container">
            <h2>About Us</h2>
            <p>Located at 12 KDA Ave, Khulna 9100, Kacchi Bhai is your go-to spot for traditional Bangladeshi flavors. From our signature Kacchi Biryani to fresh local dishes, we serve with passion and authenticity.</p>
        </div>
    </section>

    <section id="menu" class="menu">
        <div class="container">
            <h2>Our Menu</h2>
            <div class="menu-grid">
                <div class="menu-item">
                    <img src="https://via.placeholder.com/250x200/e76f51/ffffff?text=Kacchi+Biryani" alt="Kacchi Biryani">
                    <h3>Kacchi Biryani</h3>
                </div>
                <div class="menu-item">
                    <img src="https://via.placeholder.com/250x200/f4a261/ffffff?text=Beef+Tehari" alt="Beef Tehari">
                    <h3>Beef Tehari</h3>
                </div>
                <div class="menu-item">
                    <img src="https://via.placeholder.com/250x200/ffb74d/ffffff?text=Desserts" alt="Desserts">
                    <h3>Desserts</h3>
                </div>
            </div>
        </div>
    </section>

    <section id="contact" class="contact">
        <div class="container">
            <h2>Contact Us</h2>
            <p>Address: 12 KDA Ave, Khulna 9100, Bangladesh</p>
            <p>Phone: +880 123 456 7890</p>
            <p>Email: info@kacchibhai.com</p>
            <a href="https://www.google.com/maps/place/Kacchi+Bhai+-+Khulna,+12+KDA+Ave,+Khulna+9100/@22.8195149,89.5510977,16z/data=!4m14!1m7!3m6!1s0x39ff9071cb47152f:0xf04b212290718952!2sKhulna!8m2!3d22.8373287!4d89.5400472!16zL20vMDN0ODFj!3m5!1s0x39ff915131e3bc27:0x7248aafeefba173e!8m2!3d22.8190796!4d89.5534149!16s%2Fg%2F11l1yk1nyw?g_ep=Eg1tbF8yMDI2MDExNF8wIOC7DCoASAJQAg%3D%3D" class="btn" target="_blank">View on Google Maps</a>
        </div>
    </section>

    <footer>
        <div class="container">
            <p>&copy; 2023 Kacchi Bhai - Khulna. All rights reserved.</p>
        </div>
    </footer>

    <script>
        // Simple smooth scroll for navigation
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                document.querySelector(this.getAttribute('href')).scrollIntoView({
                    behavior: 'smooth'
                });
            });
        });
    </script>
</body>
</html>
Landing Page

This ad does not have a landing page available
Network Timeline

Performance Summary

Requests
Domains
8KB
Transfer Size
8KB
Content Size
99.0ms
Dom Content Loaded
128.0ms
First Paint
154.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