Files
eazy-design-export/learn.html
T

174 lines
16 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html>
<head>
<title>ללמוד אנגלית בכיף – טיפים ומדריכים | eazy English</title>
<link rel="icon" href="assets/logo-mark-orange.png" type="image/png">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="./support.js"></script>
</head>
<body>
<x-dc>
<helmet>
<link rel="stylesheet" href="_ds/eazy-design-system-019e085a-0638-7c53-ad03-c4d5f4423a34/colors_and_type.css">
<link rel="stylesheet" href="_ds/eazy-design-system-019e085a-0638-7c53-ad03-c4d5f4423a34/styles.css">
<script src="_ds/eazy-design-system-019e085a-0638-7c53-ad03-c4d5f4423a34/_ds_bundle.js"></script>
<link rel="stylesheet" href="assets/responsive.css">
<script src="https://unpkg.com/@phosphor-icons/web"></script>
<style>
html{background:#fff}
body{margin:0;background:#fff}
a{color:var(--ez-link)}a:hover{color:var(--ez-link-hover)}
</style>
</helmet>
<template id="__bundler_thumbnail"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100" height="100" fill="#F37327"></rect><text x="50" y="66" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="40" fill="#ffffff">Aa</text></svg></template>
<div style="background:#fff;min-height:100vh;font-family:var(--font-body);color:var(--ez-ink)">
<a href="#contact" aria-label="וואטסאפ" style="position:fixed;bottom:28px;left:28px;z-index:60;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-2);border-bottom:none">
<i class="ph ph-whatsapp-logo" style="font-size:30px;color:#fff"></i>
</a>
<x-import component-from-global-scope="ez-mobile-chrome" from="assets/mobile-chrome.js" hint-size="1px,1px"></x-import>
<header data-screen-label="Header" style="display:flex;align-items:center;justify-content:space-between;padding:18px 64px;border-bottom:1px solid var(--ez-line);position:sticky;top:0;background:#fff;z-index:50">
<a href="index.html" style="display:flex;align-items:center;gap:12px;border-bottom:none">
<img src="assets/logo-mark-orange.png" alt="eazy" style="width:54px;height:54px">
<span style="width:1px;height:30px;background:var(--ez-line)"></span>
<span style="font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--ez-lavender-deep);line-height:1">English</span>
</a>
<nav style="display:flex;gap:22px;font-family:var(--font-body);font-size:16.5px;white-space:nowrap">
<a href="amirnet.html" style="color:var(--ez-ink)">אמירנט</a>
<a href="compare.html" style="color:var(--ez-ink)">הקורסים</a>
<a href="free.html" style="color:var(--ez-ink)">מתחילים בחינם</a>
<a href="#" style="color:var(--ez-orange);font-weight:700">ללמוד אנגלית</a>
<a href="technion.html" style="color:var(--ez-ink)">מחשבון פטור מאנגלית</a>
<a href="about.html" style="color:var(--ez-ink)">עלינו</a>
</nav>
<div style="display:flex;align-items:baseline;gap:18px">
<span dir="ltr" style="font-family:var(--font-mono);font-size:14.5px;color:var(--ez-fg-2)">1-700-70-70-07</span>
<a href="#contact" style="font-family:var(--font-display);font-weight:700;font-size:15.5px;color:var(--ez-orange);border-bottom:none">שיחת ייעוץ ←</a>
</div>
</header>
<section data-screen-label="Hero" style="max-width:1080px;margin:0 auto;padding:48px 64px 8px">
<div style="display:flex;gap:8px;font-size:15.5px;color:var(--ez-fg-3);margin-bottom:24px">
<a href="index.html" style="color:var(--ez-fg-3);border-bottom:none">דף הבית</a><span>/</span>
<span style="color:var(--ez-ink)">ללמוד אנגלית</span>
</div>
<h1 style="font-family:var(--font-display);font-weight:700;font-size:52px;line-height:1.05;color:var(--ez-ink);margin:0 0 14px">ללמוד אנגלית, בכיף.<br><span style="font-family:var(--font-shadow);color:var(--ez-lavender-deep)">טיפים שעובדים גם בלי מבחן באופק.</span></h1>
<p style="font-size:19.5px;line-height:1.55;color:var(--ez-fg-2);margin:0;max-width:640px">מדריכים קצרים מהמדריכים שלנו – איך ללמוד מסדרות, משירים, מטיקטוק, ואיך לגרום לאוצר מילים להישאר. כל מאמר עם סרטון של כמה דקות.</p>
</section>
<section data-screen-label="מאמרים" style="max-width:1080px;margin:0 auto;padding:36px 64px 48px;display:grid;gap:24px">
<a href="vocabulary.html" style="display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;border:1px solid var(--ez-line);border-radius:14px;padding:28px 32px;color:var(--ez-ink);border-bottom:1px solid var(--ez-line)" style-hover="box-shadow:var(--shadow-2)">
<div style="display:grid;gap:10px">
<span style="justify-self:start;background:var(--ez-orange-tint);color:var(--ez-orange-deep);border-radius:999px;padding:4px 14px;font-family:var(--font-display);font-weight:700;font-size:15px">הכי נקרא</span>
<span style="font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1.2">איך משננים אוצר מילים באמת (ולמה כרטיסיות לבד לא עובדות)</span>
<span style="font-size:17.5px;color:var(--ez-fg-2)">מרווחים, הקשר ושליפה – שלושת העקרונות שהמשחקים שלנו בנויים עליהם.</span>
<span style="font-size:15.5px;color:var(--ez-fg-3)">נעה · סרטון 4:20 · קריאה 4 דקות</span>
</div>
<div style="position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;border:1px solid var(--ez-line)">
<img src="assets/video-mentor.png" alt="" style="width:100%;height:100%;object-fit:cover;display:block">
<span style="position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;background:var(--ez-orange);display:flex;align-items:center;justify-content:center"><i class="ph-fill ph-play" style="font-size:24px;color:#fff"></i></span>
</div>
</a>
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:20px">
<a href="#" style="border:1px solid var(--ez-line);border-radius:12px;padding:22px 24px;display:grid;gap:8px;align-content:start;color:var(--ez-ink);border-bottom:1px solid var(--ez-line)" style-hover="box-shadow:var(--shadow-1)">
<i class="ph ph-television-simple" style="font-size:30px;color:var(--ez-lavender-deep)"></i>
<span style="font-family:var(--font-display);font-weight:700;font-size:19px;line-height:1.25">ללמוד אנגלית מסרטים וסדרות</span>
<span style="font-size:16.5px;color:var(--ez-fg-2)">עם כתוביות או בלי? באיזה סדר? המדריך המלא.</span>
<span style="font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ez-orange)"></span>
</a>
<a href="#" style="border:1px solid var(--ez-line);border-radius:12px;padding:22px 24px;display:grid;gap:8px;align-content:start;color:var(--ez-ink);border-bottom:1px solid var(--ez-line)" style-hover="box-shadow:var(--shadow-1)">
<i class="ph ph-music-notes" style="font-size:30px;color:var(--ez-lavender-deep)"></i>
<span style="font-family:var(--font-display);font-weight:700;font-size:19px;line-height:1.25">ללמוד אנגלית משירים</span>
<span style="font-size:16.5px;color:var(--ez-fg-2)">5 שירים לכל רמה – ומה לעשות איתם.</span>
<span style="font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ez-orange)"></span>
</a>
<a href="#" style="border:1px solid var(--ez-line);border-radius:12px;padding:22px 24px;display:grid;gap:8px;align-content:start;color:var(--ez-ink);border-bottom:1px solid var(--ez-line)" style-hover="box-shadow:var(--shadow-1)">
<i class="ph ph-device-mobile-camera" style="font-size:30px;color:var(--ez-lavender-deep)"></i>
<span style="font-family:var(--font-display);font-weight:700;font-size:19px;line-height:1.25">טיקטוק, יוטיוב ורילס כמורה לאנגלית</span>
<span style="font-size:16.5px;color:var(--ez-fg-2)">איך הופכים גלילה להתקדמות אמיתית.</span>
<span style="font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ez-orange)"></span>
</a>
<a href="#" style="border:1px solid var(--ez-line);border-radius:12px;padding:22px 24px;display:grid;gap:8px;align-content:start;color:var(--ez-ink);border-bottom:1px solid var(--ez-line)" style-hover="box-shadow:var(--shadow-1)">
<i class="ph ph-book-bookmark" style="font-size:30px;color:var(--ez-lavender-deep)"></i>
<span style="font-family:var(--font-display);font-weight:700;font-size:19px;line-height:1.25">מה לקרוא באנגלית כדי לקפוץ רמה</span>
<span style="font-size:16.5px;color:var(--ez-fg-2)">רשימת קריאה מדורגת לפי רמת אמירנט.</span>
<span style="font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ez-orange)"></span>
</a>
<a href="#" style="border:1px solid var(--ez-line);border-radius:12px;padding:22px 24px;display:grid;gap:8px;align-content:start;color:var(--ez-ink);border-bottom:1px solid var(--ez-line)" style-hover="box-shadow:var(--shadow-1)">
<i class="ph ph-file-text" style="font-size:30px;color:var(--ez-lavender-deep)"></i>
<span style="font-family:var(--font-display);font-weight:700;font-size:19px;line-height:1.25">איך לגשת לטקסט אקדמי</span>
<span style="font-size:16.5px;color:var(--ez-fg-2)">בלי להיתקע במילה השלישית.</span>
<span style="font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ez-orange)"></span>
</a>
<a href="#" style="border:1px solid var(--ez-line);border-radius:12px;padding:22px 24px;display:grid;gap:8px;align-content:start;color:var(--ez-ink);border-bottom:1px solid var(--ez-line)" style-hover="box-shadow:var(--shadow-1)">
<i class="ph ph-timer" style="font-size:30px;color:var(--ez-lavender-deep)"></i>
<span style="font-family:var(--font-display);font-weight:700;font-size:19px;line-height:1.25">15 דקות ביום: שגרה שמחזיקה</span>
<span style="font-size:16.5px;color:var(--ez-fg-2)">שגרת אנגלית קטנה שבאמת שורדת שבוע עמוס.</span>
<span style="font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ez-orange)"></span>
</a>
<a href="#" style="border:1px solid var(--ez-line);border-radius:12px;padding:22px 24px;display:grid;gap:8px;align-content:start;color:var(--ez-ink);border-bottom:1px solid var(--ez-line)" style-hover="box-shadow:var(--shadow-1)">
<i class="ph ph-puzzle-piece" style="font-size:30px;color:var(--ez-lavender-deep)"></i>
<span style="font-family:var(--font-display);font-weight:700;font-size:19px;line-height:1.25">אנגלית ולקויות למידה</span>
<span style="font-size:16.5px;color:var(--ez-fg-2)">מה עובד אחרת, ואילו התאמות מגיעות לכם.</span>
<span style="font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ez-orange)"></span>
</a>
<a href="free.html" style="background:var(--ez-lavender-tint);border:1px solid var(--ez-line);border-radius:12px;padding:22px 24px;display:grid;gap:8px;align-content:start;color:var(--ez-ink);border-bottom:1px solid var(--ez-line)" style-hover="box-shadow:var(--shadow-1)">
<i class="ph ph-game-controller" style="font-size:30px;color:var(--ez-orange)"></i>
<span style="font-family:var(--font-display);font-weight:700;font-size:19px;line-height:1.25">ומהטיפים לתרגול</span>
<span style="font-size:16.5px;color:var(--ez-fg-2)">תותח מילים, טטרי והמילון – בלי הרשמה.</span>
<span style="font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ez-orange)">לכלים החינמיים ←</span>
</a>
</div>
</section>
<section data-screen-label="סגירה" style="background:var(--ez-lavender-tint);padding:48px 64px">
<div style="max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:32px">
<div style="display:grid;gap:6px">
<h2 style="font-family:var(--font-display);font-weight:700;font-size:28px;color:var(--ez-ink);margin:0">רוצים תוכנית מסודרת, לא רק טיפים?</h2>
<span style="font-size:17.5px;color:var(--ez-fg-2)">מבחן רמה של 5 דקות, או שיחה עם יועץ אנושי.</span>
</div>
<div style="display:flex;gap:14px;flex:none">
<a href="free.html" style="background:var(--ez-orange);color:#fff;border-radius:999px;padding:13px 28px;font-family:var(--font-display);font-weight:700;font-size:17.5px;border-bottom:none">מבחן רמה חינם</a>
<a href="contact.html" style="background:transparent;color:var(--ez-ink);border:1.5px solid var(--ez-ink);border-radius:999px;padding:12px 24px;font-family:var(--font-display);font-weight:700;font-size:17px;border-bottom:none">שיחת ייעוץ</a>
</div>
</div>
</section>
<section id="contact" data-screen-label="טופס ליד" style="background:var(--ez-lavender-tint);padding:56px 64px">
<div style="max-width:1152px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center">
<div style="display:grid;gap:14px">
<h2 style="font-family:var(--font-display);font-weight:700;font-size:32px;color:var(--ez-ink);margin:0;text-align:center;max-width:440px">אני רוצה להתקדם באנגלית</h2>
<div style="display:grid;gap:12px;max-width:440px">
<input type="text" placeholder="שם" style="height:46px;border:1px solid var(--ez-line);border-radius:8px;padding:0 14px;font-family:var(--font-body);font-size:17.5px;background:#fff">
<input type="tel" placeholder="טלפון" dir="rtl" style="height:46px;border:1px solid var(--ez-line);border-radius:8px;padding:0 14px;font-family:var(--font-body);font-size:17.5px;background:#fff;text-align:right">
<button style="background:var(--ez-orange);color:#fff;border:0;border-radius:999px;padding:14px 0;font-family:var(--font-display);font-weight:700;font-size:18px;cursor:pointer">דברו איתי</button>
<label style="display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--ez-fg-3);cursor:pointer"><span style="flex:none;width:18px;height:18px;border-radius:5px;background:var(--ez-orange);display:flex;align-items:center;justify-content:center;margin-top:2px"><i class="ph-bold ph-check" style="font-size:14.5px;color:#fff"></i></span><span>אני מאשר/ת פנייה חוזרת ושמירת הפרטים לצורך כך בלבד, בהתאם ל<a href="privacy.html">מדיניות הפרטיות</a>.</span></label>
</div>
</div>
<div style="display:grid;gap:16px;font-size:17.5px;color:var(--ez-fg-2)">
<span style="display:flex;align-items:center;gap:10px"><i class="ph ph-phone" style="font-size:21px;color:var(--ez-orange)"></i><span dir="ltr" style="font-family:var(--font-mono)">1-700-70-70-07</span></span>
<span style="display:flex;align-items:center;gap:10px"><i class="ph ph-whatsapp-logo" style="font-size:21px;color:#25D366"></i>וואטסאפ</span>
<span style="display:flex;align-items:center;gap:10px"><i class="ph ph-clock" style="font-size:21px;color:var(--ez-orange)"></i>ימים א'-ה' 9:00-19:00, ו' 9:00-13:00</span>
</div>
</div>
</section>
<footer data-screen-label="Footer" style="padding:28px 64px;border-top:1px solid var(--ez-line)">
<div style="max-width:1152px;margin:0 auto">
<div style="height:1px;background:var(--ez-orange);margin:0 0 16px"></div>
<div style="display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--ez-fg-2)">
<a href="index.html" style="display:flex;align-items:center;gap:10px;border-bottom:none">
<img src="assets/logo-mark-orange.png" alt="eazy" style="width:44px;height:44px">
<span style="font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ez-orange)">פשוט תצליחו.</span>
</a>
<span style="display:flex;align-items:center;gap:8px"><i class="ph ph-whatsapp-logo" style="font-size:18px;color:#25D366"></i>דברו איתנו<span style="color:var(--ez-line)">|</span><span dir="ltr" style="font-family:var(--font-mono)">1-700-70-70-07</span></span>
</div>
</div>
</footer>
</div>
</x-dc>
</body>
</html>