Files
eazy-design-export/story-itay.html
T

173 lines
14 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>הסיפור של איתי: מ-88 ל-120 | 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="#F4F2EE"></rect><text x="50" y="66" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="44" fill="#F37327">"</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="learn.html" style="color:var(--ez-ink)">ללמוד אנגלית</a>
<a href="technion.html" style="color:var(--ez-ink)">מחשבון פטור מאנגלית</a>
<a href="about.html" style="color:var(--ez-orange);font-weight:700">עלינו</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>
<div style="max-width:900px;margin:0 auto;padding:40px 64px 56px">
<div style="display:flex;gap:8px;font-size:15.5px;color:var(--ez-fg-3);margin-bottom:32px">
<a href="index.html" style="color:var(--ez-fg-3);border-bottom:none">דף הבית</a><span>/</span>
<a href="#" style="color:var(--ez-fg-3);border-bottom:none">סיפורי תלמידים</a><span>/</span>
<span style="color:var(--ez-ink)">איתי</span>
</div>
<div data-screen-label="פתיח" style="display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center;margin-bottom:36px">
<div style="position:relative">
<img src="assets/mentor-2.png" alt="איתי" style="width:170px;height:170px;border-radius:50%;object-fit:cover;border:4px solid var(--ez-orange)">
<img src="assets/dot-cluster.png" alt="" style="position:absolute;left:-34px;bottom:-20px;width:90px">
</div>
<div style="display:grid;gap:10px">
<span style="font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ez-orange)">סיפור תלמיד · אחרי צבא</span>
<h1 style="font-family:var(--font-display);font-weight:700;font-size:44px;line-height:1.08;color:var(--ez-ink);margin:0">איתי, 24: מאנגלית של כיתה י' לפטור כמעט מלא</h1>
<div style="display:flex;gap:22px;align-items:center">
<div style="display:grid;justify-items:center">
<span style="font-family:var(--font-mono);font-size:30px;color:var(--ez-fg-3)">88</span>
<span style="font-size:15px;color:var(--ez-fg-3)">לפני</span>
</div>
<i class="ph ph-arrow-left" style="font-size:22.5px;color:var(--ez-orange)"></i>
<div style="display:grid;justify-items:center">
<span style="font-family:var(--font-mono);font-size:30px;color:var(--ez-ink)">120</span>
<span style="font-size:15px;color:var(--ez-fg-3)">אחרי</span>
</div>
<span style="width:1px;height:36px;background:var(--ez-line)"></span>
<div style="display:grid">
<span style="font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--ez-ink)">קורס אמירנט אונליין · 6 חודשים</span>
<span style="font-size:15.5px;color:var(--ez-fg-3)">תוך כדי עבודה במשמרות</span>
</div>
</div>
</div>
</div>
<div data-screen-label="ציטוט" style="background:var(--ez-lavender-tint);border-radius:12px;padding:28px 32px;margin-bottom:40px;display:grid;gap:6px">
<span aria-hidden="true" style="font-family:var(--font-display);font-weight:700;font-size:72px;line-height:.4;color:var(--ez-lavender);transform:scaleX(-1)">"</span>
<p style="font-family:var(--font-display);font-weight:700;font-size:23px;line-height:1.45;color:var(--ez-ink);margin:0">המדריך פשוט לא נתן לי להיעלם. כל פעם שפספסתי שיעור קיבלתי הודעה – לא כועסת, פשוט 'איפה אתה, חוזרים ביום שלישי'. זה מה שהחזיק אותי.</p>
</div>
<div data-screen-label="שאלות ותשובות" style="display:grid;gap:28px;margin-bottom:44px">
<div style="display:grid;gap:8px">
<h2 style="font-family:var(--font-display);font-weight:700;font-size:21.5px;color:var(--ez-lavender-deep);margin:0">מאיפה התחלת?</h2>
<p style="font-size:18.5px;line-height:1.7;color:var(--ez-fg-2);margin:0">השתחררתי אחרי שלוש שנים בלי לגעת באנגלית. עשיתי את מבחן הרמה באתר וקיבלתי 88 – טרום בסיסי. זה אומר ארבעה קורסי אנגלית בתואר. הבנתי שאם אני לא סוגר את זה עכשיו, אני גורר את זה שנתיים.</p>
</div>
<div style="display:grid;gap:8px">
<h2 style="font-family:var(--font-display);font-weight:700;font-size:21.5px;color:var(--ez-lavender-deep);margin:0">מה היה הרגע שזה התחיל לעבוד?</h2>
<p style="font-size:18.5px;line-height:1.7;color:var(--ez-fg-2);margin:0">בערך בחודש השני, כשתפסתי את עצמי משחק תותח מילים בהפסקה בעבודה – בכיף, לא כי צריך. פתאום מילים שראיתי במשחק צצו לי בסימולציה. שם הבנתי שהשיטה הזאת של מרווחים באמת עובדת.</p>
</div>
<div style="display:grid;gap:8px">
<h2 style="font-family:var(--font-display);font-weight:700;font-size:21.5px;color:var(--ez-lavender-deep);margin:0">מה היית אומר למי שמתלבט?</h2>
<p style="font-size:18.5px;line-height:1.7;color:var(--ez-fg-2);margin:0">אל תחכו לתואר. 35 יום בין מבחנים עוברים מהר, והפער נסגר יותר בקלות ממה שנדמה לכם. ואם אתם עובדים במשמרות כמוני – השיעורים המוקלטים מצילים חיים.</p>
</div>
</div>
<div id="cta" data-screen-label="CTA" style="background:var(--ez-ink);border-radius:14px;padding:32px 36px;display:flex;justify-content:space-between;align-items:center;gap:24px">
<div style="display:grid;gap:4px">
<span style="font-family:var(--font-display);font-weight:700;font-size:24px;color:#fff">גם אני רוצה</span>
<span style="font-size:17.5px;color:#b9b9c0">מתחילים כמו איתי: מבחן רמה של 5 דקות, ומשם בונים תוכנית.</span>
</div>
<div style="display:flex;gap:12px;flex:none">
<button style="background:var(--ez-orange);color:#fff;border:0;border-radius:999px;padding:13px 28px;font-family:var(--font-display);font-weight:700;font-size:17.5px;cursor:pointer">למבחן הרמה</button>
<button style="background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5);border-radius:999px;padding:12px 24px;font-family:var(--font-display);font-weight:700;font-size:17px;cursor:pointer">שיחת ייעוץ</button>
</div>
</div>
<div data-screen-label="עוד סיפורים" style="margin-top:44px">
<h2 style="font-family:var(--font-display);font-weight:700;font-size:22.5px;color:var(--ez-ink);margin:0 0 18px;border-top:1px solid var(--ez-line);padding-top:32px">עוד סיפורים</h2>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:20px">
<a href="#" style="border:1px solid var(--ez-line);border-radius:12px;padding:20px 24px;display:flex;gap:16px;align-items:center;color:var(--ez-ink);border-bottom:1px solid var(--ez-line)" style-hover="box-shadow:var(--shadow-1)">
<img src="assets/mentor-1.png" alt="" style="width:56px;height:56px;border-radius:50%;object-fit:cover">
<div style="display:grid;gap:2px">
<span style="font-family:var(--font-display);font-weight:700;font-size:18px">ירדן, אחרי צבא</span>
<span style="font-family:var(--font-mono);font-size:15.5px;color:var(--ez-orange)">מ-92 ל-136 ב-7 שבועות</span>
</div>
</a>
<a href="#" style="border:1px solid var(--ez-line);border-radius:12px;padding:20px 24px;display:flex;gap:16px;align-items:center;color:var(--ez-ink);border-bottom:1px solid var(--ez-line)" style-hover="box-shadow:var(--shadow-1)">
<img src="assets/mentor-3.png" alt="" style="width:56px;height:56px;border-radius:50%;object-fit:cover">
<div style="display:grid;gap:2px">
<span style="font-family:var(--font-display);font-weight:700;font-size:18px">עומר, סטודנט בטכניון</span>
<span style="font-family:var(--font-mono);font-size:15.5px;color:var(--ez-orange)">134 לפטור מלא</span>
</div>
</a>
</div>
</div>
</div>
<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>