<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>www.funnystore.com</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            border: 0;
        }
        body {
            margin: 0;
        }
        a {
            text-decoration: none;
            color: #666666;
            border-bottom: 0px solid transparent;
        }
        .container {
            max-width: 600px;
            margin: 10px auto;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.15);
            background: white;
            transform: translateY(0);
        }
        .header {
            background: #cccccc;
            background: linear-gradient(45deg, #FF6B6B, #4ECDC4);
            padding: 30px;
            text-align: center;
            color: white;
        }
        .header h1 {
            margin: 0;
            font-size: 2.5em;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
        }
        .badge {
            background: #FFE66D;
            color: #333;
            padding: 8px 20px;
            border-radius: 30px;
            display: inline-block;
            margin: 15px 0;
            font-weight: bold;
        }
        .cta-button {
                float: left;
            display: block;
            width: 80%;
            margin: 20px auto;
            margin-left: 30px;
            padding: 18px;
            text-align: center;
            background: rgba(255,107,107,0.3);
            background: linear-gradient(45deg, #FF6B6B, #4ECDC4);
            color: white;
            text-decoration: none;
            border-radius: 50px;
            font-size: 1.2em;
            font-weight: bold;
        }
        .features {
            width: 600px;
            justify-content: space-around;
            padding: 10px;
            background: #f8f9fa;

        }
        .feature-item {
            float: left;
            margin-left: 20px;
            text-align: center;
        }
        .product-image {
            background: #FFFFFF;
            width: 168px;
            height: 168px;
            min-width: 168px;
            max-width: 168px;
            min-height: 168px;
            max-height: 168px;
            border-radius: 12px;
            object-fit: cover;
            box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
        }
        .category {
            float: left;
            margin-left: 30px;
            font-size: 20px;
        }
        .more {
            margin-top: 8px;
            color: #999999;
            font-size: 12px;
            float: right;
            margin-right: 30px;
        }
        p {
            margin: 0 auto;
            margin-top: 5px;
            color: #666666;
            width: 150px;
            display: -webkit-box;
            display: box;
            display: -moz-box; 
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            overflow: hidden;
            text-overflow: ellipsis; 
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical; 
            text-align: center;
        }
        .title-div {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .unsubscribe {
                width: 100%;
                float: left;
            display: block;
            margin: 0 auto;
            text-align: center;
            margin-bottom: 20px;
            font-size: 12px;
            color: #666666;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1>🎉 FUNNY STORE</h1>
            <div class="badge">The Best For You</div>
        </div>
        <div class="title-div">
            <div class="category">Short Videos</div>
            <a href="https://redirect.funnystore.com/location?utm_medium=funnystore&utm_source=shortvideo" target="_blank"><div class="more">More</div></a>
            <div style="clear:both"></div>
        </div>
        <div class="features">
            <a href="https://www.funnystore.com/detail.html?id=e84ec9c926634e1ea36afb00060e54ca" target="_blank">
                <div class="feature-item">
                    <img src="https://creative.funnystore.com/webapp/file/202502191739967033145.jpg" class="product-image">
                    <p>#fyp #nokia </p>
                </div>
            </a>
            <a href="https://www.funnystore.com/detail.html?id=1f077c79c3d546f88869f68fc9115438" target="_blank">
                <div class="feature-item">
                    <img src="https://creative.funnystore.com/webapp/file/202502241740370960102.jpg" class="product-image">
                    <p>Pin by Betkin on Social [Video] | Luxury homes, Luxury house designs, Luxury house</p>
                </div>
            </a>
            <a href="https://www.funnystore.com/detail.html?id=1e690547bfc1432989e2725f7073282c" target="_blank">
                <div class="feature-item">
                    <img src="https://creative.funnystore.com/webapp/file/202502241740378607367.jpg" class="product-image">
                    <p>Neon Museum l Las Vegas</p>
                </div>
            </a>
            <div style="clear:both"></div>
        </div>
        <div class="title-div">
            <div class="category">Online Games</div>
            <a href="https://redirect.funnystore.com/location?utm_medium=funnystore&utm_source=gamecenter" target="_blank"><div class="more">More</div></a>
            <div style="clear:both"></div>
        </div>
        <div class="features">
            <a href="https://www.funnystore.com/game.html?id=d20a9f37" target="_blank">
                <div class="feature-item">
                    <img src="https://creative.funnystore.com/campaign/creative/1677832019667.png" class="product-image">
                    <p>Split Ball</p>
                </div>
            </a>
            <a href="https://www.funnystore.com/game.html?id=7ee856bc" target="_blank">
                <div class="feature-item">
                    <img src="https://creative.funnystore.com/campaign/creative/1689664728328.png" class="product-image">
                    <p>Stacky Bird</p>
                </div>
            </a>
            <a href="https://www.funnystore.com/game.html?id=0bc6e95d" target="_blank">
                <div class="feature-item">
                    <img src="https://creative.funnystore.com/campaign/creative/1677225529478.png" class="product-image">
                    <p>Fly Again</p>
                </div>
            </a>
            <div style="clear:both"></div>
        </div>
        <a href="https://redirect.funnystore.com/location?utm_medium=funnystore&utm_source=funnystore" target="_blank">
            <div class="cta-button">
                VISIT WEBSITE NOW âž”
            </div>
        </a>
        <div style="clear:both"></div>
        <a href="https://www.funnystore.com/unsubscribe.html?user=pkg-haskell-maintainers@lists.alioth.debian.org" target="_blank">
            <div class="unsubscribe">Unsubscribe</div>
        </a>
        <div style="clear:both"></div>
    </div>
</body>
</html>