Name: Splashes Of Joy Puppy Mouse Pad
Brand: DEALPULSEL.COM
SKU: 6a70bc31048904428b9df1cc
Price: 29.00 USD
Availability: InStock

<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Silvergeckolo - Fashion Slogans & Collection</title>
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    <style>
        :root {
            --tb-primary: #4176a0;      /* Tone màu chủ đạo */
            --tb-primary-dark: #315a7c; /* Xanh đậm hơn khi hover */
            --tb-bg: #f8fafc;           /* Nền sáng nhẹ */
            --tb-text: #0f172a;         /* Màu chữ chính */
            --tb-text-muted: #64748b;   /* Màu chữ phụ */
        }

        /* Container tổng cho Top Bar */
        .creative-topbar-wrapper {
            width: 100%;
            background: linear-gradient(135deg, #f0f4f8 0%, #e2e8f0 100%);
            border-bottom: 1px solid rgba(65, 118, 160, 0.15);
            font-family: 'Plus Jakarta Sans', sans-serif;
            position: relative;
            z-index: 100;
            overflow: hidden;
        }

        .creative-topbar {
            max-width: 1400px;
            margin: 0 auto;
            padding: 10px 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
        }

        /* Khối bên trái: Huy hiệu trạng thái động */
        .tb-badge-group {
            display: flex;
            align-items: center;
            gap: 8px;
            background: #ffffff;
            padding: 6px 14px;
            border-radius: 30px;
            border: 1px solid rgba(65, 118, 160, 0.2);
            box-shadow: 0 2px 8px rgba(65, 118, 160, 0.05);
            flex-shrink: 0;
        }

        .tb-pulse-dot {
            width: 7px;
            height: 7px;
            background-color: var(--tb-primary);
            border-radius: 50%;
            animation: tb-pulse 1.8s infinite;
        }

        .tb-badge-text {
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            color: var(--tb-primary);
        }

        /* Khối ở giữa: Thông điệp slogan dịch chuyển sáng tạo */
        .tb-ticker-container {
            flex: 1;
            overflow: hidden;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .tb-ticker-content {
            display: flex;
            gap: 50px;
            white-space: nowrap;
            animation: tb-marquee 30s linear infinite;
        }

        .tb-ticker-content:hover {
            animation-play-state: paused; /* Dừng lại khi rê chuột để khách hàng đọc rõ */
        }

        .tb-item {
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--tb-text);
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .tb-item b {
            color: var(--tb-primary);
            font-weight: 800;
        }

        /* Khối bên phải: Nút CTA tương tác */
        .tb-action-btn {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            background: var(--tb-primary);
            color: #ffffff;
            text-decoration: none;
            padding: 7px 18px;
            border-radius: 30px;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            transition: all 0.3s ease;
            box-shadow: 0 4px 12px rgba(65, 118, 160, 0.25);
            flex-shrink: 0;
        }

        .tb-action-btn:hover {
            background: var(--tb-primary-dark);
            transform: translateY(-2px);
            box-shadow: 0 6px 16px rgba(65, 118, 160, 0.35);
        }

        .tb-icon-arrow {
            transition: transform 0.3s ease;
        }

        .tb-action-btn:hover .tb-icon-arrow {
            transform: translateX(4px);
        }

        /* Hiệu ứng nhấp nháy */
        @keyframes tb-pulse {
            0% { box-shadow: 0 0 0 0 rgba(65, 118, 160, 0.5); }
            70% { box-shadow: 0 0 0 6px rgba(65, 118, 160, 0); }
            100% { box-shadow: 0 0 0 0 rgba(65, 118, 160, 0); }
        }

        /* Hiệu ứng chạy chữ ngang (Marquee) */
        @keyframes tb-marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }

        /* Responsive cho thiết bị di động */
        @media (max-width: 900px) {
            .tb-badge-group { display: none; }
        }

        @media (max-width: 600px) {
            .creative-topbar {
                flex-direction: column;
                gap: 10px;
                padding: 10px 15px;
            }
            .tb-ticker-container {
                width: 100%;
            }
            .tb-action-btn {
                width: 100%;
                justify-content: center;
                box-sizing: border-box;
            }
        }
    </style>
</head>
<body>

<div class="creative-topbar-wrapper">
    <div class="creative-topbar">
        
        
        <div class="tb-badge-group">
            <span class="tb-pulse-dot"></span>
            <span class="tb-badge-text">Silvergeckolo Style</span>
        </div>

        
        <div class="tb-ticker-container">
            <div class="tb-ticker-content">
                <span class="tb-item">✦ <b>ELEVATE YOUR STYLE</b> — REDEFINE YOUR ELEGANCE ✦</span>
                <span class="tb-item">✦ <b>TIMELESS FASHION</b> FOR THE MODERN ICON ✦</span>
                <span class="tb-item">✦ <b>CONFIDENCE IN EVERY THREAD</b> — WEAR YOUR STORY ✦</span>
                <span class="tb-item">✦ <b>ELEVATE YOUR STYLE</b> — REDEFINE YOUR ELEGANCE ✦</span>
                <span class="tb-item">✦ <b>TIMELESS FASHION</b> FOR THE MODERN ICON ✦</span>
                <span class="tb-item">✦ <b>CONFIDENCE IN EVERY THREAD</b> — WEAR YOUR STORY ✦</span>
            </div>
        </div>

        
        <div class="tb-action-right">
            <a href="/shop" class="tb-action-btn">
                Explore Look <span class="tb-icon-arrow">→</span>
            </a>
        </div>

    </div>
</div>

</body>
</html>

Home

All Products

About Us

Contact Us

Order Tracking

<p>Have you had a bad day? Promise you'll forget all about it when you reach for 'Splashes Of Joy Puppy' mouse pad featuring this gentle, happy pup.</p>

Splashes Of Joy Puppy Mouse Pad

English

German

Australia

Spanish

Portuguese

Canada

French

Italian

Japanese

Korean

Vietnamese

Splashes Of Joy Puppy Mouse Pad - Have you had a bad day? Promise you'll forget all about it when you reach for 'Splashes Of Joy Puppy' mouse pad featuring this gentle, happy pup.

DEALPULSEL.COM

Contact us

United States

Have you had a bad day? Promise you'll forget all about it when you reach for 'Splashes Of Joy Puppy' mouse pad featuring this gentle, happy pup.