<!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

Jesus Loves You Hand Sign T-Shirt

Masters Tournament Golf Shirt with Cartoon Golfer

paper beats rock graphic tee

I Had Potential Motivational Quote T-Shirt

swear to god negative hardcore black t-shirt

Baby I'm a Wildcard Graphic Tee

No One Is Illegal On Stolen Land Indigenous Tee

unique polka dot abstract art tee

I Read What I Want Book Lover Tee

Too Cool for Just One Sclerosis! Multiple Sclerosis Awareness Shirt

Vintage Senior 2026 Photo Tee

Custom Grandpa Heart Design with Handprints

English

German

Australia

Spanish

Portuguese

Canada

French

Italian

Japanese

Korean

Vietnamese

Browse New T-Shirts products at our online store.

DEALPULSEL.COM

Contact us

United States

Shop New T-Shirts — unique handmade products designed by independent artists.