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