Initial AI-generated site
This commit is contained in:
+496
@@ -0,0 +1,496 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="he" dir="rtl">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>eazy English – אנגלית לאמירנט. בלי פחד. עם תוצאות.</title>
|
||||
<meta name="description" content="מאז 1998 עזרנו ל-120,000 תלמידים להגיע לאקדמיה. קורס אמירנט עם מדריך בזמן אמת או ערכת תרגול עצמאית. מתחילים בחינם.">
|
||||
<meta property="og:title" content="eazy English – אנגלית לאמירנט">
|
||||
<meta property="og:description" content="בלי פחד. עם תוצאות. קורסי אנגלית לאמירנט מאז 1998.">
|
||||
<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 width='100' height='100' fill='%23f57c00'/><text x='50' y='66' text-anchor='middle' font-family='Arial,sans-serif' font-weight='bold' font-size='44' fill='%23fff'>ez</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=Assistant:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Header -->
|
||||
<header class="header">
|
||||
<div class="header-inner">
|
||||
<div class="logo-group">
|
||||
<div class="logo-mark">
|
||||
<svg viewBox="0 0 54 54" width="54" height="54" aria-label="eazy logo">
|
||||
<rect width="54" height="54" rx="8" fill="#f57c00"/>
|
||||
<text x="27" y="36" text-anchor="middle" font-family="Arial,sans-serif" font-weight="bold" font-size="24" fill="#fff">ez</text>
|
||||
</svg>
|
||||
</div>
|
||||
<span class="logo-divider"></span>
|
||||
<span class="logo-text">English</span>
|
||||
</div>
|
||||
<nav class="nav-desktop">
|
||||
<a href="#amirnet">אמירנט</a>
|
||||
<a href="#courses">הקורסים</a>
|
||||
<a href="#free">מתחילים בחינם</a>
|
||||
<a href="#learn">ללמוד אנגלית</a>
|
||||
<a href="#calculator">מחשבון פטור</a>
|
||||
<a href="#about">עלינו</a>
|
||||
</nav>
|
||||
<div class="header-cta">
|
||||
<span class="phone-number" dir="ltr">1-700-70-70-07</span>
|
||||
<a href="#contact" class="btn-cta-link">שיחת ייעוץ ←</a>
|
||||
</div>
|
||||
<button class="mobile-menu-btn" aria-label="תפריט">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Nav -->
|
||||
<nav class="nav-mobile" id="mobileNav">
|
||||
<a href="#amirnet">אמירנט</a>
|
||||
<a href="#courses">הקורסים</a>
|
||||
<a href="#free">מתחילים בחינם</a>
|
||||
<a href="#learn">ללמוד אנגלית</a>
|
||||
<a href="#calculator">מחשבון פטור</a>
|
||||
<a href="#about">עלינו</a>
|
||||
<div class="mobile-nav-cta">
|
||||
<span class="phone-number" dir="ltr">1-700-70-70-07</span>
|
||||
<a href="#contact" class="btn-primary">שיחת ייעוץ</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section class="hero">
|
||||
<div class="hero-bg-letter" aria-hidden="true">E</div>
|
||||
<div class="hero-content">
|
||||
<div class="hero-text">
|
||||
<h1>אנגלית לאמירנט.<br><span class="hero-subtitle">בלי פחד. עם תוצאות.</span></h1>
|
||||
<p class="hero-description">מאז 1998 עזרנו ל-120,000 תלמידים להגיע לאקדמיה – כולל כאלה שהיו בטוחים שאנגלית זה לא בשבילם.<br>קורס עם מדריך בזמן אמת, או ערכת תרגול עצמאית. בכל מקרה, מתחילים בחינם.</p>
|
||||
<a href="#level-test" class="btn-primary btn-large">בדקו את הרמה שלכם – 10 דקות</a>
|
||||
</div>
|
||||
<div class="hero-image">
|
||||
<div class="hero-image-placeholder">
|
||||
<svg viewBox="0 0 200 260" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<ellipse cx="100" cy="240" rx="80" ry="15" fill="#e8e8f0"/>
|
||||
<rect x="50" y="140" width="100" height="70" rx="5" fill="#6b5b95"/>
|
||||
<rect x="55" y="145" width="90" height="55" rx="3" fill="#a8d5e2"/>
|
||||
<circle cx="100" cy="80" r="45" fill="#ffd3b6"/>
|
||||
<path d="M60 70 Q100 30 140 70" stroke="#4a4a4a" stroke-width="8" fill="none"/>
|
||||
<circle cx="85" cy="80" r="5" fill="#4a4a4a"/>
|
||||
<circle cx="115" cy="80" r="5" fill="#4a4a4a"/>
|
||||
<path d="M90 100 Q100 110 110 100" stroke="#4a4a4a" stroke-width="3" fill="none"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- University Logos Section -->
|
||||
<section class="uni-logos">
|
||||
<div class="uni-logos-header">
|
||||
<h2>המוסדות הכי נחשבים בארץ ממליצים על הקורסים שלנו עוד מאז שאנגלית הייתה חלק מהפסיכומטרי.</h2>
|
||||
<span class="uni-logos-hint">לחצו על לוגו כדי לקרוא למה הם שמחים לפרגן</span>
|
||||
</div>
|
||||
<div class="uni-logos-grid">
|
||||
<div class="uni-logo-item" title="הטכניון">
|
||||
<svg viewBox="0 0 80 40"><rect width="80" height="40" fill="#f5f5f5"/><text x="40" y="25" text-anchor="middle" font-size="10" fill="#666">טכניון</text></svg>
|
||||
</div>
|
||||
<div class="uni-logo-item" title="אוניברסיטת תל אביב">
|
||||
<svg viewBox="0 0 80 40"><rect width="80" height="40" fill="#f5f5f5"/><text x="40" y="25" text-anchor="middle" font-size="10" fill="#666">ת״א</text></svg>
|
||||
</div>
|
||||
<div class="uni-logo-item" title="האוניברסיטה העברית">
|
||||
<svg viewBox="0 0 80 40"><rect width="80" height="40" fill="#f5f5f5"/><text x="40" y="25" text-anchor="middle" font-size="10" fill="#666">עברית</text></svg>
|
||||
</div>
|
||||
<div class="uni-logo-item" title="אוניברסיטת בן גוריון">
|
||||
<svg viewBox="0 0 80 40"><rect width="80" height="40" fill="#f5f5f5"/><text x="40" y="25" text-anchor="middle" font-size="10" fill="#666">בן גוריון</text></svg>
|
||||
</div>
|
||||
<div class="uni-logo-item" title="אוניברסיטת בר אילן">
|
||||
<svg viewBox="0 0 80 40"><rect width="80" height="40" fill="#f5f5f5"/><text x="40" y="25" text-anchor="middle" font-size="10" fill="#666">בר אילן</text></svg>
|
||||
</div>
|
||||
<div class="uni-logo-item" title="אוניברסיטת חיפה">
|
||||
<svg viewBox="0 0 80 40"><rect width="80" height="40" fill="#f5f5f5"/><text x="40" y="25" text-anchor="middle" font-size="10" fill="#666">חיפה</text></svg>
|
||||
</div>
|
||||
<div class="uni-logo-item" title="אוניברסיטת אריאל">
|
||||
<svg viewBox="0 0 80 40"><rect width="80" height="40" fill="#f5f5f5"/><text x="40" y="25" text-anchor="middle" font-size="10" fill="#666">אריאל</text></svg>
|
||||
</div>
|
||||
<div class="uni-logo-item" title="המכללה האקדמית">
|
||||
<svg viewBox="0 0 80 40"><rect width="80" height="40" fill="#f5f5f5"/><text x="40" y="25" text-anchor="middle" font-size="10" fill="#666">מכללה</text></svg>
|
||||
</div>
|
||||
<div class="uni-logo-item" title="הבינתחומי">
|
||||
<svg viewBox="0 0 80 40"><rect width="80" height="40" fill="#f5f5f5"/><text x="40" y="25" text-anchor="middle" font-size="10" fill="#666">רייכמן</text></svg>
|
||||
</div>
|
||||
<div class="uni-logo-item" title="האקדמית">
|
||||
<svg viewBox="0 0 80 40"><rect width="80" height="40" fill="#f5f5f5"/><text x="40" y="25" text-anchor="middle" font-size="10" fill="#666">אקדמית</text></svg>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- What's Your Situation Section -->
|
||||
<section class="situation" id="situation">
|
||||
<div class="container">
|
||||
<h2>מה המצב שלך באנגלית?</h2>
|
||||
<p class="section-subtitle">לחצו על המשפט שהכי מתאר אתכם – ותקבלו עמוד עם תשובות ומסלול בדיוק בשבילכם.</p>
|
||||
<div class="situation-cards">
|
||||
<a href="#soldiers" class="situation-card">
|
||||
<span class="card-number lavender">01</span>
|
||||
<h3>"בדרך לתואר, רוצה לסגור את האנגלית מראש"</h3>
|
||||
<p>להגיע עם פטור ולחסוך שנה של קורסים.</p>
|
||||
<span class="card-cta">זה אני ←</span>
|
||||
</a>
|
||||
<a href="#improve" class="situation-card">
|
||||
<span class="card-number green">02</span>
|
||||
<h3>"קיבלתי ציון, רוצה להעלות אותו"</h3>
|
||||
<p>35 יום עד המבחן הבא. אפשר לנצל אותם.</p>
|
||||
<span class="card-cta">זה אני ←</span>
|
||||
</a>
|
||||
<a href="#hard" class="situation-card">
|
||||
<span class="card-number orange">03</span>
|
||||
<h3>"אנגלית תמיד הייתה סיוט בשבילי"</h3>
|
||||
<p>כאן זה עובד אחרת. באמת. שווה לבדוק.</p>
|
||||
<span class="card-cta">זה אני ←</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Game Taste Section -->
|
||||
<section class="game-taste" id="free">
|
||||
<div class="container">
|
||||
<div class="game-taste-box">
|
||||
<div class="game-taste-content">
|
||||
<span class="badge">בלי הרשמה</span>
|
||||
<h2>עד 90 שניות טעימה של תותח מילים – בלי הרשמה.</h2>
|
||||
<p>תראו למה התלמידים שלנו לא נרדמים על אוצר מילים.</p>
|
||||
<a href="#play" class="link-cta">משחקים עכשיו ←</a>
|
||||
</div>
|
||||
<div class="game-taste-preview">
|
||||
<div class="game-preview-placeholder">
|
||||
<svg viewBox="0 0 300 180" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="300" height="180" rx="8" fill="#2a2a4a"/>
|
||||
<circle cx="150" cy="90" r="40" fill="#f57c00"/>
|
||||
<polygon points="140,70 140,110 175,90" fill="#fff"/>
|
||||
<text x="150" y="160" text-anchor="middle" font-size="14" fill="#fff">תותח מילים</text>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Two Paths Section -->
|
||||
<section class="two-paths" id="courses">
|
||||
<div class="container">
|
||||
<h2>שתי דרכים להגיע <span class="orange">ליעד</span></h2>
|
||||
<div class="paths-grid">
|
||||
<div class="path-card">
|
||||
<h3>עצמאית, עם יוזר אמירנט אישי</h3>
|
||||
<p>לומדים לבד, בקצב שלכם. סימולציות, שיעורים מוקלטים, משחקים, מילון לפי רמה.</p>
|
||||
<div class="path-price">עד 600 ₪</div>
|
||||
<div class="path-actions">
|
||||
<a href="#buy" class="btn-secondary">לרכישה</a>
|
||||
<a href="#details" class="link-cta">פרטים ←</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="path-divider"></div>
|
||||
<div class="path-card">
|
||||
<h3>ביחד, בכיתה אונליין / פרונטלית</h3>
|
||||
<p>מדריך בזמן אמת, קבוצה קטנה, מישהו שאכפת לו אם הגעתם.</p>
|
||||
<div class="path-price">מ-1,500 ₪</div>
|
||||
<div class="path-actions">
|
||||
<a href="#contact" class="btn-primary">שיחת ייעוץ</a>
|
||||
<a href="#details" class="link-cta">פרטים ←</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="paths-note">לא בטוחים? <a href="#compare">איזה מתאים לי</a> או פשוט תכתבו לנו <a href="#contact">בוואטסאפ</a>.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Challenges Section -->
|
||||
<section class="challenges" id="method">
|
||||
<div class="container">
|
||||
<h2>איפה האתגרים ואיך מתגברים עליהם</h2>
|
||||
<div class="challenges-grid">
|
||||
<div class="challenge-item">
|
||||
<span class="chevron" aria-hidden="true">›</span>
|
||||
<div>
|
||||
<h4>אוצר מילים לא נכנס לראש</h4>
|
||||
<p>משחקים ממכרים ומילונים לפי רמות.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="challenge-item">
|
||||
<span class="chevron" aria-hidden="true">›</span>
|
||||
<div>
|
||||
<h4>לא מבינים את סוגי השאלות</h4>
|
||||
<p>שיעורים ממוקדים, תרגולים ו-VOD.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="challenge-item">
|
||||
<span class="chevron" aria-hidden="true">›</span>
|
||||
<div>
|
||||
<h4>קשה להתמיד לבד</h4>
|
||||
<p>מדריך בזמן אמת + ליווי + תוכנית לימוד מסודרת.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="challenge-item">
|
||||
<span class="chevron" aria-hidden="true">›</span>
|
||||
<div>
|
||||
<h4 class="orange">אנגלית מלחיצה אתכם מגיל 12</h4>
|
||||
<p>שיטה חווייתית שמורידה את הרתיעה.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="challenge-item">
|
||||
<span class="chevron" aria-hidden="true">›</span>
|
||||
<div>
|
||||
<h4>לקות למידה / הזמן הורג אתכם</h4>
|
||||
<p>ניסיון של שנים עם התאמות.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="challenges-quote">
|
||||
<p>רוב הקורסים מלמדים את המבחן. אנחנו מלמדים גם את האדם שנבחן. 28 שנים של עבודה עם חיילים, סטודנטים, לקויי למידה ומי שפשוט התייאש – לימדו אותנו שהמפתח הוא לא עוד תרגול, אלא ללמוד בלי לחץ, בשיטה חווייתית שגורמת לך לרצות לחזור.</p>
|
||||
<a href="#about" class="link-cta">איך השיטה עובדת ←</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Stories Section -->
|
||||
<section class="stories" id="stories">
|
||||
<div class="container">
|
||||
<h2>בוגרים משתפים</h2>
|
||||
<div class="stories-grid">
|
||||
<div class="story-card">
|
||||
<span class="quote-mark" aria-hidden="true">"</span>
|
||||
<h4>ירדן, אחרי צבא</h4>
|
||||
<span class="story-score">מ-92 ל-136 ב-7 שבועות</span>
|
||||
<p>הייתי בטוחה שאנגלית זה לא בשבילי. המשחקים גרמו לי לחזור כל יום בלי להרגיש שאני לומדת.</p>
|
||||
</div>
|
||||
<div class="story-card">
|
||||
<span class="quote-mark" aria-hidden="true">"</span>
|
||||
<h4>עומר, סטודנט בטכניון</h4>
|
||||
<span class="story-score">134 לפטור מלא</span>
|
||||
<p>סגרתי את הפטור לפני שהתואר התחיל. המדריך ידע בדיוק איפה אני נתקע בכל פרק.</p>
|
||||
</div>
|
||||
<div class="story-card">
|
||||
<span class="quote-mark" aria-hidden="true">"</span>
|
||||
<h4>נועה, לקות למידה</h4>
|
||||
<span class="story-score">פטור אחרי 3 ניסיונות לבד</span>
|
||||
<p>אחרי שנים של תסכול, מישהו סוף סוף התאים לי את הדרך במקום לדחוף עוד תרגולים.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stories-footer">
|
||||
<span>מומלץ ע"י הטכניון · אונ' תל אביב · העברית · בן גוריון · בר אילן · חיפה · אריאל</span>
|
||||
<a href="#all-stories" class="link-cta">כל הסיפורים ←</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Mentors Section -->
|
||||
<section class="mentors" id="mentors">
|
||||
<div class="container">
|
||||
<div class="mentors-content">
|
||||
<div class="mentors-text">
|
||||
<h2>המדריכים שלנו</h2>
|
||||
<p>אנשים אמיתיים שמלמדים בזמן אמת, עונים בוואטסאפ, ויודעים בדיוק מתי לעצור ולהסביר שוב. רובם עברו את הדרך הזאת בעצמם.</p>
|
||||
<a href="#about" class="link-cta">להכיר את כולם ←</a>
|
||||
</div>
|
||||
<div class="mentors-avatars">
|
||||
<div class="mentor">
|
||||
<div class="mentor-avatar lavender-border">
|
||||
<svg viewBox="0 0 100 100"><circle cx="50" cy="50" r="50" fill="#e8e0f0"/><circle cx="50" cy="40" r="20" fill="#ffd3b6"/><ellipse cx="50" cy="85" rx="30" ry="20" fill="#6b5b95"/></svg>
|
||||
</div>
|
||||
<h4>נעה</h4>
|
||||
<span>אנגלית לאמירנט · 12 שנים</span>
|
||||
</div>
|
||||
<div class="mentor">
|
||||
<div class="mentor-avatar orange-border">
|
||||
<svg viewBox="0 0 100 100"><circle cx="50" cy="50" r="50" fill="#ffe5d0"/><circle cx="50" cy="40" r="20" fill="#ffd3b6"/><ellipse cx="50" cy="85" rx="30" ry="20" fill="#f57c00"/></svg>
|
||||
</div>
|
||||
<h4>אלון</h4>
|
||||
<span>מוביל הקורס האונליין</span>
|
||||
</div>
|
||||
<div class="mentor">
|
||||
<div class="mentor-avatar lavender-border">
|
||||
<svg viewBox="0 0 100 100"><circle cx="50" cy="50" r="50" fill="#e8e0f0"/><circle cx="50" cy="40" r="20" fill="#ffd3b6"/><ellipse cx="50" cy="85" rx="30" ry="20" fill="#6b5b95"/></svg>
|
||||
</div>
|
||||
<h4>יובל</h4>
|
||||
<span>מתמחה בלקויות למידה</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Amirnet Guide Section -->
|
||||
<section class="guide" id="amirnet">
|
||||
<div class="container">
|
||||
<h2>מדריך אמירנט</h2>
|
||||
<div class="guide-grid">
|
||||
<a href="#" class="guide-link">מה זה אמירנט<span class="arrow">←</span></a>
|
||||
<a href="#" class="guide-link">כמה צריך לפטור<span class="arrow">←</span></a>
|
||||
<a href="#" class="guide-link">מבנה הבחינה<span class="arrow">←</span></a>
|
||||
<a href="#" class="guide-link">הרשמה ומועדים<span class="arrow">←</span></a>
|
||||
<a href="#" class="guide-link">אמיר"ם מול אמירנט<span class="arrow">←</span></a>
|
||||
<a href="#" class="guide-link">מבחן לדוגמה<span class="arrow">←</span></a>
|
||||
</div>
|
||||
<a href="#amirnet-full" class="link-cta">למדריך המלא ←</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Learn English Section -->
|
||||
<section class="learn" id="learn">
|
||||
<div class="container">
|
||||
<h2>ללמוד אנגלית, בכיף</h2>
|
||||
<div class="learn-grid">
|
||||
<a href="#" class="learn-card">
|
||||
<div class="learn-thumbnail">
|
||||
<svg viewBox="0 0 320 200"><rect width="320" height="200" fill="#e0e0e8"/><circle cx="160" cy="100" r="30" fill="#f57c00"/><polygon points="150,85 150,115 178,100" fill="#fff"/></svg>
|
||||
<span class="play-btn">▶</span>
|
||||
</div>
|
||||
<h4>איך משננים אוצר מילים באמת</h4>
|
||||
</a>
|
||||
<a href="#" class="learn-card">
|
||||
<div class="learn-thumbnail">
|
||||
<svg viewBox="0 0 320 200"><rect width="320" height="200" fill="#e0e0e8"/><circle cx="160" cy="100" r="30" fill="#f57c00"/><polygon points="150,85 150,115 178,100" fill="#fff"/></svg>
|
||||
<span class="play-btn">▶</span>
|
||||
</div>
|
||||
<h4>ללמוד אנגלית מסרטים וסדרות</h4>
|
||||
</a>
|
||||
<a href="#" class="learn-card">
|
||||
<div class="learn-thumbnail">
|
||||
<svg viewBox="0 0 320 200"><rect width="320" height="200" fill="#e0e0e8"/><circle cx="160" cy="100" r="30" fill="#f57c00"/><polygon points="150,85 150,115 178,100" fill="#fff"/></svg>
|
||||
<span class="play-btn">▶</span>
|
||||
</div>
|
||||
<h4>טיקטוק ורילס כמורה לאנגלית</h4>
|
||||
</a>
|
||||
</div>
|
||||
<a href="#all-tips" class="link-cta">לכל הטיפים ←</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- About Brief Section -->
|
||||
<section class="about-brief" id="about">
|
||||
<div class="container">
|
||||
<div class="about-brief-content">
|
||||
<div class="about-brief-image">
|
||||
<svg viewBox="0 0 120 180" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<ellipse cx="60" cy="170" rx="50" ry="8" fill="#e8e8f0"/>
|
||||
<rect x="30" y="100" width="60" height="60" rx="4" fill="#6b5b95"/>
|
||||
<circle cx="60" cy="50" r="35" fill="#ffd3b6"/>
|
||||
<path d="M30 40 Q60 10 90 40" stroke="#4a4a4a" stroke-width="6" fill="none"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="about-brief-text">
|
||||
<h2>מ-1998, מהטכניון ועד בן גוריון</h2>
|
||||
<p>התחלנו כשהאנגלית עוד הייתה חלק מהפסיכומטרי, והקורסים שלנו הומלצו ע"י האוניברסיטאות המובילות. היום אנחנו עושים את אותו הדבר לאמירנט.</p>
|
||||
</div>
|
||||
<a href="#about-full" class="link-cta">הסיפור שלנו ←</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact Section -->
|
||||
<section class="contact" id="contact">
|
||||
<div class="container">
|
||||
<div class="contact-content">
|
||||
<div class="contact-form">
|
||||
<h2>אני רוצה להתקדם באנגלית</h2>
|
||||
<form>
|
||||
<input type="text" placeholder="שם" required>
|
||||
<input type="tel" placeholder="טלפון" dir="ltr" required>
|
||||
<button type="submit" class="btn-primary btn-full">שלחו לי פרטים</button>
|
||||
<label class="consent">
|
||||
<span class="checkbox-icon">✓</span>
|
||||
<span>אני מאשר/ת פנייה חוזרת ושמירת הפרטים לצורך כך בלבד, בהתאם ל<a href="#privacy">מדיניות הפרטיות</a>.</span>
|
||||
</label>
|
||||
</form>
|
||||
</div>
|
||||
<div class="contact-info">
|
||||
<div class="contact-item">
|
||||
<span class="contact-icon phone-icon">????</span>
|
||||
<span dir="ltr">1-700-70-70-07</span>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<span class="contact-icon whatsapp-icon">????</span>
|
||||
<span>וואטסאפ</span>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<span class="contact-icon clock-icon">????</span>
|
||||
<span>ימים א'–ה' 9:00–19:00, ו' 9:00–13:00</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-grid">
|
||||
<div class="footer-brand">
|
||||
<div class="footer-logo">
|
||||
<svg viewBox="0 0 58 58" width="58" height="58">
|
||||
<rect width="58" height="58" rx="8" fill="#f57c00"/>
|
||||
<text x="29" y="38" text-anchor="middle" font-family="Arial,sans-serif" font-weight="bold" font-size="26" fill="#fff">ez</text>
|
||||
</svg>
|
||||
</div>
|
||||
<span class="footer-tagline">פשוט תצליחו.</span>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<h4>אמירנט</h4>
|
||||
<a href="#">המדריך המלא</a>
|
||||
<a href="#">ציונים ורמות</a>
|
||||
<a href="#">הרשמה ומועדים</a>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<h4>התנסות אמירנט בחינם</h4>
|
||||
<a href="#">מבחן רמה</a>
|
||||
<a href="#">תותח מילים</a>
|
||||
<a href="#">מחשבון פטור</a>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<h4>הקורסים</h4>
|
||||
<a href="#">קורס אמירנט אונליין</a>
|
||||
<a href="#">יוזר אמירנט</a>
|
||||
<a href="#">למוסדות</a>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<h4>eazy</h4>
|
||||
<a href="#">עלינו</a>
|
||||
<a href="#">המדריכים</a>
|
||||
<a href="#">יצירת קשר</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-divider"></div>
|
||||
<div class="footer-bottom">
|
||||
<div class="footer-contact">
|
||||
<span class="whatsapp-text">???? דברו איתנו</span>
|
||||
<span class="footer-sep">|</span>
|
||||
<span dir="ltr">1-700-70-70-07</span>
|
||||
</div>
|
||||
<div class="footer-social">
|
||||
<a href="#" aria-label="YouTube">▶</a>
|
||||
<a href="#" aria-label="Facebook">f</a>
|
||||
<a href="#" aria-label="Instagram">????</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-copyright">
|
||||
<span>© 2025 eazy English. כל הזכויות שמורות.</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- WhatsApp Floating Button -->
|
||||
<a href="#contact" class="whatsapp-float" aria-label="וואטסאפ">
|
||||
<svg viewBox="0 0 32 32" width="32" height="32" fill="#fff">
|
||||
<path d="M16 3C8.82 3 3 8.82 3 16c0 2.59.76 5 2.07 7.02L3 29l6.2-2.01A12.94 12.94 0 0016 29c7.18 0 13-5.82 13-13S23.18 3 16 3zm0 23.5c-2.31 0-4.47-.62-6.34-1.7l-.45-.27-3.68 1.19 1.22-3.56-.3-.47A10.45 10.45 0 015.5 16c0-5.79 4.71-10.5 10.5-10.5S26.5 10.21 26.5 16 21.79 26.5 16 26.5zm5.7-7.85c-.31-.16-1.84-.91-2.13-1.01-.28-.11-.49-.16-.7.16-.21.31-.81 1.01-.99 1.22-.18.21-.37.24-.68.08-.31-.16-1.31-.48-2.5-1.54-.92-.82-1.55-1.84-1.73-2.15-.18-.31-.02-.48.14-.63.14-.14.31-.37.47-.55.16-.18.21-.31.31-.52.11-.21.06-.39-.03-.55-.08-.16-.7-1.68-.96-2.3-.25-.6-.51-.52-.7-.53h-.6c-.21 0-.55.08-.84.39-.28.31-1.09 1.07-1.09 2.6s1.12 3.02 1.27 3.23c.16.21 2.2 3.36 5.33 4.71.74.32 1.32.51 1.77.66.75.24 1.43.2 1.96.12.6-.09 1.84-.75 2.1-1.48.26-.73.26-1.35.18-1.48-.08-.13-.29-.21-.6-.37z"/>
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,144 @@
|
||||
(function() {
|
||||
'use strict';
|
||||
|
||||
// Mobile menu toggle
|
||||
const mobileMenuBtn = document.querySelector('.mobile-menu-btn');
|
||||
const mobileNav = document.getElementById('mobileNav');
|
||||
|
||||
if (mobileMenuBtn && mobileNav) {
|
||||
mobileMenuBtn.addEventListener('click', function() {
|
||||
mobileNav.classList.toggle('active');
|
||||
const isOpen = mobileNav.classList.contains('active');
|
||||
mobileMenuBtn.setAttribute('aria-expanded', isOpen);
|
||||
});
|
||||
|
||||
// Close menu when clicking a link
|
||||
mobileNav.querySelectorAll('a').forEach(function(link) {
|
||||
link.addEventListener('click', function() {
|
||||
mobileNav.classList.remove('active');
|
||||
mobileMenuBtn.setAttribute('aria-expanded', 'false');
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// Scroll reveal animation
|
||||
function initScrollReveal() {
|
||||
if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
|
||||
// If user prefers reduced motion, make all elements visible immediately
|
||||
document.querySelectorAll('.situation-card, .guide-link, .learn-card, .uni-logo-item').forEach(function(el) {
|
||||
el.classList.add('visible');
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
const observerOptions = {
|
||||
root: null,
|
||||
rootMargin: '0px 0px -50px 0px',
|
||||
threshold: 0.1
|
||||
};
|
||||
|
||||
const observer = new IntersectionObserver(function(entries) {
|
||||
entries.forEach(function(entry, index) {
|
||||
if (entry.isIntersecting) {
|
||||
// Stagger the animation
|
||||
setTimeout(function() {
|
||||
entry.target.classList.add('visible');
|
||||
}, index * 50);
|
||||
observer.unobserve(entry.target);
|
||||
}
|
||||
});
|
||||
}, observerOptions);
|
||||
|
||||
document.querySelectorAll('.situation-card, .guide-link, .learn-card, .uni-logo-item').forEach(function(el) {
|
||||
observer.observe(el);
|
||||
});
|
||||
}
|
||||
|
||||
// Header scroll effect
|
||||
function initHeaderScroll() {
|
||||
const header = document.querySelector('.header');
|
||||
let lastScroll = 0;
|
||||
|
||||
window.addEventListener('scroll', function() {
|
||||
const currentScroll = window.pageYOffset;
|
||||
|
||||
if (currentScroll > 100) {
|
||||
header.style.boxShadow = '0 2px 10px rgba(0,0,0,0.1)';
|
||||
} else {
|
||||
header.style.boxShadow = 'none';
|
||||
}
|
||||
|
||||
lastScroll = currentScroll;
|
||||
}, { passive: true });
|
||||
}
|
||||
|
||||
// Smooth scroll for anchor links
|
||||
function initSmoothScroll() {
|
||||
document.querySelectorAll('a[href^="#"]').forEach(function(anchor) {
|
||||
anchor.addEventListener('click', function(e) {
|
||||
const targetId = this.getAttribute('href');
|
||||
if (targetId === '#') return;
|
||||
|
||||
const targetElement = document.querySelector(targetId);
|
||||
if (targetElement) {
|
||||
e.preventDefault();
|
||||
const headerHeight = document.querySelector('.header').offsetHeight;
|
||||
const targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset - headerHeight - 20;
|
||||
|
||||
window.scrollTo({
|
||||
top: targetPosition,
|
||||
behavior: 'smooth'
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// Form handling
|
||||
function initForm() {
|
||||
const form = document.querySelector('.contact-form form');
|
||||
if (form) {
|
||||
form.addEventListener('submit', function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
const nameInput = form.querySelector('input[type="text"]');
|
||||
const phoneInput = form.querySelector('input[type="tel"]');
|
||||
const submitBtn = form.querySelector('button[type="submit"]');
|
||||
|
||||
if (nameInput.value.trim() && phoneInput.value.trim()) {
|
||||
submitBtn.textContent = 'תודה! ניצור קשר בקרוב';
|
||||
submitBtn.disabled = true;
|
||||
submitBtn.style.background = 'var(--ez-green)';
|
||||
|
||||
// Reset after 3 seconds
|
||||
setTimeout(function() {
|
||||
submitBtn.textContent = 'שלחו לי פרטים';
|
||||
submitBtn.disabled = false;
|
||||
submitBtn.style.background = '';
|
||||
form.reset();
|
||||
}, 3000);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// University logo hover effect
|
||||
function initLogoHover() {
|
||||
document.querySelectorAll('.uni-logo-item').forEach(function(logo) {
|
||||
logo.addEventListener('click', function() {
|
||||
// Placeholder for modal or link functionality
|
||||
console.log('Logo clicked:', this.getAttribute('title'));
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// Initialize all functions when DOM is ready
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
initScrollReveal();
|
||||
initHeaderScroll();
|
||||
initSmoothScroll();
|
||||
initForm();
|
||||
initLogoHover();
|
||||
});
|
||||
|
||||
})();
|
||||
Reference in New Issue
Block a user