Imported design export as-is (1/5)
This commit is contained in:
+172
@@ -0,0 +1,172 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user