Files
eazy-design-export/free.html
T

147 lines
13 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="#A9A4EC"></rect><text x="50" y="66" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="44" fill="#ffffff">ez</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="#" style="color:var(--ez-orange);font-weight:700">מתחילים בחינם</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-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 24px;display:grid;gap:18px">
<a href="#" style="border:1px solid var(--ez-line);border-radius:14px;padding:24px 28px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;color:var(--ez-ink);border-bottom:1px solid var(--ez-line)" style-hover="box-shadow:var(--shadow-1)">
<span style="font-family:var(--font-mono);font-size:22.5px;color:var(--ez-lavender-deep)">01</span>
<div style="display:grid;gap:4px">
<div style="display:flex;gap:12px;align-items:baseline;flex-wrap:wrap">
<span style="font-family:var(--font-display);font-weight:700;font-size:21.5px">תותח מילים</span>
<span style="font-family:var(--font-mono);font-size:15.5px;color:var(--ez-fg-3)">עד 90 שניות</span>
</div>
<span style="font-size:17.5px;color:var(--ez-fg-2)">טעימה קצרה של אוצר המילים במבחן – המשחק שהתלמידים שלנו מכורים אליו.</span>
</div>
<span style="background:#25D366;color:#fff;border-radius:999px;width:170px;padding:13px 0;text-align:center;font-family:var(--font-display);font-size:17.5px;white-space:nowrap">יאללה, להפגיז</span>
</a>
<a href="level-test.html" style="background:var(--ez-lavender-tint);border:1px solid var(--ez-line);border-radius:14px;padding:30px 28px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;color:var(--ez-ink);border-bottom:1px solid var(--ez-line)" style-hover="box-shadow:var(--shadow-2)">
<span style="font-family:var(--font-mono);font-size:22.5px;color:var(--ez-lavender-deep)">02</span>
<div style="display:grid;gap:4px">
<div style="display:flex;gap:12px;align-items:baseline;flex-wrap:wrap">
<span style="font-family:var(--font-display);font-weight:700;font-size:24px">מבחן רמה</span>
<span style="font-family:var(--font-mono);font-size:15.5px;color:var(--ez-fg-3)">10 דקות</span>
</div>
<span style="font-size:17.5px;color:var(--ez-fg-2)">10 דקות שיעזרו לזהות את הרמה הנוכחית שלכם – ולהמליץ לכם על מסלול.</span>
</div>
<span style="background:#fff;border:1.5px solid var(--ez-ink);color:var(--ez-ink);border-radius:999px;width:170px;padding:11.5px 0;text-align:center;font-family:var(--font-display);font-size:17.5px;white-space:nowrap;box-sizing:content-box">למבחן הרמה</span>
</a>
<a href="#" style="background:var(--ez-ink);border-radius:14px;padding:36px 32px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;color:#fff;border-bottom:none" style-hover="box-shadow:var(--shadow-3)">
<span style="font-family:var(--font-mono);font-size:22.5px;color:var(--ez-lavender)">03</span>
<div style="display:grid;gap:6px">
<div style="display:flex;gap:12px;align-items:baseline;flex-wrap:wrap">
<span style="font-family:var(--font-display);font-weight:700;font-size:28px;color:#fff">מבחן אמירנט מלא</span>
<span style="font-family:var(--font-mono);font-size:15.5px;color:var(--ez-lavender)">49 דקות</span>
<span style="background:var(--ez-orange);color:#fff;border-radius:999px;padding:3px 12px;font-family:var(--font-display);font-weight:700;font-size:14.5px">החינמי היחיד בישראל</span>
</div>
<span style="font-size:17.5px;line-height:1.55;color:#b9b9c0">49 דקות של מבחן האמירנט המלא החינמי היחיד. ככה תכירו בדיוק מה מחכה לכם ביום המבחן – ואפילו תקבלו ציון מוערך וניתוח ראשוני של מצבכם.</span>
</div>
<span style="background:var(--ez-orange);color:#fff;border-radius:999px;width:170px;padding:13px 0;text-align:center;font-family:var(--font-display);font-size:17.5px;white-space:nowrap">למבחן המלא</span>
</a>
</section>
<section data-screen-label="מה הלאה" style="background:var(--ez-paper-cool);padding:48px 64px">
<div style="max-width:900px;margin:0 auto;display:grid;gap:18px;text-align:center;justify-items:center">
<h2 style="font-family:var(--font-display);font-weight:700;font-size:28px;color:var(--ez-ink);margin:0">קיבלתם תוצאה? עכשיו יש לכם כיוון.</h2>
<p style="font-size:18px;color:var(--ez-fg-2);margin:0;max-width:560px">כל שלב ממפה אתכם לרמת אמירנט משוערת. משם – או שממשיכים לבד עם היוזר, או שבונים תוכנית עם מדריך.</p>
<div style="display:flex;gap:14px;flex-wrap:wrap;justify-content:center">
<a href="user.html" style="background:var(--ez-ink);color:#fff;border-radius:999px;padding:13px 28px;font-family:var(--font-display);font-weight:700;font-size:17.5px;border-bottom:none">ללמוד עצמאית מ-250 ₪</a>
<a href="course.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">ללמוד ביחד מ-1,500 ₪</a>
<a href="compare.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>