679 lines
36 KiB
HTML
679 lines
36 KiB
HTML
<!doctype html>
|
|
<html lang="he" dir="rtl">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>7XL - חווית הימורים ברמה אחרת</title>
|
|
<meta name="description" content="7XL - פלטפורמת הימורי ספורט וקזינו מובילה. הורד את האפליקציה עכשיו וקבל בונוס הצטרפות מיוחד.">
|
|
<meta property="og:title" content="7XL - חווית הימורים ברמה אחרת">
|
|
<meta property="og:description" content="הימורי ספורט חי, קזינו אונליין, בונוסים שווים ואפליקציה מהירה">
|
|
<meta property="og:type" content="website">
|
|
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect fill='%230a0e17' width='100' height='100' rx='20'/><defs><linearGradient id='g' x1='0%25' y1='0%25' x2='100%25' y2='100%25'><stop offset='0%25' stop-color='%236366f1'/><stop offset='100%25' stop-color='%2322d3ee'/></linearGradient></defs><text x='50' y='68' text-anchor='middle' fill='url(%23g)' font-size='50' font-weight='600' font-family='system-ui'>7</text></svg>">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600&family=Rubik:wght@400;500;600&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<header class="site-header">
|
|
<nav class="nav-container">
|
|
<a href="#" class="logo" aria-label="7XL דף הבית">
|
|
<span class="logo-7">7</span><span class="logo-xl">XL</span>
|
|
</a>
|
|
<ul class="nav-links">
|
|
<li><a href="#sports">ספורט חי</a></li>
|
|
<li><a href="#casino">קזינו</a></li>
|
|
<li><a href="#bonuses">בונוסים</a></li>
|
|
<li><a href="#download">האפליקציה</a></li>
|
|
</ul>
|
|
<a href="#download" class="nav-cta">הורד עכשיו</a>
|
|
<button class="mobile-menu-btn" aria-label="פתח תפריט" aria-expanded="false" aria-controls="mobile-nav">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</button>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
<!-- Hero Section -->
|
|
<section class="hero">
|
|
<div class="hero-bg-effects" aria-hidden="true">
|
|
<div class="glow glow-1"></div>
|
|
<div class="glow glow-2"></div>
|
|
<div class="glow glow-3"></div>
|
|
</div>
|
|
<div class="hero-content">
|
|
<div class="hero-text">
|
|
<div class="hero-badge">
|
|
<span class="badge-dot" aria-hidden="true"></span>
|
|
פלטפורמה מובילה בישראל
|
|
</div>
|
|
<h1>
|
|
<span class="hero-7xl">7XL</span>
|
|
<span class="hero-tagline">חווית הימורים ברמה אחרת</span>
|
|
</h1>
|
|
<p class="hero-desc">הימורי ספורט חי, קזינו אונליין מתקדם, בונוסים בלעדיים ואפליקציה מהירה במיוחד. הצטרפו לאלפי שחקנים שכבר נהנים.</p>
|
|
<div class="hero-ctas">
|
|
<a href="#download" class="btn btn-primary btn-glow">
|
|
<svg class="btn-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/>
|
|
<polyline points="7 10 12 15 17 10"/>
|
|
<line x1="12" y1="15" x2="12" y2="3"/>
|
|
</svg>
|
|
הורד עכשיו
|
|
</a>
|
|
<a href="#bonuses" class="btn btn-secondary">
|
|
הצטרף וקבל בונוס
|
|
<svg class="btn-icon-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<line x1="5" y1="12" x2="19" y2="12"/>
|
|
<polyline points="12 5 19 12 12 19"/>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
<div class="hero-stats">
|
|
<div class="stat">
|
|
<span class="stat-number">50K+</span>
|
|
<span class="stat-label">שחקנים פעילים</span>
|
|
</div>
|
|
<div class="stat">
|
|
<span class="stat-number">24/7</span>
|
|
<span class="stat-label">תמיכה בעברית</span>
|
|
</div>
|
|
<div class="stat">
|
|
<span class="stat-number">100%</span>
|
|
<span class="stat-label">אבטחה מלאה</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="hero-phone" aria-hidden="true">
|
|
<div class="phone-mockup">
|
|
<div class="phone-frame">
|
|
<div class="phone-notch"></div>
|
|
<div class="phone-screen">
|
|
<div class="screen-header">
|
|
<span class="screen-logo">7XL</span>
|
|
<span class="screen-balance">₪ 5,420</span>
|
|
</div>
|
|
<div class="screen-live-badge">
|
|
<span class="live-dot" aria-hidden="true"></span>
|
|
<span lang="en">LIVE</span>
|
|
</div>
|
|
<div class="screen-match">
|
|
<div class="match-teams">
|
|
<span>מכבי ת"א</span>
|
|
<span class="match-score">2 - 1</span>
|
|
<span>הפועל ב"ש</span>
|
|
</div>
|
|
<div class="match-odds">
|
|
<span class="odd">1.85</span>
|
|
<span class="odd active">3.20</span>
|
|
<span class="odd">4.10</span>
|
|
</div>
|
|
</div>
|
|
<div class="screen-games">
|
|
<div class="game-icon game-slots">
|
|
<svg viewBox="0 0 40 40"><defs><linearGradient id="slotGrad" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#6366f1"/><stop offset="100%" stop-color="#22d3ee"/></linearGradient></defs><circle cx="20" cy="20" r="15" fill="url(#slotGrad)"/><text x="20" y="25" text-anchor="middle" fill="#fff" font-size="14" font-weight="600">7</text></svg>
|
|
</div>
|
|
<div class="game-icon game-roulette">
|
|
<svg viewBox="0 0 40 40"><circle cx="20" cy="20" r="15" fill="#6366f1"/><circle cx="20" cy="20" r="8" fill="none" stroke="#22d3ee" stroke-width="2"/></svg>
|
|
</div>
|
|
<div class="game-icon game-cards">
|
|
<svg viewBox="0 0 40 40"><rect x="8" y="10" width="12" height="18" rx="2" fill="#fff"/><rect x="20" y="12" width="12" height="18" rx="2" fill="#22d3ee"/></svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="phone-glow"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Features Section -->
|
|
<section class="features" id="features">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<span class="section-tag">למה 7XL?</span>
|
|
<h2>יתרונות הפלטפורמה</h2>
|
|
</div>
|
|
<div class="features-grid">
|
|
<article class="feature-card">
|
|
<div class="feature-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 48 48" fill="none">
|
|
<circle cx="24" cy="24" r="20" stroke="currentColor" stroke-width="2"/>
|
|
<path d="M24 14v10l7 7" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
|
<circle cx="24" cy="24" r="3" fill="currentColor"/>
|
|
</svg>
|
|
</div>
|
|
<h3>הימורי ספורט חי</h3>
|
|
<p>עקבו אחר המשחקים בזמן אמת והמרו על תוצאות משתנות. אודס דינמיים ועדכונים מיידיים.</p>
|
|
</article>
|
|
<article class="feature-card featured">
|
|
<div class="feature-badge">פופולרי</div>
|
|
<div class="feature-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 48 48" fill="none">
|
|
<rect x="8" y="12" width="32" height="24" rx="4" stroke="currentColor" stroke-width="2"/>
|
|
<circle cx="24" cy="24" r="8" stroke="currentColor" stroke-width="2"/>
|
|
<path d="M24 18v12M18 24h12" stroke="currentColor" stroke-width="2"/>
|
|
</svg>
|
|
</div>
|
|
<h3>קזינו אונליין</h3>
|
|
<p>מגוון ענק של משחקים: רולטה, בלאקג'ק, סלוטים ופוקר. דילרים חיים 24/7.</p>
|
|
</article>
|
|
<article class="feature-card">
|
|
<div class="feature-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 48 48" fill="none">
|
|
<path d="M24 4l6 12 13 2-9 9 2 13-12-6-12 6 2-13-9-9 13-2z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
|
|
</svg>
|
|
</div>
|
|
<h3>בונוסים שווים</h3>
|
|
<p>בונוס הצטרפות עד 100%, בונוסים יומיים, מבצעים מיוחדים והחזרים על הפסדים.</p>
|
|
</article>
|
|
<article class="feature-card">
|
|
<div class="feature-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 48 48" fill="none">
|
|
<rect x="12" y="6" width="24" height="36" rx="4" stroke="currentColor" stroke-width="2"/>
|
|
<line x1="18" y1="10" x2="30" y2="10" stroke="currentColor" stroke-width="2"/>
|
|
<circle cx="24" cy="36" r="2" fill="currentColor"/>
|
|
</svg>
|
|
</div>
|
|
<h3>אפליקציה מהירה</h3>
|
|
<p>אפליקציה מותאמת לכל מכשיר עם ממשק נוח בעברית וביצועים מהירים במיוחד.</p>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Sports Section -->
|
|
<section class="sports" id="sports">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<span class="section-tag">ספורט חי</span>
|
|
<h2>המרו על הענפים האהובים</h2>
|
|
</div>
|
|
<div class="sports-showcase">
|
|
<div class="sports-list" role="tablist" aria-label="ענפי ספורט">
|
|
<button class="sport-item active" data-sport="football" role="tab" aria-selected="true" aria-controls="sport-display" tabindex="0">
|
|
<div class="sport-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 48 48" fill="none">
|
|
<circle cx="24" cy="24" r="18" stroke="currentColor" stroke-width="2"/>
|
|
<path d="M24 6v36M6 24h36M10 12l28 24M38 12L10 36" stroke="currentColor" stroke-width="1.5" opacity="0.5"/>
|
|
<circle cx="24" cy="24" r="6" stroke="currentColor" stroke-width="2"/>
|
|
</svg>
|
|
</div>
|
|
<div class="sport-info">
|
|
<span class="sport-title">כדורגל</span>
|
|
<span class="sport-subtitle">250+ ליגות</span>
|
|
</div>
|
|
<div class="sport-arrow" aria-hidden="true">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<polyline points="15 18 9 12 15 6"/>
|
|
</svg>
|
|
</div>
|
|
</button>
|
|
<button class="sport-item" data-sport="basketball" role="tab" aria-selected="false" aria-controls="sport-display" tabindex="-1">
|
|
<div class="sport-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 48 48" fill="none">
|
|
<circle cx="24" cy="24" r="18" stroke="currentColor" stroke-width="2"/>
|
|
<path d="M6 24h36M24 6v36" stroke="currentColor" stroke-width="1.5"/>
|
|
<path d="M12 10c8 4 16 4 24 0M12 38c8-4 16-4 24 0" stroke="currentColor" stroke-width="1.5"/>
|
|
</svg>
|
|
</div>
|
|
<div class="sport-info">
|
|
<span class="sport-title">כדורסל</span>
|
|
<span class="sport-subtitle"><span lang="en">NBA</span>, יורוליג ועוד</span>
|
|
</div>
|
|
<div class="sport-arrow" aria-hidden="true">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<polyline points="15 18 9 12 15 6"/>
|
|
</svg>
|
|
</div>
|
|
</button>
|
|
<button class="sport-item" data-sport="tennis" role="tab" aria-selected="false" aria-controls="sport-display" tabindex="-1">
|
|
<div class="sport-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 48 48" fill="none">
|
|
<circle cx="24" cy="24" r="18" stroke="currentColor" stroke-width="2"/>
|
|
<path d="M8 24c8-12 24-12 32 0M8 24c8 12 24 12 32 0" stroke="currentColor" stroke-width="1.5"/>
|
|
</svg>
|
|
</div>
|
|
<div class="sport-info">
|
|
<span class="sport-title">טניס</span>
|
|
<span class="sport-subtitle">גרנד סלאם ועוד</span>
|
|
</div>
|
|
<div class="sport-arrow" aria-hidden="true">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<polyline points="15 18 9 12 15 6"/>
|
|
</svg>
|
|
</div>
|
|
</button>
|
|
<button class="sport-item" data-sport="more" role="tab" aria-selected="false" aria-controls="sport-display" tabindex="-1">
|
|
<div class="sport-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 48 48" fill="none">
|
|
<circle cx="12" cy="24" r="4" stroke="currentColor" stroke-width="2"/>
|
|
<circle cx="24" cy="24" r="4" stroke="currentColor" stroke-width="2"/>
|
|
<circle cx="36" cy="24" r="4" stroke="currentColor" stroke-width="2"/>
|
|
</svg>
|
|
</div>
|
|
<div class="sport-info">
|
|
<span class="sport-title">ועוד...</span>
|
|
<span class="sport-subtitle"><span lang="en">MMA</span>, הוקי, גולף</span>
|
|
</div>
|
|
<div class="sport-arrow" aria-hidden="true">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<polyline points="15 18 9 12 15 6"/>
|
|
</svg>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
<div class="sports-display" id="sport-display" role="tabpanel">
|
|
<div class="live-match-card">
|
|
<div class="match-header">
|
|
<span class="live-indicator">
|
|
<span class="live-pulse" aria-hidden="true"></span>
|
|
<span lang="en">LIVE</span>
|
|
</span>
|
|
<span class="match-time">67'</span>
|
|
</div>
|
|
<div class="match-content">
|
|
<div class="team">
|
|
<div class="team-badge home" aria-hidden="true">
|
|
<svg viewBox="0 0 40 40"><circle cx="20" cy="20" r="16" fill="#6366f1"/><text x="20" y="26" text-anchor="middle" fill="#fff" font-size="12" font-weight="500">מכבי</text></svg>
|
|
</div>
|
|
<span class="team-name">מכבי תל אביב</span>
|
|
</div>
|
|
<div class="score-box">
|
|
<span class="score">2</span>
|
|
<span class="score-divider">:</span>
|
|
<span class="score">1</span>
|
|
</div>
|
|
<div class="team">
|
|
<div class="team-badge away" aria-hidden="true">
|
|
<svg viewBox="0 0 40 40"><circle cx="20" cy="20" r="16" fill="#22d3ee"/><text x="20" y="26" text-anchor="middle" fill="#0a0e17" font-size="12" font-weight="500">הפועל</text></svg>
|
|
</div>
|
|
<span class="team-name">הפועל באר שבע</span>
|
|
</div>
|
|
</div>
|
|
<div class="match-odds-row">
|
|
<button class="odd-btn" type="button">
|
|
<span class="odd-label">1</span>
|
|
<span class="odd-value">1.85</span>
|
|
</button>
|
|
<button class="odd-btn" type="button">
|
|
<span class="odd-label">X</span>
|
|
<span class="odd-value">3.40</span>
|
|
</button>
|
|
<button class="odd-btn highlighted" type="button">
|
|
<span class="odd-label">2</span>
|
|
<span class="odd-value">4.20</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Casino Section -->
|
|
<section class="casino" id="casino">
|
|
<div class="container">
|
|
<div class="section-header centered">
|
|
<span class="section-tag">קזינו אונליין</span>
|
|
<h2>משחקים שאוהבים</h2>
|
|
<p>דילרים חיים, גרפיקה מדהימה ופרסים ענקיים</p>
|
|
</div>
|
|
<div class="casino-games">
|
|
<article class="game-card game-roulette">
|
|
<div class="game-visual" aria-hidden="true">
|
|
<svg class="roulette-wheel" viewBox="0 0 120 120">
|
|
<defs>
|
|
<linearGradient id="rouletteGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#0d1117"/>
|
|
<stop offset="100%" stop-color="#161b22"/>
|
|
</linearGradient>
|
|
</defs>
|
|
<circle cx="60" cy="60" r="55" fill="url(#rouletteGrad)" stroke="#6366f1" stroke-width="3"/>
|
|
<circle cx="60" cy="60" r="40" fill="none" stroke="#22d3ee" stroke-width="1" opacity="0.5"/>
|
|
<circle cx="60" cy="60" r="25" fill="none" stroke="#6366f1" stroke-width="1" opacity="0.3"/>
|
|
<circle cx="60" cy="60" r="8" fill="#22d3ee"/>
|
|
<g class="wheel-numbers">
|
|
<text x="60" y="18" text-anchor="middle" fill="#6366f1" font-size="8" font-weight="500">32</text>
|
|
<text x="95" y="35" text-anchor="middle" fill="#22d3ee" font-size="8" font-weight="500">15</text>
|
|
<text x="102" y="63" text-anchor="middle" fill="#6366f1" font-size="8" font-weight="500">19</text>
|
|
<text x="95" y="90" text-anchor="middle" fill="#22d3ee" font-size="8" font-weight="500">4</text>
|
|
<text x="60" y="107" text-anchor="middle" fill="#6366f1" font-size="8" font-weight="500">21</text>
|
|
<text x="25" y="90" text-anchor="middle" fill="#22d3ee" font-size="8" font-weight="500">2</text>
|
|
<text x="18" y="63" text-anchor="middle" fill="#6366f1" font-size="8" font-weight="500">25</text>
|
|
<text x="25" y="35" text-anchor="middle" fill="#22d3ee" font-size="8" font-weight="500">17</text>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div class="game-info">
|
|
<h3>רולטה</h3>
|
|
<p>רולטה אירופאית וצרפתית עם דילרים חיים</p>
|
|
<a href="#" class="game-link">שחק עכשיו</a>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="game-card game-blackjack">
|
|
<div class="game-visual" aria-hidden="true">
|
|
<svg class="cards-stack" viewBox="0 0 120 100">
|
|
<defs>
|
|
<linearGradient id="cardGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#fff"/>
|
|
<stop offset="100%" stop-color="#f0f0f0"/>
|
|
</linearGradient>
|
|
</defs>
|
|
<rect x="15" y="15" width="50" height="70" rx="4" fill="url(#cardGrad)" transform="rotate(-10 40 50)"/>
|
|
<text x="25" y="45" fill="#0d1117" font-size="18" font-weight="500" transform="rotate(-10 40 50)">A</text>
|
|
<text x="25" y="65" fill="#6366f1" font-size="14" transform="rotate(-10 40 50)">♥</text>
|
|
<rect x="45" y="10" width="50" height="70" rx="4" fill="url(#cardGrad)" transform="rotate(5 70 45)"/>
|
|
<text x="55" y="40" fill="#0d1117" font-size="18" font-weight="500" transform="rotate(5 70 45)">K</text>
|
|
<text x="55" y="60" fill="#22d3ee" font-size="14" transform="rotate(5 70 45)">♠</text>
|
|
<text x="90" y="90" fill="#22d3ee" font-size="16" font-weight="500">21</text>
|
|
</svg>
|
|
</div>
|
|
<div class="game-info">
|
|
<h3>בלאקג'ק</h3>
|
|
<p>השג 21 ונצח את הדילר במשחק הקלפים הקלאסי</p>
|
|
<a href="#" class="game-link">שחק עכשיו</a>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="game-card game-slots">
|
|
<div class="game-visual" aria-hidden="true">
|
|
<svg class="slot-machine" viewBox="0 0 120 100">
|
|
<rect x="15" y="10" width="90" height="80" rx="8" fill="#0d1117" stroke="#6366f1" stroke-width="2"/>
|
|
<rect x="25" y="25" width="22" height="35" rx="3" fill="#161b22"/>
|
|
<rect x="52" y="25" width="22" height="35" rx="3" fill="#161b22"/>
|
|
<rect x="79" y="25" width="22" height="35" rx="3" fill="#161b22"/>
|
|
<text x="36" y="50" text-anchor="middle" fill="#6366f1" font-size="20" font-weight="500">7</text>
|
|
<text x="63" y="50" text-anchor="middle" fill="#22d3ee" font-size="20" font-weight="500">7</text>
|
|
<text x="90" y="50" text-anchor="middle" fill="#6366f1" font-size="20" font-weight="500">7</text>
|
|
<rect x="50" y="68" width="20" height="15" rx="3" fill="#22d3ee"/>
|
|
<text x="60" y="80" text-anchor="middle" fill="#0a0e17" font-size="8" font-weight="500" lang="en">SPIN</text>
|
|
</svg>
|
|
</div>
|
|
<div class="game-info">
|
|
<h3>סלוטים</h3>
|
|
<p>מאות מכונות מזל עם ג'קפוטים ענקיים</p>
|
|
<a href="#" class="game-link">שחק עכשיו</a>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="game-card game-poker">
|
|
<div class="game-visual" aria-hidden="true">
|
|
<svg class="poker-chips" viewBox="0 0 120 100">
|
|
<ellipse cx="40" cy="70" rx="25" ry="10" fill="#6366f1"/>
|
|
<ellipse cx="40" cy="65" rx="25" ry="10" fill="#818cf8"/>
|
|
<ellipse cx="40" cy="60" rx="25" ry="10" fill="#6366f1"/>
|
|
<ellipse cx="80" cy="60" rx="25" ry="10" fill="#22d3ee"/>
|
|
<ellipse cx="80" cy="55" rx="25" ry="10" fill="#67e8f9"/>
|
|
<ellipse cx="80" cy="50" rx="25" ry="10" fill="#22d3ee"/>
|
|
<ellipse cx="60" cy="40" rx="25" ry="10" fill="#4f46e5"/>
|
|
<ellipse cx="60" cy="35" rx="25" ry="10" fill="#6366f1"/>
|
|
<ellipse cx="60" cy="30" rx="25" ry="10" fill="#4f46e5"/>
|
|
<text x="60" y="34" text-anchor="middle" fill="#fff" font-size="8" font-weight="500">500</text>
|
|
</svg>
|
|
</div>
|
|
<div class="game-info">
|
|
<h3>פוקר</h3>
|
|
<p>טקסס הולדם, אומהה וטורנירים בינלאומיים</p>
|
|
<a href="#" class="game-link">שחק עכשיו</a>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Bonuses Section -->
|
|
<section class="bonuses" id="bonuses">
|
|
<div class="container">
|
|
<div class="bonuses-wrapper">
|
|
<div class="bonuses-content">
|
|
<span class="section-tag">בונוסים בלעדיים</span>
|
|
<h2>הצטרף וקבל<br><span class="highlight">עד 100% בונוס</span></h2>
|
|
<p>בונוס הצטרפות מיוחד לשחקנים חדשים + בונוסים יומיים, שבועיים והטבות VIP</p>
|
|
<ul class="bonus-features">
|
|
<li>
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<polyline points="20 6 9 17 4 12"/>
|
|
</svg>
|
|
בונוס 100% על הפקדה ראשונה
|
|
</li>
|
|
<li>
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<polyline points="20 6 9 17 4 12"/>
|
|
</svg>
|
|
הימורים חינם כל יום
|
|
</li>
|
|
<li>
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<polyline points="20 6 9 17 4 12"/>
|
|
</svg>
|
|
החזר 10% על הפסדים שבועיים
|
|
</li>
|
|
<li>
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<polyline points="20 6 9 17 4 12"/>
|
|
</svg>
|
|
<span>תוכנית <span lang="en">VIP</span> עם הטבות בלעדיות</span>
|
|
</li>
|
|
</ul>
|
|
<a href="#download" class="btn btn-primary btn-glow btn-large">
|
|
הצטרף עכשיו וקבל בונוס
|
|
</a>
|
|
</div>
|
|
<div class="bonuses-visual" aria-hidden="true">
|
|
<div class="bonus-card-stack">
|
|
<div class="bonus-card bc-1">
|
|
<div class="bc-amount">₪500</div>
|
|
<div class="bc-label">בונוס הצטרפות</div>
|
|
</div>
|
|
<div class="bonus-card bc-2">
|
|
<div class="bc-amount">10%</div>
|
|
<div class="bc-label">החזר שבועי</div>
|
|
</div>
|
|
<div class="bonus-card bc-3">
|
|
<div class="bc-amount" lang="en">VIP</div>
|
|
<div class="bc-label">הטבות בלעדיות</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Download Section -->
|
|
<section class="download" id="download">
|
|
<div class="container">
|
|
<div class="download-wrapper">
|
|
<div class="download-visual" aria-hidden="true">
|
|
<div class="download-phones">
|
|
<div class="download-phone phone-1">
|
|
<div class="dp-screen">
|
|
<div class="dp-header">
|
|
<span class="dp-logo">7XL</span>
|
|
</div>
|
|
<div class="dp-content">
|
|
<div class="dp-menu-item">
|
|
<svg viewBox="0 0 24 24" fill="currentColor"><circle cx="12" cy="12" r="10"/></svg>
|
|
ספורט
|
|
</div>
|
|
<div class="dp-menu-item active">
|
|
<svg viewBox="0 0 24 24" fill="currentColor"><rect x="4" y="4" width="16" height="16" rx="2"/></svg>
|
|
קזינו
|
|
</div>
|
|
<div class="dp-menu-item">
|
|
<svg viewBox="0 0 24 24" fill="currentColor"><polygon points="12,2 22,22 2,22"/></svg>
|
|
בונוסים
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="download-phone phone-2">
|
|
<div class="dp-screen">
|
|
<div class="dp-live">
|
|
<span class="dp-live-dot"></span>
|
|
<span lang="en">LIVE</span>
|
|
</div>
|
|
<div class="dp-game">
|
|
<div class="dp-roulette-wheel"></div>
|
|
</div>
|
|
<div class="dp-bet-amount">₪50</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="download-content">
|
|
<span class="section-tag">הורדה</span>
|
|
<h2>הורד את<br>האפליקציה עכשיו</h2>
|
|
<p>זמינה לכל המכשירים. ממשק נוח בעברית, ביצועים מהירים ואבטחה מקסימלית.</p>
|
|
<div class="download-buttons">
|
|
<a href="#" class="download-btn ios">
|
|
<svg class="store-icon" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
|
|
<path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/>
|
|
</svg>
|
|
<div class="btn-text">
|
|
<span class="small">הורד מ-</span>
|
|
<span class="large" lang="en">App Store</span>
|
|
</div>
|
|
</a>
|
|
<a href="#" class="download-btn android">
|
|
<svg class="store-icon" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
|
|
<path d="M3 20.5v-17c0-.83.67-1.5 1.5-1.5h15c.83 0 1.5.67 1.5 1.5v17c0 .83-.67 1.5-1.5 1.5h-15c-.83 0-1.5-.67-1.5-1.5zm14-6.5l-5-8.5-5 8.5h3.5v5h3v-5h3.5z"/>
|
|
</svg>
|
|
<div class="btn-text">
|
|
<span class="small">הורד מ-</span>
|
|
<span class="large" lang="en">Google Play</span>
|
|
</div>
|
|
</a>
|
|
<a href="#" class="download-btn desktop">
|
|
<svg class="store-icon" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
|
|
<path d="M3 4h18v12H3V4zm2 2v8h14V6H5zm4 14h6v2H9v-2z"/>
|
|
</svg>
|
|
<div class="btn-text">
|
|
<span class="small">הורד ל-</span>
|
|
<span class="large" lang="en">Windows</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="download-features">
|
|
<div class="df-item">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
|
|
</svg>
|
|
<span>מאובטח</span>
|
|
</div>
|
|
<div class="df-item">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<circle cx="12" cy="12" r="10"/>
|
|
<polyline points="12 6 12 12 16 14"/>
|
|
</svg>
|
|
<span>מהיר</span>
|
|
</div>
|
|
<div class="df-item">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
|
|
</svg>
|
|
<span>עברית</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Support Section -->
|
|
<section class="support">
|
|
<div class="container">
|
|
<div class="support-card">
|
|
<div class="support-content">
|
|
<h3>תמיכה 24/7</h3>
|
|
<p>צוות התמיכה שלנו זמין עבורך בכל שעה, בעברית מלאה</p>
|
|
</div>
|
|
<div class="support-channels">
|
|
<a href="#" class="support-btn whatsapp">
|
|
<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
|
|
<path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/>
|
|
</svg>
|
|
וואטסאפ
|
|
</a>
|
|
<a href="#" class="support-btn telegram">
|
|
<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
|
|
<path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"/>
|
|
</svg>
|
|
טלגרם
|
|
</a>
|
|
<a href="#" class="support-btn chat">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
|
|
</svg>
|
|
צ'אט חי
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="site-footer">
|
|
<div class="container">
|
|
<div class="footer-top">
|
|
<div class="footer-brand">
|
|
<a href="#" class="footer-logo" aria-label="7XL דף הבית">
|
|
<span class="logo-7">7</span><span class="logo-xl">XL</span>
|
|
</a>
|
|
<p>פלטפורמת הימורי ספורט וקזינו מובילה. חווית הימורים ברמה אחרת.</p>
|
|
</div>
|
|
<div class="footer-links">
|
|
<div class="footer-col">
|
|
<h4>משחקים</h4>
|
|
<ul>
|
|
<li><a href="#sports">ספורט חי</a></li>
|
|
<li><a href="#casino">קזינו</a></li>
|
|
<li><a href="#">פוקר</a></li>
|
|
<li><a href="#">סלוטים</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="footer-col">
|
|
<h4>עזרה</h4>
|
|
<ul>
|
|
<li><a href="#">שאלות נפוצות</a></li>
|
|
<li><a href="#">תנאי שימוש</a></li>
|
|
<li><a href="#">מדיניות פרטיות</a></li>
|
|
<li><a href="#">משחק אחראי</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="footer-col">
|
|
<h4>הורדה</h4>
|
|
<ul>
|
|
<li><a href="#" lang="en">iOS</a></li>
|
|
<li><a href="#" lang="en">Android</a></li>
|
|
<li><a href="#" lang="en">Windows</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<div class="footer-legal">
|
|
<p>© 2025 7XL. כל הזכויות שמורות.</p>
|
|
<p class="disclaimer">המשחקים באתר מיועדים לבגירים בלבד (18+). שחקו באחריות.</p>
|
|
</div>
|
|
<div class="footer-badges">
|
|
<span class="badge-18" aria-label="מותר מגיל 18 ומעלה">18+</span>
|
|
<span class="badge-secure">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
|
|
</svg>
|
|
מאובטח
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|