Imported design export as-is (1/5)
This commit is contained in:
@@ -0,0 +1,23 @@
|
|||||||
|
# DEPLOY THIS SITE AS-IS — DO NOT REDESIGN
|
||||||
|
|
||||||
|
## What this is
|
||||||
|
A complete, finished, production-ready STATIC website (19 HTML pages, Hebrew RTL) for "eazy English" — Amirnet English exam prep. It requires NO build step, NO framework, NO server-side code.
|
||||||
|
|
||||||
|
## Your only job
|
||||||
|
Host these files exactly as they are. Nothing else.
|
||||||
|
|
||||||
|
## Hard rules
|
||||||
|
1. DO NOT regenerate, redesign, rewrite, "improve", or re-style any page. The design is final and approved.
|
||||||
|
2. DO NOT replace any image, font, or asset. All images (including scanned recommendation letters in `assets/letters/`, institution logos in `assets/logos/`, and photos) must be served byte-identical from this package.
|
||||||
|
3. DO NOT touch `support.js`, `assets/vendor/react.min.js`, `assets/vendor/react-dom.min.js`, `assets/mobile-chrome.js`, `assets/responsive.css`, or anything under `_ds/` — the pages depend on them at runtime.
|
||||||
|
4. DO NOT rename any file. Internal links reference these exact names (`index.html`, `user.html`, `course.html`, `compare.html`, `amirnet.html`, `technion.html`, `free.html`, `level-test.html`, `learn.html`, `vocabulary.html`, `soldiers.html`, `improve-score.html`, `english-is-hard.html`, `about.html`, `story-itay.html`, `contact.html`, `thank-you.html`, `404.html`, `privacy.html`).
|
||||||
|
5. Keep the directory structure intact: `assets/`, `assets/vendor/`, `assets/letters/`, `assets/logos/`, `_ds/` (including `_ds/**/fonts/*.woff` and `*.otf` font files — serve as binary).
|
||||||
|
6. Serve `index.html` as the site root. Map 404s to `404.html` if the host supports it.
|
||||||
|
7. Serve with UTF-8 encoding and correct MIME types (`.js` → application/javascript, `.css` → text/css, `.woff` → font/woff, `.otf` → font/otf, `.jpg/.png` → images).
|
||||||
|
8. The site is client-side rendered from templates in the HTML: on first load each page hydrates itself via `support.js`. Seeing `<x-dc>` tags or `{{ ... }}` in the source is EXPECTED and CORRECT — do not "fix" them.
|
||||||
|
|
||||||
|
## Acceptance test (verify after deploy)
|
||||||
|
- Open `/index.html`: full homepage renders (orange eazy logo, hero with photo, track cards). No raw `{{ }}` visible.
|
||||||
|
- Click an institution logo (e.g. בר אילן): a popup shows a scanned letter image.
|
||||||
|
- Open `/level-test.html`, click "מתחילים": question 1 of 12 appears; answering advances to question 2.
|
||||||
|
- Open on a phone (or narrow window ≤820px): hamburger menu opens/closes, bottom action bar shows, compare page (`/compare.html`) shows stacked cards instead of a table.
|
||||||
@@ -0,0 +1,219 @@
|
|||||||
|
{
|
||||||
|
"plugins": [
|
||||||
|
"react",
|
||||||
|
"import"
|
||||||
|
],
|
||||||
|
"rules": {
|
||||||
|
"react/forbid-elements": [
|
||||||
|
"warn",
|
||||||
|
{
|
||||||
|
"forbid": []
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"no-restricted-imports": [
|
||||||
|
"warn",
|
||||||
|
{
|
||||||
|
"patterns": [
|
||||||
|
{
|
||||||
|
"group": [
|
||||||
|
"components/EzButton/**",
|
||||||
|
"eazy-landing/**",
|
||||||
|
"exports/eazy-math-diagnostic/**",
|
||||||
|
"flashcards/**",
|
||||||
|
"quiz-game-export/**",
|
||||||
|
"quiz-game-server/**",
|
||||||
|
"quiz-game/**",
|
||||||
|
"quiz-game/dist/**",
|
||||||
|
"quiz/**",
|
||||||
|
"role-game/**",
|
||||||
|
"tetri-psychometry-export/**",
|
||||||
|
"tetri-psychometry/**",
|
||||||
|
"tetri-vocab/**",
|
||||||
|
"ui_kits/flyer/**",
|
||||||
|
"ui_kits/web/**",
|
||||||
|
"word-game/**",
|
||||||
|
"workshop-followup/**",
|
||||||
|
"workshop-followup/מקור-לעריכה/**"
|
||||||
|
],
|
||||||
|
"message": "Import design-system components from 'index.js', not component internals."
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"no-restricted-syntax": [
|
||||||
|
"warn",
|
||||||
|
{
|
||||||
|
"selector": "Literal[value=/#[0-9a-fA-F]{3,8}\\b/]",
|
||||||
|
"message": "Raw hex color — use a design-system color token via var()."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"selector": "Literal[value=/\\b\\d+px\\b/]",
|
||||||
|
"message": "Raw px value — use a design-system spacing token via var()."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"selector": "Literal[value=/font-family\\s*:\\s*(?!['\\\"]?(?:Avigul|Avigul Shadow|Almoni Neue Tzar|FbTamlilCondensed|Geomanist))/i]",
|
||||||
|
"message": "Font not provided by the design system. Available: Avigul, Avigul Shadow, Almoni Neue Tzar, FbTamlilCondensed, Geomanist."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"selector": "JSXOpeningElement[name.name='EzButton'] > JSXAttribute > JSXIdentifier[name!=/^(?:children|variant|type|disabled|onClick|key|ref|className|style|children)$/]",
|
||||||
|
"message": "<EzButton> doesn't accept that prop. Declared props: children, variant, type, disabled, onClick."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"selector": "JSXOpeningElement[name.name='EzButton'] > JSXAttribute[name.name='variant'] > Literal[value!=/^(?:primary|secondary|ghost|link)$/]",
|
||||||
|
"message": "<EzButton> variant must be one of 'primary' | 'secondary' | 'ghost' | 'link'."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"selector": "JSXOpeningElement[name.name='EzButton'] > JSXAttribute[name.name='type'] > Literal[value!=/^(?:button|submit|reset)$/]",
|
||||||
|
"message": "<EzButton> type must be one of 'button' | 'submit' | 'reset'."
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"overrides": [
|
||||||
|
{
|
||||||
|
"files": [
|
||||||
|
"**/index.js"
|
||||||
|
],
|
||||||
|
"rules": {
|
||||||
|
"no-restricted-imports": "off"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"x-omelette": {
|
||||||
|
"components": {
|
||||||
|
"EzButton": {
|
||||||
|
"replaces": []
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"tokens": [
|
||||||
|
"--ez-bg-1",
|
||||||
|
"--ez-bg-2",
|
||||||
|
"--ez-bg-3",
|
||||||
|
"--ez-bg-accent",
|
||||||
|
"--ez-bg-cta",
|
||||||
|
"--ez-danger",
|
||||||
|
"--ez-fg-1",
|
||||||
|
"--ez-fg-2",
|
||||||
|
"--ez-fg-3",
|
||||||
|
"--ez-fg-on-lavender",
|
||||||
|
"--ez-fg-on-orange",
|
||||||
|
"--ez-indigo",
|
||||||
|
"--ez-indigo-deep",
|
||||||
|
"--ez-ink",
|
||||||
|
"--ez-ink-mute",
|
||||||
|
"--ez-ink-soft",
|
||||||
|
"--ez-lavender",
|
||||||
|
"--ez-lavender-deep",
|
||||||
|
"--ez-lavender-soft",
|
||||||
|
"--ez-lavender-tint",
|
||||||
|
"--ez-line",
|
||||||
|
"--ez-link",
|
||||||
|
"--ez-link-hover",
|
||||||
|
"--ez-orange",
|
||||||
|
"--ez-orange-deep",
|
||||||
|
"--ez-orange-soft",
|
||||||
|
"--ez-orange-tint",
|
||||||
|
"--ez-paper",
|
||||||
|
"--ez-paper-cool",
|
||||||
|
"--ez-paper-warm",
|
||||||
|
"--ez-success",
|
||||||
|
"--ez-warning",
|
||||||
|
"--font-body",
|
||||||
|
"--font-display",
|
||||||
|
"--font-en-disp",
|
||||||
|
"--font-mono",
|
||||||
|
"--font-shadow",
|
||||||
|
"--leading-base",
|
||||||
|
"--leading-loose",
|
||||||
|
"--leading-snug",
|
||||||
|
"--leading-tight",
|
||||||
|
"--r-1",
|
||||||
|
"--r-2",
|
||||||
|
"--r-3",
|
||||||
|
"--r-4",
|
||||||
|
"--r-pill",
|
||||||
|
"--shadow-1",
|
||||||
|
"--shadow-2",
|
||||||
|
"--shadow-3",
|
||||||
|
"--sp-1",
|
||||||
|
"--sp-10",
|
||||||
|
"--sp-11",
|
||||||
|
"--sp-2",
|
||||||
|
"--sp-3",
|
||||||
|
"--sp-4",
|
||||||
|
"--sp-5",
|
||||||
|
"--sp-6",
|
||||||
|
"--sp-7",
|
||||||
|
"--sp-8",
|
||||||
|
"--sp-9"
|
||||||
|
],
|
||||||
|
"tokenKinds": {
|
||||||
|
"--ez-orange": "color",
|
||||||
|
"--ez-orange-deep": "color",
|
||||||
|
"--ez-orange-soft": "color",
|
||||||
|
"--ez-orange-tint": "color",
|
||||||
|
"--ez-lavender": "color",
|
||||||
|
"--ez-lavender-deep": "color",
|
||||||
|
"--ez-lavender-soft": "color",
|
||||||
|
"--ez-lavender-tint": "color",
|
||||||
|
"--ez-indigo": "color",
|
||||||
|
"--ez-indigo-deep": "color",
|
||||||
|
"--ez-paper": "color",
|
||||||
|
"--ez-paper-warm": "color",
|
||||||
|
"--ez-paper-cool": "color",
|
||||||
|
"--ez-line": "color",
|
||||||
|
"--ez-ink": "color",
|
||||||
|
"--ez-ink-soft": "color",
|
||||||
|
"--ez-ink-mute": "color",
|
||||||
|
"--ez-fg-1": "color",
|
||||||
|
"--ez-fg-2": "color",
|
||||||
|
"--ez-fg-3": "color",
|
||||||
|
"--ez-fg-on-orange": "color",
|
||||||
|
"--ez-fg-on-lavender": "color",
|
||||||
|
"--ez-bg-1": "color",
|
||||||
|
"--ez-bg-2": "color",
|
||||||
|
"--ez-bg-3": "color",
|
||||||
|
"--ez-bg-accent": "color",
|
||||||
|
"--ez-bg-cta": "color",
|
||||||
|
"--ez-link": "color",
|
||||||
|
"--ez-link-hover": "color",
|
||||||
|
"--ez-success": "color",
|
||||||
|
"--ez-warning": "color",
|
||||||
|
"--ez-danger": "color",
|
||||||
|
"--sp-1": "spacing",
|
||||||
|
"--sp-2": "spacing",
|
||||||
|
"--sp-3": "spacing",
|
||||||
|
"--sp-4": "spacing",
|
||||||
|
"--sp-5": "spacing",
|
||||||
|
"--sp-6": "spacing",
|
||||||
|
"--sp-7": "spacing",
|
||||||
|
"--sp-8": "spacing",
|
||||||
|
"--sp-9": "spacing",
|
||||||
|
"--sp-10": "spacing",
|
||||||
|
"--sp-11": "spacing",
|
||||||
|
"--r-1": "spacing",
|
||||||
|
"--r-2": "spacing",
|
||||||
|
"--r-3": "spacing",
|
||||||
|
"--r-4": "spacing",
|
||||||
|
"--r-pill": "spacing",
|
||||||
|
"--shadow-1": "shadow",
|
||||||
|
"--shadow-2": "shadow",
|
||||||
|
"--shadow-3": "shadow",
|
||||||
|
"--font-display": "font",
|
||||||
|
"--font-body": "font",
|
||||||
|
"--font-mono": "font",
|
||||||
|
"--font-shadow": "shadow",
|
||||||
|
"--font-en-disp": "font",
|
||||||
|
"--leading-tight": "font",
|
||||||
|
"--leading-snug": "font",
|
||||||
|
"--leading-base": "font",
|
||||||
|
"--leading-loose": "font"
|
||||||
|
},
|
||||||
|
"fontFamilies": [
|
||||||
|
"Almoni Neue Tzar",
|
||||||
|
"Avigul",
|
||||||
|
"Avigul Shadow",
|
||||||
|
"FbTamlilCondensed",
|
||||||
|
"Geomanist"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,202 @@
|
|||||||
|
/* ==========================================================================
|
||||||
|
eazy — colors & type foundations
|
||||||
|
Hebrew-first, RTL. Brand built around the lowercase "eazy." wordmark
|
||||||
|
and the orange "E" mark. Imagery is black & white; chrome is lavender + orange.
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/* ---------- Web fonts -------------------------------------------------- */
|
||||||
|
@font-face {
|
||||||
|
font-family: "Avigul";
|
||||||
|
src: url("fonts/avigul-light-fm.otf") format("opentype");
|
||||||
|
font-weight: 300; font-style: normal; font-display: swap;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "Avigul";
|
||||||
|
src: url("fonts/avigul-regular-fm.otf") format("opentype");
|
||||||
|
font-weight: 400; font-style: normal; font-display: swap;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "Avigul";
|
||||||
|
src: url("fonts/avigul-bold.woff") format("woff"), url("fonts/avigul-bold-fm.otf") format("opentype");
|
||||||
|
font-weight: 700; font-style: normal; font-display: swap;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "Avigul Shadow";
|
||||||
|
src: url("fonts/avigul-shadow-fm.otf") format("opentype");
|
||||||
|
font-weight: 700; font-style: normal; font-display: swap;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "Almoni Neue Tzar";
|
||||||
|
src: url("fonts/almoni-light.woff") format("woff"), url("fonts/almoni-neue-tzar-aaa-light.otf") format("opentype");
|
||||||
|
font-weight: 300; font-style: normal; font-display: swap;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "Almoni Neue Tzar";
|
||||||
|
src: url("fonts/almoni-regular.woff") format("woff"), url("fonts/almoni-neue-tzar-aaa-regular.otf") format("opentype");
|
||||||
|
font-weight: 400; font-style: normal; font-display: swap;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "FbTamlilCondensed";
|
||||||
|
src: url("fonts/FbTamlilCondensedEng-Black.otf") format("opentype");
|
||||||
|
font-weight: 900; font-style: normal; font-display: swap;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "Geomanist";
|
||||||
|
src: url("fonts/geomanist-regular.woff") format("woff"), url("fonts/Geomanist-Regular.otf") format("opentype");
|
||||||
|
font-weight: 400; font-style: normal; font-display: swap;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------- Color tokens ---------------------------------------------- */
|
||||||
|
:root {
|
||||||
|
/* Brand primaries */
|
||||||
|
--ez-orange: #F37327; /* CTA, the "E" mark, brand highlight */
|
||||||
|
--ez-orange-deep: #D55A12; /* hover / pressed orange */
|
||||||
|
--ez-orange-soft: #FBD9C2; /* soft orange tint, decorative dots */
|
||||||
|
--ez-orange-tint: #FFF1E7; /* page tint behind orange content */
|
||||||
|
|
||||||
|
/* Lavender — the "Z" pattern colour, large blocks behind imagery */
|
||||||
|
--ez-lavender: #A9A4EC; /* hero shape, secondary CTAs */
|
||||||
|
--ez-lavender-deep: #6E68C9; /* hover, link colour, headline accent */
|
||||||
|
--ez-lavender-soft: #D9D6F4; /* softest hero block */
|
||||||
|
--ez-lavender-tint: #EFEDFB; /* surface tint */
|
||||||
|
|
||||||
|
/* Indigo — heavy headlines (used on a few flyers) */
|
||||||
|
--ez-indigo: #3F4197;
|
||||||
|
--ez-indigo-deep: #292B6E;
|
||||||
|
|
||||||
|
/* Neutrals — paper, ink, dividers */
|
||||||
|
--ez-paper: #FFFFFF;
|
||||||
|
--ez-paper-warm: #F4F2EE; /* off-white background of most flyers */
|
||||||
|
--ez-paper-cool: #EFEFF2; /* slate-tinted off-white */
|
||||||
|
--ez-line: #E2E2E6; /* hairline */
|
||||||
|
--ez-ink: #1A1A1A; /* body text */
|
||||||
|
--ez-ink-soft: #4A4A4A; /* secondary text */
|
||||||
|
--ez-ink-mute: #8A8A8A; /* tertiary, captions */
|
||||||
|
|
||||||
|
/* Semantic */
|
||||||
|
--ez-fg-1: var(--ez-ink);
|
||||||
|
--ez-fg-2: var(--ez-ink-soft);
|
||||||
|
--ez-fg-3: var(--ez-ink-mute);
|
||||||
|
--ez-fg-on-orange: #FFFFFF;
|
||||||
|
--ez-fg-on-lavender:#1A1A1A;
|
||||||
|
|
||||||
|
--ez-bg-1: var(--ez-paper);
|
||||||
|
--ez-bg-2: var(--ez-paper-warm);
|
||||||
|
--ez-bg-3: var(--ez-paper-cool);
|
||||||
|
--ez-bg-accent: var(--ez-lavender);
|
||||||
|
--ez-bg-cta: var(--ez-orange);
|
||||||
|
|
||||||
|
--ez-link: var(--ez-lavender-deep);
|
||||||
|
--ez-link-hover: var(--ez-orange-deep);
|
||||||
|
|
||||||
|
--ez-success: #2F8F5C;
|
||||||
|
--ez-warning: #E0A21A;
|
||||||
|
--ez-danger: #C8362A;
|
||||||
|
|
||||||
|
/* Spacing scale (4-based) */
|
||||||
|
--sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
|
||||||
|
--sp-5: 20px; --sp-6: 24px; --sp-7: 32px; --sp-8: 40px;
|
||||||
|
--sp-9: 56px; --sp-10: 72px; --sp-11: 96px;
|
||||||
|
|
||||||
|
/* Radii — tight; eazy uses sharp corners with mild rounding on cards */
|
||||||
|
--r-1: 4px; --r-2: 8px; --r-3: 12px; --r-4: 20px; --r-pill: 999px;
|
||||||
|
|
||||||
|
/* Elevation */
|
||||||
|
--shadow-1: 0 1px 2px rgba(20, 20, 35, 0.06);
|
||||||
|
--shadow-2: 0 6px 20px rgba(40, 30, 80, 0.08);
|
||||||
|
--shadow-3: 0 18px 48px rgba(40, 30, 80, 0.14);
|
||||||
|
|
||||||
|
/* Type ramps */
|
||||||
|
--font-display: "Avigul", "Almoni Neue Tzar", "Heebo", "Assistant", system-ui, sans-serif;
|
||||||
|
--font-body: "Almoni Neue Tzar", "Avigul", "Heebo", "Assistant", system-ui, sans-serif;
|
||||||
|
--font-mono: "Geomanist", ui-monospace, "SF Mono", Menlo, monospace;
|
||||||
|
--font-shadow: "Avigul Shadow", "Avigul", sans-serif; /* outlined display variant */
|
||||||
|
--font-en-disp: "FbTamlilCondensed", "Avigul", sans-serif; /* condensed English headline */
|
||||||
|
|
||||||
|
--leading-tight: 1.05;
|
||||||
|
--leading-snug: 1.2;
|
||||||
|
--leading-base: 1.45;
|
||||||
|
--leading-loose: 1.7;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------- Element-level type ---------------------------------------- */
|
||||||
|
html { font-family: var(--font-body); color: var(--ez-fg-1); background: var(--ez-bg-2); }
|
||||||
|
body { direction: rtl; } /* Hebrew default */
|
||||||
|
|
||||||
|
h1, .ez-h1 {
|
||||||
|
font-family: var(--font-display);
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: clamp(40px, 6vw, 88px);
|
||||||
|
line-height: var(--leading-tight);
|
||||||
|
letter-spacing: -0.01em;
|
||||||
|
color: var(--ez-lavender); /* signature lavender headline */
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
h2, .ez-h2 {
|
||||||
|
font-family: var(--font-display);
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: clamp(28px, 3.6vw, 48px);
|
||||||
|
line-height: var(--leading-snug);
|
||||||
|
color: var(--ez-fg-1);
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
h3, .ez-h3 {
|
||||||
|
font-family: var(--font-display);
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 24px;
|
||||||
|
line-height: 1.25;
|
||||||
|
color: var(--ez-fg-1);
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
h4, .ez-h4 {
|
||||||
|
font-family: var(--font-display);
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 1.3;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
p, .ez-body {
|
||||||
|
font-family: var(--font-body);
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: var(--leading-base);
|
||||||
|
color: var(--ez-fg-2);
|
||||||
|
margin: 0;
|
||||||
|
text-wrap: pretty;
|
||||||
|
}
|
||||||
|
.ez-eyebrow {
|
||||||
|
font-family: var(--font-display);
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 13px;
|
||||||
|
letter-spacing: 0.04em;
|
||||||
|
color: var(--ez-orange);
|
||||||
|
text-transform: none; /* Hebrew has no case */
|
||||||
|
}
|
||||||
|
.ez-tagline {
|
||||||
|
/* "פשוט תצליחו." – the brand line. orange, bold, with the period. */
|
||||||
|
font-family: var(--font-display);
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 28px;
|
||||||
|
color: var(--ez-orange);
|
||||||
|
letter-spacing: -0.005em;
|
||||||
|
}
|
||||||
|
.ez-caption {
|
||||||
|
font-family: var(--font-body);
|
||||||
|
font-size: 13px;
|
||||||
|
color: var(--ez-fg-3);
|
||||||
|
}
|
||||||
|
code, .ez-mono {
|
||||||
|
font-family: var(--font-mono);
|
||||||
|
font-size: 0.94em;
|
||||||
|
}
|
||||||
|
|
||||||
|
a, .ez-link {
|
||||||
|
color: var(--ez-link);
|
||||||
|
text-decoration: none;
|
||||||
|
border-bottom: 1px solid transparent;
|
||||||
|
transition: color .15s ease, border-color .15s ease;
|
||||||
|
}
|
||||||
|
a:hover, .ez-link:hover {
|
||||||
|
color: var(--ez-link-hover);
|
||||||
|
border-bottom-color: currentColor;
|
||||||
|
}
|
||||||
BIN
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
Binary file not shown.
@@ -0,0 +1,7 @@
|
|||||||
|
/* ==========================================================================
|
||||||
|
eazy Design System — global entry stylesheet
|
||||||
|
Consumers link THIS file. It pulls in the brand foundation (color tokens,
|
||||||
|
type scale, @font-face). Per-game stylesheets (quiz.css, game.css, …) stay
|
||||||
|
scoped to their own tools and are NOT global — link them only where used.
|
||||||
|
========================================================================== */
|
||||||
|
@import "colors_and_type.css";
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 751 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 835 B |
@@ -0,0 +1,4 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none">
|
||||||
|
|
||||||
|
<path d="M22 6 L10 16 L22 26" stroke="#F37327" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 203 B |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
@@ -0,0 +1,9 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
|
||||||
|
|
||||||
|
<circle cx="40" cy="55" r="22" fill="#FBD9C2"></circle>
|
||||||
|
<circle cx="92" cy="40" r="14" fill="#F37327" opacity="0.55"></circle>
|
||||||
|
<circle cx="60" cy="120" r="32" fill="#FBD9C2" opacity="0.85"></circle>
|
||||||
|
<circle cx="135" cy="95" r="18" fill="#F37327" opacity="0.4"></circle>
|
||||||
|
<circle cx="155" cy="155" r="26" fill="#FBD9C2"></circle>
|
||||||
|
<circle cx="100" cy="170" r="10" fill="#F37327" opacity="0.6"></circle>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 484 B |
Binary file not shown.
|
After Width: | Height: | Size: 181 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 106 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 84 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 161 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 167 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
@@ -0,0 +1,12 @@
|
|||||||
|
<?xml version="1.0"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1190.55 1190.55">
|
||||||
|
<defs>
|
||||||
|
|
||||||
|
</defs>
|
||||||
|
<path fill="#1a1a1a" d="M177.36,836.57h173.25c-4.74-52.58-41.8-81.89-84.04-81.89-49.13,0-84.91,34.05-89.22,81.89M373.03,847.34c0,3.45-.43,6.89-.43,10.34h-195.23c5.17,48.7,42.24,80.59,91.37,80.59,35.34,0,62.06-16.38,74.56-39.22l18.96,11.21c-17.67,29.31-51.29,48.7-93.95,48.7-66.38,0-113.35-47.41-113.35-112.49s45.68-112.49,111.63-112.49,106.45,54.3,106.45,113.35"></path>
|
||||||
|
<path fill="#1a1a1a" d="M595.86,846.48c0-51.29-39.65-91.8-90.94-91.8s-91.37,40.51-91.37,91.8,40.09,91.8,91.37,91.8,90.94-40.51,90.94-91.8M617.84,738.73v215.49h-21.98v-48.7c-18.1,32.32-51.29,53.44-92.66,53.44-61.2,0-111.62-48.7-111.62-112.49s50.43-112.49,111.62-112.49c41.37,0,74.56,21.12,92.66,53.44v-48.7h21.98Z"></path>
|
||||||
|
<polygon fill="#1a1a1a" points="820.4 933.11 820.4 954.23 656.63 954.23 656.63 940 785.93 759.85 660.94 759.85 660.94 738.73 816.09 738.73 816.09 752.96 687.23 933.11 820.4 933.11"></polygon>
|
||||||
|
<path fill="#1a1a1a" d="M1036.33,738.73l-93.09,235.32c-16.38,41.37-48.27,69.39-85.34,66.37v-20.26c28.88,2.59,50.86-18.96,64.21-50.42l4.74-11.64-99.12-219.37h23.27l87.05,191.79,75-191.79h23.27Z"></path>
|
||||||
|
<path fill="#f37327" d="M997.54,939.14c0-10.77,8.19-19.39,19.39-19.39s19.39,8.62,19.39,19.39-8.62,19.39-19.39,19.39-19.39-8.62-19.39-19.39"></path>
|
||||||
|
<path fill="#f37327" d="M829.65,421.84l-7.51-85.86c-.16-1.78-2.16-2.75-3.65-1.75l-149.07,99.56c-2.03,1.35-.91,4.52,1.52,4.3l156.58-13.7c1.3-.11,2.25-1.26,2.14-2.55"></path>
|
||||||
|
<path fill="#f37327" d="M646.74,161.59l-209.27,18.31-89.82,7.86c-1.29.11-2.25,1.26-2.14,2.55l5.88,67.13,1.98,22.68,8.06,92.17,2.62,29.91,5.45,62.26,8.06,92.17,7.86,89.82c.11,1.29,1.26,2.25,2.55,2.14l89.82-7.86,356.43-31.18,9.43-.83c1.3-.11,2.25-1.26,2.14-2.55l-7.65-87.48c-.11-1.29-1.26-2.25-2.55-2.14l-9.43.83-354.08,30.98c-1.29.11-2.44-.85-2.55-2.14l-7.74-88.42c-.08-.86.33-1.7,1.05-2.17l153.64-101.2c2.04-1.34.93-4.53-1.5-4.31l-159.03,13.91c-1.3.11-2.44-.85-2.55-2.14l-7.66-87.48c-.11-1.3.85-2.44,2.14-2.55l206.93-18.1,156.58-13.7c1.29-.11,2.25-1.25,2.14-2.55l-7.65-87.47c-.11-1.3-1.25-2.25-2.55-2.14l-156.57,13.7Z"></path>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.1 KiB |
@@ -0,0 +1,14 @@
|
|||||||
|
<?xml version="1.0"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1190.55 1190.55">
|
||||||
|
<defs>
|
||||||
|
|
||||||
|
</defs>
|
||||||
|
<path class="cls-2" d="M177.36,836.57h173.25c-4.74-52.58-41.8-81.89-84.04-81.89-49.13,0-84.91,34.05-89.22,81.89M373.03,847.34c0,3.45-.43,6.89-.43,10.34h-195.23c5.17,48.7,42.24,80.59,91.37,80.59,35.34,0,62.06-16.38,74.56-39.22l18.96,11.21c-17.67,29.31-51.29,48.7-93.95,48.7-66.38,0-113.35-47.41-113.35-112.49s45.68-112.49,111.63-112.49,106.45,54.3,106.45,113.35"></path>
|
||||||
|
<path class="cls-2" d="M595.86,846.48c0-51.29-39.65-91.8-90.94-91.8s-91.37,40.51-91.37,91.8,40.09,91.8,91.37,91.8,90.94-40.51,90.94-91.8M617.84,738.73v215.49h-21.98v-48.7c-18.1,32.32-51.29,53.44-92.66,53.44-61.2,0-111.62-48.7-111.62-112.49s50.43-112.49,111.62-112.49c41.37,0,74.56,21.12,92.66,53.44v-48.7h21.98Z"></path>
|
||||||
|
<rect class="cls-1" x="154.95" y="147.88" width="881.38" height="892.77"></rect>
|
||||||
|
<polygon class="cls-2" points="820.4 933.11 820.4 954.23 656.63 954.23 656.63 940 785.93 759.85 660.94 759.85 660.94 738.73 816.09 738.73 816.09 752.96 687.23 933.11 820.4 933.11"></polygon>
|
||||||
|
<path class="cls-2" d="M1036.33,738.73l-93.09,235.32c-16.38,41.37-48.27,69.39-85.34,66.37v-20.26c28.88,2.59,50.86-18.96,64.21-50.42l4.74-11.64-99.12-219.37h23.27l87.05,191.79,75-191.79h23.27Z"></path>
|
||||||
|
<path class="cls-2" d="M997.54,939.14c0-10.77,8.19-19.39,19.39-19.39s19.39,8.62,19.39,19.39-8.62,19.39-19.39,19.39-19.39-8.62-19.39-19.39"></path>
|
||||||
|
<path class="cls-3" d="M829.65,421.84l-7.51-85.86c-.16-1.78-2.16-2.75-3.65-1.75l-149.07,99.56c-2.03,1.35-.91,4.52,1.52,4.3l156.58-13.7c1.3-.11,2.25-1.26,2.14-2.55"></path>
|
||||||
|
<path class="cls-3" d="M646.74,161.59l-209.27,18.31-89.82,7.86c-1.29.11-2.25,1.26-2.14,2.55l5.88,67.13,1.98,22.68,8.06,92.17,2.62,29.91,5.45,62.26,8.06,92.17,7.86,89.82c.11,1.29,1.26,2.25,2.55,2.14l89.82-7.86,356.43-31.18,9.43-.83c1.3-.11,2.25-1.26,2.14-2.55l-7.65-87.48c-.11-1.29-1.26-2.25-2.55-2.14l-9.43.83-354.08,30.98c-1.29.11-2.44-.85-2.55-2.14l-7.74-88.42c-.08-.86.33-1.7,1.05-2.17l153.64-101.2c2.04-1.34.93-4.53-1.5-4.31l-159.03,13.91c-1.3.11-2.44-.85-2.55-2.14l-7.66-87.48c-.11-1.3.85-2.44,2.14-2.55l206.93-18.1,156.58-13.7c1.29-.11,2.25-1.25,2.14-2.55l-7.65-87.47c-.11-1.3-1.25-2.25-2.55-2.14l-156.57,13.7Z"></path>
|
||||||
|
<rect class="cls-1" x="154.95" y="147.88" width="881.38" height="892.77"></rect>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 118 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 142 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 161 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 96 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 74 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 147 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 123 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 109 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 114 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 607 KiB |
@@ -0,0 +1,115 @@
|
|||||||
|
/* eazy – mobile adaptation (applies under 820px; desktop untouched)
|
||||||
|
NOTE: selectors appear twice — with and without a space after ':' — because
|
||||||
|
the DC runtime serializes inline styles with a space, while the static export keeps the authored form. */
|
||||||
|
@media (max-width: 820px) {
|
||||||
|
header[data-screen-label="Header"] nav { display: none !important; }
|
||||||
|
header[data-screen-label="Header"] > div:last-of-type:not(:first-child) { display: none !important; }
|
||||||
|
header[data-screen-label="Header"] > span[dir="ltr"] { display: none !important; }
|
||||||
|
header[data-screen-label="Header"] { padding: 10px 16px !important; }
|
||||||
|
|
||||||
|
section, footer, article { padding-left: 20px !important; padding-right: 20px !important; }
|
||||||
|
div[style*="padding:"][style*="64px"],
|
||||||
|
div[style*="padding: "][style*="64px"] { padding-left: 20px !important; padding-right: 20px !important; }
|
||||||
|
|
||||||
|
h1 { font-size: 38px !important; line-height: 1.1 !important; }
|
||||||
|
h2 { font-size: 26px !important; }
|
||||||
|
h1, h2 { text-align: center !important; }
|
||||||
|
section > p { text-align: center !important; margin-left: auto !important; margin-right: auto !important; }
|
||||||
|
section[data-screen-label] { scroll-margin-top: 72px; }
|
||||||
|
|
||||||
|
/* readable minimum: nothing under 20px on mobile */
|
||||||
|
[style*="font-size:12"],
|
||||||
|
[style*="font-size: 12"],
|
||||||
|
[style*="font-size:13"],
|
||||||
|
[style*="font-size: 13"],
|
||||||
|
[style*="font-size:14"],
|
||||||
|
[style*="font-size: 14"],
|
||||||
|
[style*="font-size:15"],
|
||||||
|
[style*="font-size: 15"],
|
||||||
|
[style*="font-size:16"],
|
||||||
|
[style*="font-size: 16"],
|
||||||
|
[style*="font-size:17"],
|
||||||
|
[style*="font-size: 17"],
|
||||||
|
[style*="font-size:18"],
|
||||||
|
[style*="font-size: 18"],
|
||||||
|
[style*="font-size:19"],
|
||||||
|
[style*="font-size: 19"] {
|
||||||
|
font-size: 20px !important; line-height: 1.55 !important;
|
||||||
|
}
|
||||||
|
/* footer + privacy note: footer-heading size */
|
||||||
|
footer span, footer a, footer [style] { font-size: 16px !important; }
|
||||||
|
label[style*="font-size:13px"], label[style*="font-size: 13px"],
|
||||||
|
label[style*="font-size:13px"] span, label[style*="font-size: 13px"] span,
|
||||||
|
label[style*="font-size:13px"] a, label[style*="font-size: 13px"] a { font-size: 16px !important; line-height: 1.5 !important; }
|
||||||
|
label[style*="font-size:13px"] i, label[style*="font-size: 13px"] i { font-size: 12px !important; }
|
||||||
|
|
||||||
|
/* grids collapse to one column */
|
||||||
|
[style*="grid-template-columns:repeat(3"],
|
||||||
|
[style*="grid-template-columns: repeat(3"],
|
||||||
|
[style*="grid-template-columns:repeat(6"],
|
||||||
|
[style*="grid-template-columns: repeat(6"],
|
||||||
|
[style*="grid-template-columns:1fr 1fr"],
|
||||||
|
[style*="grid-template-columns: 1fr 1fr"],
|
||||||
|
[style*="grid-template-columns:1fr 1px 1fr"],
|
||||||
|
[style*="grid-template-columns: 1fr 1px 1fr"],
|
||||||
|
[style*="grid-template-columns:1fr 260px"],
|
||||||
|
[style*="grid-template-columns: 1fr 260px"],
|
||||||
|
[style*="grid-template-columns:1.05fr"],
|
||||||
|
[style*="grid-template-columns: 1.05fr"],
|
||||||
|
[style*="grid-template-columns:1.1fr"],
|
||||||
|
[style*="grid-template-columns: 1.1fr"],
|
||||||
|
[style*="grid-template-columns:1.15fr"],
|
||||||
|
[style*="grid-template-columns: 1.15fr"],
|
||||||
|
[style*="grid-template-columns:1.2fr"],
|
||||||
|
[style*="grid-template-columns: 1.2fr"],
|
||||||
|
[style*="grid-template-columns:1.25fr"],
|
||||||
|
[style*="grid-template-columns: 1.25fr"],
|
||||||
|
[style*="grid-template-columns:.9fr 1.1fr"],
|
||||||
|
[style*="grid-template-columns: .9fr 1.1fr"],
|
||||||
|
[style*="grid-template-columns:0.9fr 1.1fr"],
|
||||||
|
[style*="grid-template-columns: 0.9fr 1.1fr"],
|
||||||
|
[style*="grid-template-columns:auto 1fr"],
|
||||||
|
[style*="grid-template-columns: auto 1fr"],
|
||||||
|
[style*="grid-template-columns:70px"],
|
||||||
|
[style*="grid-template-columns: 70px"] { grid-template-columns: 1fr !important; }
|
||||||
|
[style*="grid-template-columns:repeat(4"],
|
||||||
|
[style*="grid-template-columns: repeat(4"] { grid-template-columns: repeat(2, 1fr) !important; }
|
||||||
|
[style*="grid-template-columns:repeat(10"],
|
||||||
|
[style*="grid-template-columns: repeat(10"] { grid-template-columns: repeat(5, 1fr) !important; }
|
||||||
|
|
||||||
|
img { max-width: 100%; height: auto; }
|
||||||
|
img[src*="dot-cluster"] { display: none !important; }
|
||||||
|
img[style*="height:360px"], img[style*="height: 360px"] { height: auto !important; width: 64vw !important; margin: 0 auto; }
|
||||||
|
img[style*="width:400px"], img[style*="width: 400px"] { width: 64vw !important; }
|
||||||
|
img[style*="width:340px"], img[style*="width: 340px"] { width: 58vw !important; }
|
||||||
|
[style*="min-height:360px"],
|
||||||
|
[style*="min-height: 360px"] { min-height: 0 !important; }
|
||||||
|
|
||||||
|
section [style*="display:flex"], section [style*="display: flex"],
|
||||||
|
footer [style*="display:flex"], footer [style*="display: flex"] { flex-wrap: wrap; }
|
||||||
|
aside { display: none !important; }
|
||||||
|
|
||||||
|
table { display: block; overflow-x: auto; white-space: nowrap; }
|
||||||
|
|
||||||
|
a[aria-label="וואטסאפ"][style*="position:fixed"], a[aria-label="וואטסאפ"][style*="position: fixed"] { display: none !important; }
|
||||||
|
|
||||||
|
/* product paths: separate cards on mobile */
|
||||||
|
[style*="1fr 1px 1fr"] > div[style*="background:var(--ez-line)"],
|
||||||
|
[style*="1fr 1px 1fr"] > div[style*="background: var(--ez-line)"] { display: none !important; }
|
||||||
|
#products [style*="1fr 1px 1fr"] > div:first-child { border: 1px solid var(--ez-line); border-radius: 12px; padding: 22px; background: #fff; }
|
||||||
|
#products [style*="1fr 1px 1fr"] > div:last-child { border: 1px solid var(--ez-line); border-radius: 12px; padding: 22px; background: var(--ez-lavender-tint); }
|
||||||
|
|
||||||
|
/* compare page: table becomes stacked cards on mobile */
|
||||||
|
section[data-screen-label="השוואה"] div:has(> table) { display: none !important; }
|
||||||
|
[data-ez-mobile-compare] { display: grid !important; gap: 14px; }
|
||||||
|
|
||||||
|
/* popups breathe on small screens */
|
||||||
|
#ez-exit-popup { padding: 16px !important; }
|
||||||
|
#ez-exit-popup > div { padding: 26px 20px 22px !important; }
|
||||||
|
|
||||||
|
html, body { overflow-x: hidden !important; }
|
||||||
|
body { padding-bottom: 78px; font-size: 20px; }
|
||||||
|
|
||||||
|
/* footer link columns: two per row instead of five squeezed */
|
||||||
|
footer [style*="grid-template-columns:auto 1fr 1fr"], footer [style*="grid-template-columns: auto 1fr 1fr"] { grid-template-columns: 1fr 1fr !important; }
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 159 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 137 KiB |
+317
@@ -0,0 +1,317 @@
|
|||||||
|
<!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="#3F4197"></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-orange);font-weight:700">הקורסים</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-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:1280px;margin:0 auto;padding:40px 64px 56px">
|
||||||
|
<div style="display:flex;gap:8px;font-size:15.5px;color:var(--ez-fg-3);margin-bottom:28px">
|
||||||
|
<a href="index.html" style="color:var(--ez-fg-3);border-bottom:none">דף הבית</a><span>/</span>
|
||||||
|
<span>הקורסים</span><span>/</span>
|
||||||
|
<span style="color:var(--ez-ink)">קורס אמירנט אונליין</span>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center">
|
||||||
|
<div style="display:grid;gap:18px">
|
||||||
|
<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:64px;line-height:1.02;letter-spacing:-.015em;color:var(--ez-ink);margin:0">קורס אמירנט אונליין.<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);max-width:520px;margin:0">קבוצה קטנה, מדריך חי על המסך, שיעורים של שעתיים אקדמיות – וכל מה שביוזר האישי כלול. בוחרים קצב: חודש וחצי ממוקד, או שלושה חודשים מקיפים.</p>
|
||||||
|
<div style="display:flex;gap:16px;align-items:center">
|
||||||
|
<button style="background:var(--ez-orange);color:#fff;border:0;border-radius:999px;padding:15px 32px;font-family:var(--font-display);font-weight:700;font-size:18px;cursor:pointer">שיחת ייעוץ חינם</button>
|
||||||
|
<button onClick="{{ scrollToPlans }}" style="background:transparent;color:var(--ez-ink);border:1.5px solid var(--ez-ink);border-radius:999px;padding:14px 28px;font-family:var(--font-display);font-weight:700;font-size:17.5px;cursor:pointer">בדקו התאמה ומועדים</button>
|
||||||
|
</div>
|
||||||
|
<span style="font-size:15.5px;color:var(--ez-fg-3)">מ-1,500 ₪ · קבוצות קטנות · כל שיעור מוקלט למי שפספס</span>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;gap:12px">
|
||||||
|
<img src="assets/screenshot-lesson.png" alt="שיעור חי בקורס האונליין" style="width:100%;border-radius:12px;display:block;box-shadow:var(--shadow-3)">
|
||||||
|
<span style="font-size:15.5px;color:var(--ez-fg-3);text-align:center">ככה נראה שיעור: מדריך/ה בזמן אמת, לא הקלטה.</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="plans" data-screen-label="מסלולים" style="background:var(--ez-paper-cool);padding:56px 64px">
|
||||||
|
<div style="max-width:1152px;margin:0 auto">
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:36px;color:var(--ez-lavender-deep);margin:0 0 8px">שני קצבים, <span style="color:var(--ez-orange)">אותו יעד</span></h2>
|
||||||
|
<p style="font-size:17.5px;color:var(--ez-fg-2);margin:0 0 28px">שני מפגשים בשבוע, שעתיים אקדמיות כל מפגש. ההבדל הוא כמה עומק וכמה ליווי.</p>
|
||||||
|
<div style="display:grid;grid-template-columns:1fr 1fr;gap:20px">
|
||||||
|
<div onClick="{{ pickShort }}" style="position:relative;background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:28px;display:grid;gap:12px;align-content:start;cursor:pointer">
|
||||||
|
<sc-if value="{{ isShort }}" hint-placeholder-val="{{ false }}"><div aria-hidden="true" style="position:absolute;inset:0;border:2px solid var(--ez-orange);border-radius:12px;pointer-events:none"></div></sc-if>
|
||||||
|
<div style="font-family:var(--font-display);font-weight:700;font-size:22.5px;color:var(--ez-ink)">קורס ממוקד · חודש וחצי</div>
|
||||||
|
<p style="font-size:17.5px;color:var(--ez-fg-2);margin:0">למי שיש בסיס ורוצה לסגור את הציון עד המועד הקרוב. כל פרקי המבחן, סימולציות ותרגול מונחה.</p>
|
||||||
|
<div style="font-family:var(--font-mono);font-size:32px;color:var(--ez-ink)">1,500 ₪</div>
|
||||||
|
</div>
|
||||||
|
<div onClick="{{ pickLong }}" style="position:relative;background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:28px;display:grid;gap:12px;align-content:start;cursor:pointer">
|
||||||
|
<sc-if value="{{ isLong }}" hint-placeholder-val="{{ true }}"><div aria-hidden="true" style="position:absolute;inset:0;border:2px solid var(--ez-orange);border-radius:12px;pointer-events:none"></div></sc-if>
|
||||||
|
<span style="position:absolute;top:-12px;right:24px;background:var(--ez-orange);color:#fff;border-radius:999px;padding:4px 14px;font-family:var(--font-display);font-weight:700;font-size:15px">המקיף</span>
|
||||||
|
<div style="font-family:var(--font-display);font-weight:700;font-size:22.5px;color:var(--ez-ink)">קורס מקיף · 3 חודשים</div>
|
||||||
|
<p style="font-size:17.5px;color:var(--ez-fg-2);margin:0">למי שבונה רמה מהיסודות או רוצה קפיצה גדולה. אותו מבנה, כפול זמן להטמעה ותרגול.</p>
|
||||||
|
<div style="font-family:var(--font-mono);font-size:32px;color:var(--ez-ink)">2,500 ₪</div>
|
||||||
|
<div style="background:var(--ez-orange-tint);border:1px solid var(--ez-orange-soft);border-radius:8px;padding:12px 16px;display:grid;gap:4px">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ez-orange-deep)">בונוס למסלול המקיף</span>
|
||||||
|
<span style="font-size:16px;color:var(--ez-ink)">סדנת ניהול זמנים + סדנת אסטרטגיות זיכרון</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div onClick="{{ toggleBooks }}" style="margin-top:20px;background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:18px 24px;display:flex;align-items:center;gap:16px;cursor:pointer;max-width:640px">
|
||||||
|
<div style="width:24px;height:24px;border:2px solid var(--ez-orange);border-radius:6px;display:flex;align-items:center;justify-content:center;flex:none">
|
||||||
|
<sc-if value="{{ books }}" hint-placeholder-val="{{ false }}"><div style="width:14px;height:14px;background:var(--ez-orange);border-radius:3px"></div></sc-if>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;gap:2px">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ez-ink)">להוסיף 2 ספרי לימוד</span>
|
||||||
|
<span style="font-size:16px;color:var(--ez-fg-2)">ספרי התרגול המודפסים שלנו, כולל משלוח עד הבית</span>
|
||||||
|
</div>
|
||||||
|
<span style="margin-right:auto;font-family:var(--font-mono);font-size:21px;color:var(--ez-ink)">+ 170 ₪</span>
|
||||||
|
</div>
|
||||||
|
<h3 style="font-family:var(--font-display);font-weight:700;font-size:22.5px;color:var(--ez-ink);margin:36px 0 14px">מועדי פתיחה קרובים</h3>
|
||||||
|
<div style="border:1px solid var(--ez-line);border-radius:12px;overflow:hidden;background:#fff">
|
||||||
|
<table style="width:100%;border-collapse:collapse;font-size:17.5px">
|
||||||
|
<thead>
|
||||||
|
<tr style="background:var(--ez-paper-cool);font-family:var(--font-display)">
|
||||||
|
<th style="text-align:right;padding:13px 20px;font-size:16px;color:var(--ez-fg-2);font-weight:700">מחזור</th>
|
||||||
|
<th style="text-align:right;padding:13px 20px;font-size:16px;color:var(--ez-fg-2);font-weight:700">מסלול</th>
|
||||||
|
<th style="text-align:right;padding:13px 20px;font-size:16px;color:var(--ez-fg-2);font-weight:700">ימים ושעות</th>
|
||||||
|
<th style="text-align:right;padding:13px 20px;font-size:16px;color:var(--ez-fg-2);font-weight:700">מקומות</th>
|
||||||
|
<th style="padding:13px 20px"></th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr style="border-top:1px solid var(--ez-line);background:{{ rowShort1Bg }}">
|
||||||
|
<td style="padding:14px 20px;font-family:var(--font-display);font-weight:700">תחילת נובמבר – אמצע דצמבר</td>
|
||||||
|
<td style="padding:14px 20px;color:var(--ez-fg-2)">ממוקד · חודש וחצי</td>
|
||||||
|
<td style="padding:14px 20px;color:var(--ez-fg-2)">א' + ד' · 19:00-20:30</td>
|
||||||
|
<td style="padding:14px 20px"><span style="background:#DFF3E3;color:#1E7A35;border-radius:999px;padding:3px 12px;font-family:var(--font-display);font-weight:700;font-size:15.5px">פתוח</span></td>
|
||||||
|
<td style="padding:14px 20px;text-align:left"><a href="#contact" style="font-family:var(--font-display);font-weight:700;font-size:16px;border-bottom:none">שריינו מקום ←</a></td>
|
||||||
|
</tr>
|
||||||
|
<tr style="border-top:1px solid var(--ez-line);background:{{ rowShort2Bg }}">
|
||||||
|
<td style="padding:14px 20px;font-family:var(--font-display);font-weight:700">אמצע דצמבר – סוף ינואר</td>
|
||||||
|
<td style="padding:14px 20px;color:var(--ez-fg-2)">ממוקד · חודש וחצי</td>
|
||||||
|
<td style="padding:14px 20px;color:var(--ez-fg-2)">א' + ד' · 19:00-20:30</td>
|
||||||
|
<td style="padding:14px 20px"><span style="background:#DFF3E3;color:#1E7A35;border-radius:999px;padding:3px 12px;font-family:var(--font-display);font-weight:700;font-size:15.5px">פתוח</span></td>
|
||||||
|
<td style="padding:14px 20px;text-align:left"><a href="#contact" style="font-family:var(--font-display);font-weight:700;font-size:16px;border-bottom:none">שריינו מקום ←</a></td>
|
||||||
|
</tr>
|
||||||
|
<tr style="border-top:1px solid var(--ez-line);background:{{ rowLongBg }}">
|
||||||
|
<td style="padding:14px 20px;font-family:var(--font-display);font-weight:700">נובמבר – סוף ינואר</td>
|
||||||
|
<td style="padding:14px 20px;color:var(--ez-fg-2)">מקיף · 3 חודשים + סדנאות</td>
|
||||||
|
<td style="padding:14px 20px;color:var(--ez-fg-2)">א' + ד' · 19:00-20:30</td>
|
||||||
|
<td style="padding:14px 20px"><span style="background:var(--ez-orange-tint);color:var(--ez-orange-deep);border-radius:999px;padding:3px 12px;font-family:var(--font-display);font-weight:700;font-size:15.5px">נותרו בודדים</span></td>
|
||||||
|
<td style="padding:14px 20px;text-align:left"><a href="#contact" style="font-family:var(--font-display);font-weight:700;font-size:16px;border-bottom:none">שריינו מקום ←</a></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="margin-top:28px;background:var(--ez-ink);border-radius:12px;padding:20px 28px;display:flex;align-items:center;gap:24px;justify-content:space-between">
|
||||||
|
<div style="display:grid;gap:2px">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:18.5px;color:#fff">{{ summaryLine }}</span>
|
||||||
|
<span style="font-size:15.5px;color:#b9b9c0">הרשמה נסגרת בשיחת ייעוץ – בודקים התאמה לפני שמשלמים</span>
|
||||||
|
</div>
|
||||||
|
<div style="display:flex;align-items:center;gap:20px">
|
||||||
|
<span style="font-family:var(--font-mono);font-size:30px;color:#fff">{{ totalText }}</span>
|
||||||
|
<button style="background:var(--ez-orange);color:#fff;border:0;border-radius:999px;padding:13px 36px;font-family:var(--font-display);font-weight:700;font-size:18px;cursor:pointer">שיחת ייעוץ</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-screen-label="מה מקבלים" style="max-width:1280px;margin:0 auto;padding:64px 64px 48px">
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ez-ink);margin:0 0 24px">מה מקבלים</h2>
|
||||||
|
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:22px 36px">
|
||||||
|
<div style="display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start">
|
||||||
|
<img src="assets/bullet-chevron.png" alt="" style="width:14px;margin-top:6px">
|
||||||
|
<div><div style="font-family:var(--font-display);font-weight:700;font-size:18.5px;color:var(--ez-ink)">2 מפגשים חיים בשבוע</div><p style="font-size:16.5px;color:var(--ez-fg-2);margin:3px 0 0">שעתיים אקדמיות, קבוצה קטנה, שאלות בזמן אמת.</p></div>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start">
|
||||||
|
<img src="assets/bullet-chevron.png" alt="" style="width:14px;margin-top:6px">
|
||||||
|
<div><div style="font-family:var(--font-display);font-weight:700;font-size:18.5px;color:var(--ez-ink)">כל שיעור מוקלט</div><p style="font-size:16.5px;color:var(--ez-fg-2);margin:3px 0 0">פספסתם? משלימים מתי שנוח.</p></div>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start">
|
||||||
|
<img src="assets/bullet-chevron.png" alt="" style="width:14px;margin-top:6px">
|
||||||
|
<div><div style="font-family:var(--font-display);font-weight:700;font-size:18.5px;color:var(--ez-ink)">יוזר אמירנט מלא כלול</div><p style="font-size:16.5px;color:var(--ez-fg-2);margin:3px 0 0">סימולציות, משחקים ומילון – לכל אורך הקורס.</p></div>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start">
|
||||||
|
<img src="assets/bullet-chevron.png" alt="" style="width:14px;margin-top:6px">
|
||||||
|
<div><div style="font-family:var(--font-display);font-weight:700;font-size:18.5px;color:var(--ez-ink)">מעקב אישי של המדריך</div><p style="font-size:16.5px;color:var(--ez-fg-2);margin:3px 0 0">מישהו ששם לב כשנעלמתם – ומחזיר אתכם.</p></div>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start">
|
||||||
|
<img src="assets/bullet-chevron.png" alt="" style="width:14px;margin-top:6px">
|
||||||
|
<div><div style="font-family:var(--font-display);font-weight:700;font-size:18.5px;color:var(--ez-ink)">ליווי בוואטסאפ</div><p style="font-size:16.5px;color:var(--ez-fg-2);margin:3px 0 0">בין השיעורים – שאלות, חיזוקים, תזכורות.</p></div>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start">
|
||||||
|
<img src="assets/bullet-chevron.png" alt="" style="width:14px;margin-top:6px">
|
||||||
|
<div><div style="font-family:var(--font-display);font-weight:700;font-size:18.5px;color:var(--ez-orange)">במקיף: 2 סדנאות בונוס</div><p style="font-size:16.5px;color:var(--ez-fg-2);margin:3px 0 0">ניהול זמנים במבחן + אסטרטגיות זיכרון.</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-screen-label="המדריכים" style="max-width:1280px;margin:0 auto;padding:0 64px 56px">
|
||||||
|
<div style="border-top:1px solid var(--ez-line);padding-top:48px;display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center">
|
||||||
|
<div style="display:grid;gap:14px">
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ez-ink);margin:0">מי מלמד אתכם</h2>
|
||||||
|
<p style="font-size:18.5px;line-height:1.55;color:var(--ez-fg-2);margin:0">המדריכים שלנו מלמדים אמירנט שנים, ורובם עברו את הדרך הזאת בעצמם. בשיחת הייעוץ תדעו מי המדריך/ה של המחזור שלכם.</p>
|
||||||
|
</div>
|
||||||
|
<div style="display:flex;gap:28px;align-items:end">
|
||||||
|
<div style="display:grid;gap:10px;justify-items:center">
|
||||||
|
<img src="assets/mentor-1.png" alt="נעה" style="width:132px;height:132px;border-radius:50%;object-fit:cover;border:3px solid var(--ez-lavender)">
|
||||||
|
<div style="text-align:center"><div style="font-family:var(--font-display);font-weight:700;font-size:17.5px;color:var(--ez-ink)">נעה</div><div style="font-size:15.5px;color:var(--ez-fg-3)">אנגלית לאמירנט · 12 שנים</div></div>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;gap:10px;justify-items:center">
|
||||||
|
<img src="assets/mentor-2.png" alt="אלון" style="width:132px;height:132px;border-radius:50%;object-fit:cover;border:3px solid var(--ez-orange)">
|
||||||
|
<div style="text-align:center"><div style="font-family:var(--font-display);font-weight:700;font-size:17.5px;color:var(--ez-ink)">אלון</div><div style="font-size:15.5px;color:var(--ez-fg-3)">מוביל הקורס האונליין</div></div>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;gap:10px;justify-items:center">
|
||||||
|
<img src="assets/mentor-3.png" alt="יובל" style="width:132px;height:132px;border-radius:50%;object-fit:cover;border:3px solid var(--ez-lavender)">
|
||||||
|
<div style="text-align:center"><div style="font-family:var(--font-display);font-weight:700;font-size:17.5px;color:var(--ez-ink)">יובל</div><div style="font-size:15.5px;color:var(--ez-fg-3)">מתמחה בלקויות למידה</div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-screen-label="למי מתאים" style="max-width:1280px;margin:0 auto;padding:0 64px 56px">
|
||||||
|
<div style="border-top:1px solid var(--ez-line);padding-top:48px;display:grid;grid-template-columns:1fr 1px 1fr;gap:36px;align-items:start">
|
||||||
|
<div style="display:grid;gap:10px">
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--ez-ink);margin:0">למי הקורס מתאים</h2>
|
||||||
|
<p style="font-size:17.5px;line-height:1.55;color:var(--ez-fg-2);margin:0">למי שקשה לו להתמיד לבד, למי שאנגלית מלחיצה אותו, ולמי שרוצה קפיצה רצינית עם מישהו שמוביל. אם נעלמתם – מתקשרים אליכם.</p>
|
||||||
|
</div>
|
||||||
|
<div style="background:var(--ez-line);height:100%"></div>
|
||||||
|
<div style="display:grid;gap:10px">
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--ez-ink);margin:0">ולמי לא</h2>
|
||||||
|
<p style="font-size:17.5px;line-height:1.55;color:var(--ez-fg-2);margin:0">אם יש לכם בסיס טוב, משמעת עצמית, וצריך בעיקר תרגול – <a href="user.html">היוזר העצמאי</a> ייתן לכם את זה ברבע מהמחיר.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-screen-label="שאלות" style="max-width:900px;margin:0 auto;padding:0 64px 56px">
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ez-ink);margin:0 0 20px;border-top:1px solid var(--ez-line);padding-top:48px">חשוב וכדאי לדעת מראש</h2>
|
||||||
|
<div style="border-top:1px solid var(--ez-line)">
|
||||||
|
<sc-for list="{{ faqs }}" as="f" hint-placeholder-count="5">
|
||||||
|
<div style="border-bottom:1px solid var(--ez-line)">
|
||||||
|
<div onClick="{{ f.toggle }}" style="display:flex;justify-content:space-between;align-items:center;padding:18px 4px;cursor:pointer">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ez-ink)">{{ f.q }}</span>
|
||||||
|
<span style="font-family:var(--font-mono);font-size:21px;color:var(--ez-orange)">{{ f.mark }}</span>
|
||||||
|
</div>
|
||||||
|
<sc-if value="{{ f.open }}" hint-placeholder-val="{{ false }}">
|
||||||
|
<p style="font-size:19px;line-height:1.6;color:var(--ez-fg-2);margin:0;padding:0 4px 18px;max-width:720px">{{ f.a }}</p>
|
||||||
|
</sc-if>
|
||||||
|
</div>
|
||||||
|
</sc-for>
|
||||||
|
</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 onClick="{{ submitLead }}" 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">{{ leadButtonText }}</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>
|
||||||
|
<script type="text/x-dc" data-dc-script>
|
||||||
|
class Component extends DCLogic {
|
||||||
|
state = { plan: "long", books: false, sent: false, openFaq: -1 };
|
||||||
|
renderVals() {
|
||||||
|
const isLong = this.state.plan === "long";
|
||||||
|
const hi = "var(--ez-orange-tint)";
|
||||||
|
const faqData = [
|
||||||
|
{ q: "מה אם אפספס שיעור?", a: "כל שיעור מוקלט וזמין למחרת. בנוסף, המדריך רואה מי לא היה ושולח סיכום ומה להשלים – אף אחד לא הולך לאיבוד." },
|
||||||
|
{ q: "מה ההבדל בין הממוקד למקיף חוץ מהאורך?", a: "התכנים זהים, אבל במקיף יש כפול זמן להטמעה ותרגול מונחה, ושתי סדנאות בונוס: ניהול זמנים במבחן ואסטרטגיות זיכרון. מתאים למי שמתחיל מרמה נמוכה או רוצה קפיצה גדולה." },
|
||||||
|
{ q: "ומה אם ארצה לבטל?", a: "עד השיעור השני – החזר מלא, בלי שאלות. אחרי זה – החזר יחסי לפי מה שנוצל. הכל כתוב בתקנון בשפה פשוטה." },
|
||||||
|
{ q: "כמה תלמידים בקבוצה?", a: "קבוצות קטנות – מספיק קטנות כדי שהמדריך מכיר את השם, החוזקות והפערים של כל אחד ואחת." },
|
||||||
|
{ q: "אפשר לפצל תשלומים?", a: "כן, בכרטיס אשראי. חיילים משוחררים יכולים לשלם גם מכספי הפיקדון." },
|
||||||
|
];
|
||||||
|
return {
|
||||||
|
isShort: !isLong,
|
||||||
|
isLong,
|
||||||
|
pickShort: () => this.setState({ plan: "short" }),
|
||||||
|
pickLong: () => this.setState({ plan: "long" }),
|
||||||
|
books: this.state.books,
|
||||||
|
toggleBooks: () => this.setState(s => ({ books: !s.books })),
|
||||||
|
rowShort1Bg: !isLong ? hi : "#fff",
|
||||||
|
rowShort2Bg: !isLong ? hi : "#fff",
|
||||||
|
rowLongBg: isLong ? hi : "#fff",
|
||||||
|
summaryLine: (isLong ? "המסלול שלכם: מקיף, 3 חודשים + סדנאות בונוס" : "המסלול שלכם: ממוקד, חודש וחצי") + (this.state.books ? " + ספרים" : ""),
|
||||||
|
totalText: ((isLong ? 2500 : 1500) + (this.state.books ? 170 : 0)).toLocaleString("en-US") + " ₪",
|
||||||
|
leadButtonText: this.state.sent ? "קיבלנו! נחזור אליכם היום" : "שיחת ייעוץ חינם",
|
||||||
|
submitLead: () => this.setState({ sent: true }),
|
||||||
|
scrollToPlans: () => { const el = document.getElementById("plans"); if (el) window.scrollTo({ top: el.offsetTop - 80, behavior: "smooth" }); },
|
||||||
|
faqs: faqData.map((f, i) => ({
|
||||||
|
...f,
|
||||||
|
open: this.state.openFaq === i,
|
||||||
|
mark: this.state.openFaq === i ? "–" : "+",
|
||||||
|
toggle: () => this.setState(s => ({ openFaq: s.openFaq === i ? -1 : i })),
|
||||||
|
})),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,224 @@
|
|||||||
|
<!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="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-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:1280px;margin:0 auto;padding:48px 64px 0">
|
||||||
|
<div style="display:flex;gap:8px;font-size:15.5px;color:var(--ez-fg-3);margin-bottom:28px">
|
||||||
|
<a href="index.html" style="color:var(--ez-fg-3);border-bottom:none">דף הבית</a><span>/</span>
|
||||||
|
<span style="color:var(--ez-ink)">אנגלית קשה לי</span>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:end">
|
||||||
|
<div style="display:grid;gap:20px;padding-bottom:48px">
|
||||||
|
<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:64px;line-height:1.04;letter-spacing:-.015em;color:var(--ez-ink);margin:0">אתם לא "לא טובים באנגלית".<br><span style="font-family:var(--font-shadow);color:var(--ez-lavender-deep)">פשוט לימדו אתכם משעמם.</span></h1>
|
||||||
|
<p style="font-family:var(--font-display);font-weight:700;font-size:21.5px;line-height:1.4;color:var(--ez-ink);margin:0;max-width:560px">28 שנים אנחנו פוגשים "מקרים אבודים". הבעיה כמעט אף פעם לא הייתה יכולת – אלא שיטה.</p>
|
||||||
|
<div style="display:flex;gap:16px;align-items:center">
|
||||||
|
<a href="free.html" style="display:inline-block;background:var(--ez-orange);color:#fff;border-radius:999px;padding:15px 32px;font-family:var(--font-display);font-weight:700;font-size:18px;border-bottom:none">נסו משחק אחד – בחינם</a>
|
||||||
|
<a href="#contact" style="font-family:var(--font-display);font-weight:700;font-size:17.5px;color:var(--ez-ink);border-bottom:1px solid var(--ez-ink)">שיחת ייעוץ חינם</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:360px">
|
||||||
|
<img src="assets/dot-cluster.png" alt="" style="position:absolute;left:-10px;top:0;width:130px">
|
||||||
|
<img src="assets/photo-mentor-guy.png" alt="תלמיד שגילה שאנגלית זה לא סיוט" style="position:relative;height:360px;display:block">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="border-top:1px solid var(--ez-line)"></div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-screen-label="בעיה פתרון" style="max-width:1280px;margin:0 auto;padding:48px 64px">
|
||||||
|
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:20px">
|
||||||
|
<div style="border:1px solid var(--ez-line);border-radius:12px;padding:26px;display:grid;gap:12px;align-content:start">
|
||||||
|
<span style="font-family:var(--font-mono);font-size:21px;color:var(--ez-lavender-deep)">01</span>
|
||||||
|
<div style="font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--ez-ink)">"אני קופא כשאני רואה טקסט באנגלית"</div>
|
||||||
|
<p style="font-size:17.5px;line-height:1.55;color:var(--ez-fg-2);margin:0">זה לחץ, לא יכולת. מתחילים ממשחקים קצרים בלי ציון ובלי שיפוט – עד שאנגלית מפסיקה להפחיד.</p>
|
||||||
|
</div>
|
||||||
|
<div style="border:1px solid var(--ez-line);border-radius:12px;padding:26px;display:grid;gap:12px;align-content:start">
|
||||||
|
<span style="font-family:var(--font-mono);font-size:21px;color:var(--ez-lavender-deep)">02</span>
|
||||||
|
<div style="font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--ez-ink)">"ניסיתי ללמוד ותמיד נשברתי"</div>
|
||||||
|
<p style="font-size:17.5px;line-height:1.55;color:var(--ez-fg-2);margin:0">כי דפי שינון משעממים. כשהלמידה עוברת דרך סדרות, שירים ומשחקים – פתאום לא צריך כוח רצון.</p>
|
||||||
|
</div>
|
||||||
|
<div style="border:1px solid var(--ez-line);border-radius:12px;padding:26px;display:grid;gap:12px;align-content:start">
|
||||||
|
<span style="font-family:var(--font-mono);font-size:21px;color:var(--ez-orange)">03</span>
|
||||||
|
<div style="font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--ez-ink)">"אין סיכוי שאני אדע את כל המילים"</div>
|
||||||
|
<p style="font-size:17.5px;line-height:1.55;color:var(--ez-fg-2);margin:0">גם לא צריך. מלמדים אתכם לפתור ולהרוויח נקודות גם כשחלק מהמילים לא מוכרות. זה חלק מהשיטה.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-screen-label="השיטה" style="background:var(--ez-paper-cool);padding:48px 64px">
|
||||||
|
<div style="max-width:1280px;margin:0 auto;display:grid;gap:20px">
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:28px;color:var(--ez-ink);margin:0">למה אצלנו זה עובד גם למי שכבר התייאש</h2>
|
||||||
|
<div style="display:grid;grid-template-columns:1fr 1fr;gap:16px">
|
||||||
|
<div style="background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:22px;display:flex;gap:14px;align-items:flex-start">
|
||||||
|
<i class="ph ph-heart" style="font-size:26px;color:var(--ez-orange);flex:none;margin-top:2px"></i>
|
||||||
|
<div><div style="font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ez-ink)">מלמדים אנשים, לא סתם אנגלית</div><p style="font-size:17px;line-height:1.55;color:var(--ez-fg-2);margin:4px 0 0">קודם גורמים לזה להיות מעניין. כשמעניין – הלחץ יורד, והראש נפתח.</p></div>
|
||||||
|
</div>
|
||||||
|
<div style="background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:22px;display:flex;gap:14px;align-items:flex-start">
|
||||||
|
<i class="ph ph-television-simple" style="font-size:26px;color:var(--ez-orange);flex:none;margin-top:2px"></i>
|
||||||
|
<div><div style="font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ez-ink)">לומדים ממה שמקיף אתכם ממילא</div><p style="font-size:17px;line-height:1.55;color:var(--ez-fg-2);margin:4px 0 0">סדרות, סרטונים ושירים הם חלק מהשיעור – והלמידה נמשכת גם אחריו, בלי להרגיש.</p></div>
|
||||||
|
</div>
|
||||||
|
<div style="background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:22px;display:flex;gap:14px;align-items:flex-start">
|
||||||
|
<i class="ph ph-game-controller" style="font-size:26px;color:var(--ez-orange);flex:none;margin-top:2px"></i>
|
||||||
|
<div><div style="font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ez-ink)">מזנקים באוצר המילים</div><p style="font-size:17px;line-height:1.55;color:var(--ez-fg-2);margin:4px 0 0">משחקי למידה והמגוון הגדול בארץ של כלי לימוד – מילים נדבקות בלי שינון עיוור.</p></div>
|
||||||
|
</div>
|
||||||
|
<div style="background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:22px;display:flex;gap:14px;align-items:flex-start">
|
||||||
|
<i class="ph ph-puzzle-piece" style="font-size:26px;color:var(--ez-orange);flex:none;margin-top:2px"></i>
|
||||||
|
<div><div style="font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ez-ink)">פותרים גם בלי לדעת כל מילה</div><p style="font-size:17px;line-height:1.55;color:var(--ez-fg-2);margin:4px 0 0">אסטרטגיות פתרון שמרוויחות נקודות גם כשהמשפט לא מוכר עד הסוף.</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="about.html" style="font-family:var(--font-display);font-weight:700;font-size:16.5px;border-bottom:none;justify-self:start">על השיטה שלנו ←</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-screen-label="המלצת מוצר" style="max-width:1280px;margin:0 auto;padding:56px 64px">
|
||||||
|
<div style="background:var(--ez-lavender-tint);border-radius:12px;padding:36px 40px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center">
|
||||||
|
<div style="display:grid;gap:14px;justify-items:start">
|
||||||
|
<span style="background:#fff;border:1px solid var(--ez-line);border-radius:999px;padding:5px 14px;font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ez-lavender-deep)">ההמלצה שלנו למי שאנגלית קשה לו</span>
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ez-ink);margin:0">קורס אמירנט אונליין – עם מדריך שלא מוותר עליכם</h2>
|
||||||
|
<p style="font-size:18px;line-height:1.55;color:var(--ez-fg-2);margin:0">כשאנגלית מלחיצה, ללמוד לבד זה מתכון לוויתור. בקבוצה קטנה עם מדריך בזמן אמת יש מי שרואה אתכם, מתאים את הקצב, ולא נותן לכם להיעלם. מ-1,500 ₪.</p>
|
||||||
|
<div style="display:flex;gap:14px;align-items:center">
|
||||||
|
<a href="course.html" style="display:inline-block;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" style="font-family:var(--font-display);font-weight:700;font-size:16.5px;border-bottom:none">לא בטוחים? דברו איתנו קודם ←</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<img src="assets/video-mentor.png" alt="מדריך eazy בשיעור" style="width:100%;border-radius:10px;display:block">
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-screen-label="סיפור תלמיד" style="background:var(--ez-paper-cool);padding:56px 64px">
|
||||||
|
<div style="max-width:900px;margin:0 auto;display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center">
|
||||||
|
<img src="assets/mentor-3.png" alt="עומר" style="width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid var(--ez-orange)">
|
||||||
|
<div style="display:grid;gap:10px">
|
||||||
|
<span aria-hidden="true" style="font-family:var(--font-display);font-weight:700;font-size:84px;line-height:.4;color:var(--ez-lavender);transform:scaleX(-1)">"</span>
|
||||||
|
<p style="font-family:var(--font-display);font-weight:700;font-size:22.5px;line-height:1.45;color:var(--ez-ink);margin:0">בתיכון הייתי בטוח שאנגלית זה פשוט לא בשבילי. פה גיליתי שאפשר ללמוד מסדרות שאני ממילא רואה. היום אני סטודנט בטכניון – עם פטור מלא.</p>
|
||||||
|
<div style="display:flex;gap:14px;align-items:baseline">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:17.5px;color:var(--ez-ink)">עומר, סטודנט בטכניון</span>
|
||||||
|
<span style="font-family:var(--font-mono);font-size:16px;color:var(--ez-orange)">134 לפטור מלא</span>
|
||||||
|
</div>
|
||||||
|
<a href="story-itay.html" style="font-family:var(--font-display);font-weight:700;font-size:16.5px;border-bottom:none">עוד סיפורים כאלה ←</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-screen-label="שאלות" style="max-width:900px;margin:0 auto;padding:56px 64px">
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ez-ink);margin:0 0 20px">שאלות ששואלים אותנו בלחש</h2>
|
||||||
|
<div style="border-top:1px solid var(--ez-line)">
|
||||||
|
<sc-for list="{{ faqs }}" as="f" hint-placeholder-count="5">
|
||||||
|
<div style="border-bottom:1px solid var(--ez-line)">
|
||||||
|
<div onClick="{{ f.toggle }}" style="display:flex;justify-content:space-between;align-items:center;padding:18px 4px;cursor:pointer">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ez-ink)">{{ f.q }}</span>
|
||||||
|
<span style="font-family:var(--font-mono);font-size:21px;color:var(--ez-orange)">{{ f.mark }}</span>
|
||||||
|
</div>
|
||||||
|
<sc-if value="{{ f.open }}" hint-placeholder-val="{{ false }}">
|
||||||
|
<p style="font-size:19px;line-height:1.6;color:var(--ez-fg-2);margin:0;padding:0 4px 18px;max-width:720px">{{ f.a }}</p>
|
||||||
|
</sc-if>
|
||||||
|
</div>
|
||||||
|
</sc-for>
|
||||||
|
</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 onClick="{{ submitLead }}" 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">{{ leadButtonText }}</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">
|
||||||
|
</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>
|
||||||
|
<script type="text/x-dc" data-dc-script>
|
||||||
|
class Component extends DCLogic {
|
||||||
|
state = { sent: false, openFaq: -1 };
|
||||||
|
renderVals() {
|
||||||
|
const faqData = [
|
||||||
|
{ q: "אני ממש חלש. יש בכלל טעם להתחיל?", a: "כן. רוב התלמידים שהגיעו אלינו \"אבודים\" פשוט למדו בשיטה שלא התאימה להם. מבחן הרמה מראה נקודת התחלה אמיתית – ומשם בונים, בקצב שלכם." },
|
||||||
|
{ q: "כמה זמן ייקח לי, אם אני מתחיל מאפס?", a: "מרמה בסיסית לפטור לוקח בדרך כלל 4-8 חודשים של למידה עקבית. זה נשמע הרבה, אבל זה במקום שנה-שנתיים של קורסי אנגלית בתוך התואר." },
|
||||||
|
{ q: "יש אבחון לקויות למידה או התאמות?", a: "אם יש לכם אבחון, ייתכן שמגיעות לכם התאמות במבחן (תוספת זמן ועוד). נכוון אתכם בשיחת הייעוץ – וגם נתאים את הלמידה עצמה." },
|
||||||
|
{ q: "מה אם אני אתקע ואתבייש לשאול?", a: "בשביל זה יש קבוצה קטנה ומדריך שמכיר אתכם בשם. ואם נעלמתם – מתקשרים. לא כועסים, פשוט מחזירים אתכם למסלול." },
|
||||||
|
{ q: "אפשר לנסות משהו לפני שמשלמים?", a: "בטח. משחקי הלמידה ומבחן הרמה פתוחים בחינם – תתחילו שם, בלי להתחייב ובלי להשאיר כרטיס אשראי." },
|
||||||
|
];
|
||||||
|
return {
|
||||||
|
leadButtonText: this.state.sent ? "קיבלנו! נחזור אליכם היום" : "דברו איתי",
|
||||||
|
submitLead: () => this.setState({ sent: true }),
|
||||||
|
faqs: faqData.map((f, i) => ({
|
||||||
|
...f,
|
||||||
|
open: this.state.openFaq === i,
|
||||||
|
mark: this.state.openFaq === i ? "–" : "+",
|
||||||
|
toggle: () => this.setState(s => ({ openFaq: s.openFaq === i ? -1 : i })),
|
||||||
|
})),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,146 @@
|
|||||||
|
<!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>
|
||||||
@@ -0,0 +1,224 @@
|
|||||||
|
<!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="#3F4197"></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="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-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:1280px;margin:0 auto;padding:48px 64px 0">
|
||||||
|
<div style="display:flex;gap:8px;font-size:15.5px;color:var(--ez-fg-3);margin-bottom:28px">
|
||||||
|
<a href="index.html" style="color:var(--ez-fg-3);border-bottom:none">דף הבית</a><span>/</span>
|
||||||
|
<span style="color:var(--ez-ink)">שיפור ציון</span>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:end">
|
||||||
|
<div style="display:grid;gap:20px;padding-bottom:48px">
|
||||||
|
<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:64px;line-height:1.04;letter-spacing:-.015em;color:var(--ez-ink);margin:0">הציון שקיבלתם<br><span style="font-family:var(--font-shadow);color:var(--ez-lavender-deep)">הוא לא הציון שלכם.</span></h1>
|
||||||
|
<p style="font-family:var(--font-display);font-weight:700;font-size:21.5px;line-height:1.4;color:var(--ez-ink);margin:0;max-width:560px">35 יום בין מבחן למבחן. עם תוכנית ממוקדת, זה בדיוק הזמן שצריך כדי לעלות רמה.</p>
|
||||||
|
<div style="display:flex;gap:16px;align-items:center">
|
||||||
|
<a href="free.html" style="display:inline-block;background:var(--ez-orange);color:#fff;border-radius:999px;padding:15px 32px;font-family:var(--font-display);font-weight:700;font-size:18px;border-bottom:none">בדקו איפה אתם היום – 5 דקות</a>
|
||||||
|
<a href="#contact" style="font-family:var(--font-display);font-weight:700;font-size:17.5px;color:var(--ez-ink);border-bottom:1px solid var(--ez-ink)">שיחת ייעוץ חינם</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:360px">
|
||||||
|
<img src="assets/dot-cluster.png" alt="" style="position:absolute;left:-10px;top:0;width:130px">
|
||||||
|
<img src="assets/photo-hero-laptop.png" alt="תלמידה אחרי שיפור ציון" style="position:relative;height:360px;display:block">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="border-top:1px solid var(--ez-line)"></div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-screen-label="בעיה פתרון" style="max-width:1280px;margin:0 auto;padding:48px 64px">
|
||||||
|
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:20px">
|
||||||
|
<div style="border:1px solid var(--ez-line);border-radius:12px;padding:26px;display:grid;gap:12px;align-content:start">
|
||||||
|
<span style="font-family:var(--font-mono);font-size:21px;color:var(--ez-lavender-deep)">01</span>
|
||||||
|
<div style="font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--ez-ink)">"נתקעתי כמה נקודות מתחת לפטור"</div>
|
||||||
|
<p style="font-size:17.5px;line-height:1.55;color:var(--ez-fg-2);margin:0">הפער הכי מתסכל הוא גם הכי קטן. ננתח מה בדיוק עצר אתכם – אוצר מילים, זמן, או לחץ – ונתקוף רק את זה.</p>
|
||||||
|
</div>
|
||||||
|
<div style="border:1px solid var(--ez-line);border-radius:12px;padding:26px;display:grid;gap:12px;align-content:start">
|
||||||
|
<span style="font-family:var(--font-mono);font-size:21px;color:var(--ez-lavender-deep)">02</span>
|
||||||
|
<div style="font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--ez-ink)">"למדתי לבד וזה לא זז"</div>
|
||||||
|
<p style="font-size:17.5px;line-height:1.55;color:var(--ez-fg-2);margin:0">עוד מאותו תרגול נותן עוד מאותו ציון. מה שמזיז ציון תקוע הוא שינוי שיטה – לא שינוי כמות.</p>
|
||||||
|
</div>
|
||||||
|
<div style="border:1px solid var(--ez-line);border-radius:12px;padding:26px;display:grid;gap:12px;align-content:start">
|
||||||
|
<span style="font-family:var(--font-mono);font-size:21px;color:var(--ez-orange)">03</span>
|
||||||
|
<div style="font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--ez-ink)">"אין לי כוח לקורס שלם מחדש"</div>
|
||||||
|
<p style="font-size:17.5px;line-height:1.55;color:var(--ez-fg-2);margin:0">לא צריך. מי שכבר נבחן מקבל תוכנית קצרה וממוקדת למועד הבא – בלי לחזור על מה שאתם כבר יודעים.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-screen-label="השיטה" style="background:var(--ez-paper-cool);padding:48px 64px">
|
||||||
|
<div style="max-width:1280px;margin:0 auto;display:grid;gap:20px">
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:28px;color:var(--ez-ink);margin:0">איך מרוויחים את הנקודות החסרות</h2>
|
||||||
|
<div style="display:grid;grid-template-columns:1fr 1fr;gap:16px">
|
||||||
|
<div style="background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:22px;display:flex;gap:14px;align-items:flex-start">
|
||||||
|
<i class="ph ph-game-controller" style="font-size:26px;color:var(--ez-orange);flex:none;margin-top:2px"></i>
|
||||||
|
<div><div style="font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ez-ink)">מזנקים באוצר המילים</div><p style="font-size:17px;line-height:1.55;color:var(--ez-fg-2);margin:4px 0 0">משחקי למידה והמגוון הגדול בארץ של כלי לימוד – מילים חדשות נכנסות ונשארות.</p></div>
|
||||||
|
</div>
|
||||||
|
<div style="background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:22px;display:flex;gap:14px;align-items:flex-start">
|
||||||
|
<i class="ph ph-puzzle-piece" style="font-size:26px;color:var(--ez-orange);flex:none;margin-top:2px"></i>
|
||||||
|
<div><div style="font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ez-ink)">פותרים גם בלי לדעת כל מילה</div><p style="font-size:17px;line-height:1.55;color:var(--ez-fg-2);margin:4px 0 0">אסטרטגיות שמרוויחות את הנקודות גם כשחלק מהמשפט לא מוכר – שם מסתתר רוב הפער.</p></div>
|
||||||
|
</div>
|
||||||
|
<div style="background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:22px;display:flex;gap:14px;align-items:flex-start">
|
||||||
|
<i class="ph ph-television-simple" style="font-size:26px;color:var(--ez-orange);flex:none;margin-top:2px"></i>
|
||||||
|
<div><div style="font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ez-ink)">לומדים ממה שמקיף אתכם</div><p style="font-size:17px;line-height:1.55;color:var(--ez-fg-2);margin:4px 0 0">סדרות, סרטונים ושירים כחלק מהתוכנית – הלמידה ממשיכה גם אחרי השיעור.</p></div>
|
||||||
|
</div>
|
||||||
|
<div style="background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:22px;display:flex;gap:14px;align-items:flex-start">
|
||||||
|
<i class="ph ph-target" style="font-size:26px;color:var(--ez-orange);flex:none;margin-top:2px"></i>
|
||||||
|
<div><div style="font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ez-ink)">תוכנית לפי הפער שלכם</div><p style="font-size:17px;line-height:1.55;color:var(--ez-fg-2);margin:4px 0 0">מתחילים מניתוח הציון הקודם, לא מאפס. כל שבוע מכוון לנקודות שחסרות לכם.</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="about.html" style="font-family:var(--font-display);font-weight:700;font-size:16.5px;border-bottom:none;justify-self:start">על השיטה שלנו ←</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-screen-label="המלצת מוצר" style="max-width:1280px;margin:0 auto;padding:56px 64px">
|
||||||
|
<div style="background:var(--ez-lavender-tint);border-radius:12px;padding:36px 40px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center">
|
||||||
|
<div style="display:grid;gap:14px;justify-items:start">
|
||||||
|
<span style="background:#fff;border:1px solid var(--ez-line);border-radius:999px;padding:5px 14px;font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ez-lavender-deep)">ההמלצה שלנו לשיפור ציון</span>
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ez-ink);margin:0">יוזר אמירנט – תרגול ממוקד בקצב שלכם</h2>
|
||||||
|
<p style="font-size:18px;line-height:1.55;color:var(--ez-fg-2);margin:0">אתם כבר מכירים את המבחן. עכשיו צריך תרגול חכם: סימולציות מלאות, משחקי אוצר מילים, ומעקב שמראה בדיוק איפה הנקודות שלכם. מ-250 ₪.</p>
|
||||||
|
<div style="display:flex;gap:14px;align-items:center">
|
||||||
|
<a href="user.html" style="display:inline-block;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="course.html" style="font-family:var(--font-display);font-weight:700;font-size:16.5px;border-bottom:none">רוצים ליווי צמוד? קורס עם מדריך ←</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<img src="assets/game-word-cannon.png" alt="משחק תותח מילים" style="width:100%;border-radius:10px;display:block">
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-screen-label="סיפור תלמיד" style="background:var(--ez-paper-cool);padding:56px 64px">
|
||||||
|
<div style="max-width:900px;margin:0 auto;display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center">
|
||||||
|
<img src="assets/mentor-1.png" alt="ירדן" style="width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid var(--ez-orange)">
|
||||||
|
<div style="display:grid;gap:10px">
|
||||||
|
<span aria-hidden="true" style="font-family:var(--font-display);font-weight:700;font-size:84px;line-height:.4;color:var(--ez-lavender);transform:scaleX(-1)">"</span>
|
||||||
|
<p style="font-family:var(--font-display);font-weight:700;font-size:22.5px;line-height:1.45;color:var(--ez-ink);margin:0">במבחן הראשון קיבלתי 92 ונשברתי. במקום ללמוד "עוד", למדתי אחרת – משחקי מילים בהפסקות ואסטרטגיות פתרון. 7 שבועות אחרי: 136.</p>
|
||||||
|
<div style="display:flex;gap:14px;align-items:baseline">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:17.5px;color:var(--ez-ink)">ירדן, אחרי צבא</span>
|
||||||
|
<span style="font-family:var(--font-mono);font-size:16px;color:var(--ez-orange)">מ-92 ל-136 ב-7 שבועות</span>
|
||||||
|
</div>
|
||||||
|
<a href="story-itay.html" style="font-family:var(--font-display);font-weight:700;font-size:16.5px;border-bottom:none">עוד סיפורי שיפור ←</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-screen-label="שאלות" style="max-width:900px;margin:0 auto;padding:56px 64px">
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ez-ink);margin:0 0 20px">שאלות של משפרי ציון</h2>
|
||||||
|
<div style="border-top:1px solid var(--ez-line)">
|
||||||
|
<sc-for list="{{ faqs }}" as="f" hint-placeholder-count="5">
|
||||||
|
<div style="border-bottom:1px solid var(--ez-line)">
|
||||||
|
<div onClick="{{ f.toggle }}" style="display:flex;justify-content:space-between;align-items:center;padding:18px 4px;cursor:pointer">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ez-ink)">{{ f.q }}</span>
|
||||||
|
<span style="font-family:var(--font-mono);font-size:21px;color:var(--ez-orange)">{{ f.mark }}</span>
|
||||||
|
</div>
|
||||||
|
<sc-if value="{{ f.open }}" hint-placeholder-val="{{ false }}">
|
||||||
|
<p style="font-size:19px;line-height:1.6;color:var(--ez-fg-2);margin:0;padding:0 4px 18px;max-width:720px">{{ f.a }}</p>
|
||||||
|
</sc-if>
|
||||||
|
</div>
|
||||||
|
</sc-for>
|
||||||
|
</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 onClick="{{ submitLead }}" 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">{{ leadButtonText }}</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">
|
||||||
|
</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>
|
||||||
|
<script type="text/x-dc" data-dc-script>
|
||||||
|
class Component extends DCLogic {
|
||||||
|
state = { sent: false, openFaq: -1 };
|
||||||
|
renderVals() {
|
||||||
|
const faqData = [
|
||||||
|
{ q: "כמה אפשר באמת לעלות בין מועד למועד?", a: "תלוי בפער ובזמן שתשקיעו. עלייה של רמה אחת (כ-16-20 נקודות) ב-35 יום היא יעד ריאלי עם תוכנית ממוקדת. עליות גדולות יותר דורשות בדרך כלל שני מועדים." },
|
||||||
|
{ q: "הציון הקודם שלי נמחק כשאני נבחן שוב?", a: "לא. המוסדות מתחשבים בציון הגבוה, כך שאין מה להפסיד ממועד נוסף – רק להרוויח." },
|
||||||
|
{ q: "איך אני יודע על מה להתמקד?", a: "מתחילים ממבחן רמה קצר וניתוח המבחן הקודם. לרוב מגלים שהפער יושב באוצר מילים או בניהול זמן – לא ביכולת." },
|
||||||
|
{ q: "צריך קורס שלם בשביל כמה נקודות?", a: "לא בהכרח. לפער קטן, היוזר עם תוכנית ממוקדת מספיק ברוב המקרים. בשיחת ייעוץ נגיד לכם בכנות אם קורס יהיה בזבוז בשבילכם." },
|
||||||
|
{ q: "כמה פעמים אפשר לגשת לאמירנט?", a: "אין הגבלה על מספר הפעמים, רק על התדירות – 35 יום בין מבחן למבחן." },
|
||||||
|
];
|
||||||
|
return {
|
||||||
|
leadButtonText: this.state.sent ? "קיבלנו! נחזור אליכם היום" : "דברו איתי",
|
||||||
|
submitLead: () => this.setState({ sent: true }),
|
||||||
|
faqs: faqData.map((f, i) => ({
|
||||||
|
...f,
|
||||||
|
open: this.state.openFaq === i,
|
||||||
|
mark: this.state.openFaq === i ? "–" : "+",
|
||||||
|
toggle: () => this.setState(s => ({ openFaq: s.openFaq === i ? -1 : i })),
|
||||||
|
})),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+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>
|
||||||
+270
@@ -0,0 +1,270 @@
|
|||||||
|
<!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="44" fill="#ffffff">?</text></svg></template>
|
||||||
|
<div style="background:#fff;min-height:100vh;font-family:var(--font-body);color:var(--ez-ink)">
|
||||||
|
|
||||||
|
<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-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.html" 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="פתיח" style="max-width:900px;margin:0 auto;padding:44px 64px 0">
|
||||||
|
<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>
|
||||||
|
<a href="free.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:48px;line-height:1.05;color:var(--ez-ink);margin:0 0 10px">מבחן רמה. <span style="font-family:var(--font-shadow);color:var(--ez-lavender-deep)">בלי לחץ, בלי נכשל.</span></h1>
|
||||||
|
<p style="font-size:19px;line-height:1.55;color:var(--ez-fg-2);margin:0 0 10px;max-width:640px">12 שאלות אמירנט להערכת הרמה שלך. בסוף יחכה לך דו"ח הערכת רמה והמלצת מסלול.</p>
|
||||||
|
<div style="display:flex;gap:18px;align-items:center;font-family:var(--font-mono);font-size:15.5px;color:var(--ez-fg-3);flex-wrap:wrap">
|
||||||
|
<span style="display:flex;align-items:center;gap:6px"><i class="ph ph-clock" style="font-size:17.5px;color:var(--ez-orange)"></i>לא מוגבל בזמן, מוערך בכ-10 דקות</span>
|
||||||
|
<span>·</span><span>12 שאלות · 3 תחומים</span>
|
||||||
|
<span>·</span><span>בסוף: דו"ח רמה + המלצת מסלול</span>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-screen-label="המבחן" style="max-width:900px;margin:0 auto;padding:28px 64px 40px">
|
||||||
|
<div style="border:1px solid var(--ez-line);border-radius:14px;overflow:hidden">
|
||||||
|
<sc-if value="{{ isIntro }}" hint-placeholder-val="{{ true }}">
|
||||||
|
<div style="padding:52px 40px;display:grid;gap:16px;justify-items:center;text-align:center;background:var(--ez-paper-cool)">
|
||||||
|
<i class="ph ph-exam" style="font-size:56px;color:var(--ez-lavender-deep)"></i>
|
||||||
|
<div style="font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--ez-ink)">מוכנים? אין ציון נכשל.</div>
|
||||||
|
<p style="font-size:17.5px;line-height:1.6;color:var(--ez-fg-2);margin:0;max-width:520px">חלק מהשאלות קשות בכוונה – זה בסדר גמור לנחש. אם ניחשתם, סמנו "אני מנחש/ת" לפני התשובה: הניחוש לא יגרע מהציון, הוא רק עוזר לנו לתת הערכה והמלצה מדויקות יותר.</p>
|
||||||
|
<button onClick="{{ startQuiz }}" style="background:var(--ez-orange);color:#fff;border:0;border-radius:999px;padding:15px 40px;font-family:var(--font-display);font-weight:700;font-size:18.5px;cursor:pointer">מתחילים</button>
|
||||||
|
</div>
|
||||||
|
</sc-if>
|
||||||
|
<sc-if value="{{ isQuiz }}" hint-placeholder-val="{{ false }}">
|
||||||
|
<div style="padding:32px 40px;display:grid;gap:20px">
|
||||||
|
<div style="display:grid;gap:8px">
|
||||||
|
<div style="display:flex;justify-content:space-between;align-items:baseline">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:16.5px;color:var(--ez-orange)">שאלה {{ qNum }} מתוך 12</span>
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:15.5px;color:var(--ez-lavender-deep)">{{ qDomain }}</span>
|
||||||
|
</div>
|
||||||
|
<div style="height:6px;border-radius:999px;background:var(--ez-paper-cool);overflow:hidden"><div style="height:100%;background:var(--ez-orange);border-radius:999px;width:{{ progressPct }}"></div></div>
|
||||||
|
</div>
|
||||||
|
<sc-if value="{{ qPassage }}" hint-placeholder-val="{{ false }}">
|
||||||
|
<div dir="ltr" style="text-align:left;background:var(--ez-paper-cool);border-radius:10px;padding:18px 22px;font-size:17.5px;line-height:1.75;color:var(--ez-ink);font-family:Georgia, 'Times New Roman', serif">{{ qPassage }}</div>
|
||||||
|
</sc-if>
|
||||||
|
<p dir="ltr" style="text-align:left;font-size:21px;line-height:1.6;color:var(--ez-ink);margin:0;font-family:Georgia, 'Times New Roman', serif">{{ qText }}</p>
|
||||||
|
<div style="display:grid;gap:10px">
|
||||||
|
<sc-for list="{{ qOptions }}" as="opt" hint-placeholder-count="4">
|
||||||
|
<button onClick="{{ opt.pick }}" dir="ltr" style="text-align:left;border:1px solid var(--ez-line);border-radius:10px;background:#fff;padding:14px 18px;font-size:17.5px;color:var(--ez-ink);cursor:pointer;font-family:Georgia, 'Times New Roman', serif" style-hover="border-color:var(--ez-orange);background:var(--ez-paper)">{{ opt.text }}</button>
|
||||||
|
</sc-for>
|
||||||
|
</div>
|
||||||
|
<div onClick="{{ toggleGuess }}" style="display:flex;gap:10px;align-items:center;cursor:pointer;justify-self:start;border:1px solid var(--ez-line);border-radius:999px;padding:8px 18px;background:{{ guessBg }}">
|
||||||
|
<span style="width:18px;height:18px;border-radius:5px;border:1.5px solid var(--ez-orange);background:{{ guessBoxBg }};display:flex;align-items:center;justify-content:center"><sc-if value="{{ isGuessing }}" hint-placeholder-val="{{ false }}"><i class="ph-bold ph-check" style="font-size:14.5px;color:#fff"></i></sc-if></span>
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:16.5px;color:var(--ez-ink)">אני מנחש/ת את התשובה הבאה</span>
|
||||||
|
</div>
|
||||||
|
<span style="font-size:15.5px;color:var(--ez-fg-3)">ניחוש לא גורע מהציון – הוא רק עוזר לנו לדייק את ההערכה וההמלצה.</span>
|
||||||
|
</div>
|
||||||
|
</sc-if>
|
||||||
|
<sc-if value="{{ isInterim }}" hint-placeholder-val="{{ false }}">
|
||||||
|
<div style="padding:48px 40px;display:grid;gap:16px;justify-items:center;text-align:center;background:var(--ez-paper-cool)">
|
||||||
|
<i class="ph ph-flask" style="font-size:52px;color:var(--ez-lavender-deep)"></i>
|
||||||
|
<div style="font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--ez-ink)">סיימתם! רגע לפני הדו"ח –</div>
|
||||||
|
<p style="font-size:17.5px;line-height:1.65;color:var(--ez-fg-2);margin:0;max-width:560px">מה עוד יש במבחן האמיתי שלא היה כאן? <b style="color:var(--ez-ink)">פיילוטים</b> – פרקים ניסיוניים של מאל"ו: הבנת הנשמע, דקדוק וכתיבה. אלה נושאים מורכבים ואנחנו מלמדים אותם בקורס, אבל בגלל שבמהלך 2026 הם כמעט לא משפיעים על הציון – אנחנו לא משקללים אותם בבוחן הרמה.</p>
|
||||||
|
<p style="font-size:17px;line-height:1.6;color:var(--ez-fg-2);margin:0;max-width:560px">אפשר לפגוש אותם ב<a href="free.html">סימולציה המלאה החינמית שלנו</a> – היחידה בארץ.</p>
|
||||||
|
<button onClick="{{ showReport }}" style="background:var(--ez-orange);color:#fff;border:0;border-radius:999px;padding:15px 36px;font-family:var(--font-display);font-weight:700;font-size:18px;cursor:pointer">ללחוץ כאן למעבר לדו"ח ניתוח בוחן רמה ←</button>
|
||||||
|
</div>
|
||||||
|
</sc-if>
|
||||||
|
<sc-if value="{{ isResult }}" hint-placeholder-val="{{ false }}">
|
||||||
|
<div style="display:grid">
|
||||||
|
<div style="background:var(--ez-ink);padding:34px 40px;display:grid;gap:8px;justify-items:center;text-align:center">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ez-lavender)">הרמה המשוערת שלך</span>
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:38px;color:#fff">{{ resultLevel }}</span>
|
||||||
|
<span style="font-family:var(--font-mono);font-size:17px;color:var(--ez-lavender)">ציון אמירנט משוער: {{ resultRange }}</span>
|
||||||
|
</div>
|
||||||
|
<div style="padding:28px 40px;display:grid;gap:22px">
|
||||||
|
<div style="display:grid;grid-template-columns:1fr 1fr;gap:28px">
|
||||||
|
<div style="display:grid;gap:10px;align-content:start">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:17.5px;color:var(--ez-ink)">הצלחה לפי תוכן</span>
|
||||||
|
<sc-for list="{{ domainStats }}" as="d" hint-placeholder-count="3">
|
||||||
|
<div style="display:grid;gap:4px">
|
||||||
|
<div style="display:flex;justify-content:space-between;align-items:baseline"><span style="font-size:16.5px;color:var(--ez-fg-2)">{{ d.label }}</span><span style="font-family:var(--font-mono);font-size:15.5px;color:var(--ez-ink)">{{ d.pct }}</span></div>
|
||||||
|
<div style="height:8px;border-radius:999px;background:var(--ez-paper-cool);overflow:hidden"><div style="height:100%;background:var(--ez-lavender);border-radius:999px;width:{{ d.pct }}"></div></div>
|
||||||
|
</div>
|
||||||
|
</sc-for>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;gap:10px;align-content:start">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:17.5px;color:var(--ez-ink)">הצלחה לפי רמת קושי</span>
|
||||||
|
<sc-for list="{{ levelStats }}" as="d" hint-placeholder-count="3">
|
||||||
|
<div style="display:grid;gap:4px">
|
||||||
|
<div style="display:flex;justify-content:space-between;align-items:baseline"><span style="font-size:16.5px;color:var(--ez-fg-2)">{{ d.label }}</span><span style="font-family:var(--font-mono);font-size:15.5px;color:var(--ez-ink)">{{ d.pct }}</span></div>
|
||||||
|
<div style="height:8px;border-radius:999px;background:var(--ez-paper-cool);overflow:hidden"><div style="height:100%;background:var(--ez-orange);border-radius:999px;width:{{ d.pct }}"></div></div>
|
||||||
|
</div>
|
||||||
|
</sc-for>
|
||||||
|
<span style="font-size:15px;color:var(--ez-fg-3)">הציון משוקלל: הצלחה בשאלות קשות תורמת יותר מהצלחה בשאלות קלות.</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<sc-if value="{{ hasGuesses }}" hint-placeholder-val="{{ false }}">
|
||||||
|
<div style="border:1px solid var(--ez-line);border-radius:10px;padding:14px 18px;display:flex;gap:12px;align-items:flex-start;background:var(--ez-paper)">
|
||||||
|
<i class="ph ph-lightbulb" style="font-size:21px;color:var(--ez-orange);flex:none;margin-top:2px"></i>
|
||||||
|
<span style="font-size:16.5px;line-height:1.55;color:var(--ez-fg-2)">{{ guessNote }}</span>
|
||||||
|
</div>
|
||||||
|
</sc-if>
|
||||||
|
<p style="font-size:18px;line-height:1.6;color:var(--ez-fg-2);margin:0">{{ resultAdvice }}</p>
|
||||||
|
<div style="display:flex;gap:12px;flex-wrap:wrap">
|
||||||
|
<a href="user.html" style="background:var(--ez-ink);color:#fff;border-radius:999px;padding:12px 24px;font-family:var(--font-display);font-weight:700;font-size:16.5px;border-bottom:none">ללמוד עצמאית מ-250 ₪</a>
|
||||||
|
<a href="course.html" style="background:var(--ez-orange);color:#fff;border-radius:999px;padding:12px 24px;font-family:var(--font-display);font-weight:700;font-size:16.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:11px 20px;font-family:var(--font-display);font-weight:700;font-size:16px;border-bottom:none">להשוואה בין המסלולים</a>
|
||||||
|
<a href="contact.html" style="background:transparent;color:var(--ez-orange);border:1.5px solid var(--ez-orange);border-radius:999px;padding:11px 20px;font-family:var(--font-display);font-weight:700;font-size:16px;border-bottom:none">שיחת ייעוץ חינמית</a>
|
||||||
|
<button onClick="{{ restart }}" style="background:transparent;border:0;color:var(--ez-fg-3);font-family:var(--font-display);font-weight:700;font-size:16px;cursor:pointer">לנסות שוב ↺</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</sc-if>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-screen-label="איך זה עובד" style="background:var(--ez-paper-cool);padding:44px 64px">
|
||||||
|
<div style="max-width:900px;margin:0 auto;display:grid;gap:20px">
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--ez-ink);margin:0">איך זה עובד</h2>
|
||||||
|
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:20px">
|
||||||
|
<div style="display:grid;gap:6px;align-content:start">
|
||||||
|
<span style="font-family:var(--font-mono);font-size:19.5px;color:var(--ez-lavender-deep)">01</span>
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ez-ink)">עונים על 12 שאלות</span>
|
||||||
|
<span style="font-size:16.5px;color:var(--ez-fg-2)">השלמת משפטים, ניסוח מחדש והבנת הנקרא – בסגנון אמירנט אמיתי. מנחשים? מסמנים.</span>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;gap:6px;align-content:start">
|
||||||
|
<span style="font-family:var(--font-mono);font-size:19.5px;color:var(--ez-lavender-deep)">02</span>
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ez-ink)">מקבלים דו"ח רמה</span>
|
||||||
|
<span style="font-size:16.5px;color:var(--ez-fg-2)">ציון משוקלל לפי רמת קושי, ופירוט הצלחה לפי תוכן.</span>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;gap:6px;align-content:start">
|
||||||
|
<span style="font-family:var(--font-mono);font-size:19.5px;color:var(--ez-orange)">03</span>
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ez-ink)">בוחרים מסלול</span>
|
||||||
|
<span style="font-size:16.5px;color:var(--ez-fg-2)">עצמאית עם היוזר, או ביחד עם מדריך – לפי הפער שלכם.</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p style="font-size:15.5px;color:var(--ez-fg-3);margin:0">שימו לב: זו הערכה ראשונית בלבד. לרמה מדויקת – מבחן האמירנט המלא החינמי, 49 דקות.</p>
|
||||||
|
</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>
|
||||||
|
<script type="text/x-dc" data-dc-script>
|
||||||
|
class Component extends DCLogic {
|
||||||
|
state = { screen: "intro", qi: 0, answers: [], guess: false, sent: false };
|
||||||
|
renderVals() {
|
||||||
|
const PASSAGE = "For decades, scientists believed that adult brains could not produce new neurons. Recent studies, however, suggest that the hippocampus \u2013 a region associated with memory \u2013 continues to generate neurons throughout life. This process, known as neurogenesis, appears to slow with age, yet it can be stimulated by physical exercise and learning. Some researchers therefore argue that lifestyle choices may play a greater role in cognitive aging than previously assumed.";
|
||||||
|
// per domain: first question is medium, then easy, then two hard
|
||||||
|
const QUESTIONS = [
|
||||||
|
{ domain: "השלמת משפטים", diff: "m", text: "Dana ___ in Haifa since 2019.", options: ["live", "living", "has lived", "is live"], answer: 2 },
|
||||||
|
{ domain: "השלמת משפטים", diff: "e", text: "The movie was so ___ that we left in the middle.", options: ["boring", "delicious", "expensive", "early"], answer: 0 },
|
||||||
|
{ domain: "השלמת משפטים", diff: "h", text: "The committee insisted that the final report ___ before the end of the month.", options: ["is submitted", "be submitted", "was submitting", "to submit"], answer: 1 },
|
||||||
|
{ domain: "השלמת משפטים", diff: "h", text: "The study's findings were ___ with earlier research, lending further support to the theory.", options: ["conspicuous", "consistent", "contentious", "convertible"], answer: 1 },
|
||||||
|
{ domain: "ניסוח מחדש", diff: "m", text: "\"Hardly anyone attended the lecture.\" Which sentence is closest in meaning?", options: ["The lecture was very hard.", "Almost everyone attended the lecture.", "Very few people came to the lecture.", "Nobody was allowed to attend."], answer: 2 },
|
||||||
|
{ domain: "ניסוח מחדש", diff: "e", text: "\"Tom is taller than Dan.\" Which sentence is closest in meaning?", options: ["Dan is shorter than Tom.", "Tom is shorter than Dan.", "Dan and Tom are the same height.", "Tom is older than Dan."], answer: 0 },
|
||||||
|
{ domain: "ניסוח מחדש", diff: "h", text: "\"Had the researchers known about the flaw, they would have redesigned the experiment.\" Which sentence is closest in meaning?", options: ["The researchers redesigned the experiment because of the flaw.", "The researchers did not know about the flaw, so they did not redesign the experiment.", "The researchers knew about the flaw but ignored it.", "The experiment was flawed because it was redesigned."], answer: 1 },
|
||||||
|
{ domain: "ניסוח מחדש", diff: "h", text: "\"Not until the results were published did the significance of the discovery become apparent.\" Which sentence is closest in meaning?", options: ["The discovery was significant because it was published.", "The results were published long after the discovery was made.", "The significance of the discovery became clear only after the results were published.", "The discovery seemed significant until the results were published."], answer: 2 },
|
||||||
|
{ domain: "הבנת הנקרא", diff: "m", passage: true, text: "According to the passage, neurogenesis is \u2013", options: ["memory loss in old age", "the creation of new neurons", "a region of the brain", "a type of physical exercise"], answer: 1 },
|
||||||
|
{ domain: "הבנת הנקרא", diff: "e", passage: true, text: "According to the passage, the hippocampus is associated with \u2013", options: ["exercise", "aging", "memory", "lifestyle"], answer: 2 },
|
||||||
|
{ domain: "הבנת הנקרא", diff: "h", passage: true, text: "It can be inferred that before the recent studies, scientists thought that \u2013", options: ["the hippocampus shrinks with age", "adult brains do not create new neurons", "exercise damages the brain", "neurogenesis speeds up over time"], answer: 1 },
|
||||||
|
{ domain: "הבנת הנקרא", diff: "h", passage: true, text: "The word \"stimulated\" (line 4) is closest in meaning to \u2013", options: ["measured", "prevented", "replaced", "encouraged"], answer: 3 },
|
||||||
|
];
|
||||||
|
const WEIGHTS = { e: 1, m: 2, h: 3 };
|
||||||
|
const q = QUESTIONS[this.state.qi] || QUESTIONS[0];
|
||||||
|
const ans = this.state.answers;
|
||||||
|
const pct = arr => arr.length ? Math.round(arr.filter(a => a.correct).length / arr.length * 100) : 0;
|
||||||
|
const totalW = QUESTIONS.reduce((s, x) => s + WEIGHTS[x.diff], 0);
|
||||||
|
const gotW = ans.reduce((s, a) => s + (a.correct ? WEIGHTS[a.diff] : 0), 0);
|
||||||
|
const est = Math.round(55 + 95 * (gotW / totalW));
|
||||||
|
const LEVELS = [
|
||||||
|
{ max: 84, level: "טרום בסיסי", advice: "יש בסיס לבנות עליו – אבל לבד זה יהיה מסע ארוך. עם מדריך שמתאים את הקצב, רוב התלמידים ברמה הזאת מגיעים לפטור תוך 4-8 חודשים. ההמלצה שלנו: קורס עם ליווי צמוד." },
|
||||||
|
{ max: 99, level: "בסיסי", advice: "אתם מבינים יותר ממה שנדמה לכם. חסר בעיקר אוצר מילים וביטחון בסוגי השאלות. ההמלצה שלנו: קורס עם מדריך, או יוזר עם תוכנית עבודה מסודרת אם אתם מתמידים." },
|
||||||
|
{ max: 119, level: "מתקדמים א'", advice: "אתם קרובים יותר משנדמה – רמה אחת מפטור ברוב המוסדות. תרגול ממוקד באוצר מילים ואסטרטגיות פתרון יסגור את הפער. ההמלצה שלנו: יוזר אמירנט בקצב שלכם." },
|
||||||
|
{ max: 133, level: "מתקדמים ב'", advice: "מצוין! אתם על סף פטור מלא. סימולציות מלאות וכמה שיעורים ממוקדים – וזה שלכם. ההמלצה שלנו: יוזר אמירנט, ולוודא מוכנות עם המבחן המלא החינמי." },
|
||||||
|
{ max: 999, level: "רמת פטור", advice: "כל הכבוד – ייתכן שאתם כבר ברמת פטור מלא. שווה לוודא עם מבחן האמירנט המלא החינמי (49 דקות) לפני שנרשמים למועד אמיתי." },
|
||||||
|
];
|
||||||
|
const lvl = LEVELS.find(l => est <= l.max);
|
||||||
|
const guessedCorrect = ans.filter(a => a.correct && a.guessed).length;
|
||||||
|
const guessedTotal = ans.filter(a => a.guessed).length;
|
||||||
|
return {
|
||||||
|
isIntro: this.state.screen === "intro",
|
||||||
|
isQuiz: this.state.screen === "quiz",
|
||||||
|
isInterim: this.state.screen === "interim",
|
||||||
|
isResult: this.state.screen === "result",
|
||||||
|
showReport: () => this.setState({ screen: "result" }),
|
||||||
|
startQuiz: () => this.setState({ screen: "quiz", qi: 0, answers: [], guess: false, sent: false }),
|
||||||
|
restart: () => this.setState({ screen: "intro", qi: 0, answers: [], guess: false, sent: false }),
|
||||||
|
qNum: this.state.qi + 1,
|
||||||
|
qDomain: q.domain,
|
||||||
|
qText: q.text,
|
||||||
|
qPassage: q.passage ? PASSAGE : false,
|
||||||
|
progressPct: (this.state.qi / 12 * 100) + "%",
|
||||||
|
isGuessing: this.state.guess,
|
||||||
|
guessBg: this.state.guess ? "var(--ez-orange-soft, #FBD9C2)" : "#fff",
|
||||||
|
guessBoxBg: this.state.guess ? "var(--ez-orange)" : "#fff",
|
||||||
|
toggleGuess: () => this.setState(s => ({ guess: !s.guess })),
|
||||||
|
qOptions: q.options.map((text, i) => ({
|
||||||
|
text,
|
||||||
|
pick: () => this.setState(s => {
|
||||||
|
const cur = QUESTIONS[s.qi];
|
||||||
|
const answers = [...s.answers, { correct: i === cur.answer, guessed: s.guess, diff: cur.diff, domain: cur.domain }];
|
||||||
|
return s.qi === 11 ? { screen: "interim", answers, guess: false } : { qi: s.qi + 1, answers, guess: false };
|
||||||
|
}),
|
||||||
|
})),
|
||||||
|
resultLevel: lvl.level,
|
||||||
|
resultRange: (est - 7) + "–" + (est + 7),
|
||||||
|
resultAdvice: lvl.advice,
|
||||||
|
domainStats: ["השלמת משפטים", "ניסוח מחדש", "הבנת הנקרא"].map(d => ({ label: d, pct: pct(ans.filter(a => a.domain === d)) + "%" })),
|
||||||
|
levelStats: [["קל", "e"], ["בינוני", "m"], ["קשה", "h"]].map(([label, k]) => ({ label, pct: pct(ans.filter(a => a.diff === k)) + "%" })),
|
||||||
|
hasGuesses: guessedTotal > 0,
|
||||||
|
guessNote: guessedCorrect + " מתוך " + guessedTotal + " השאלות שסימנתם כניחוש נענו נכון. הניחושים לא גרעו מהציון – אבל ההמלצה שלנו מביאה אותם בחשבון, כדי שנדע מה באמת יושב חזק ומה עוד לא.",
|
||||||
|
leadButtonText: this.state.sent ? "קיבלנו! נחזור אליכם היום" : "דברו איתי",
|
||||||
|
submitLead: () => this.setState({ sent: true }),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,83 @@
|
|||||||
|
<!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="#F4F2EE"></rect><text x="50" y="66" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="40" fill="#F37327">§</text></svg></template>
|
||||||
|
<div style="background:#fff;min-height:100vh;font-family:var(--font-body);color:var(--ez-ink)">
|
||||||
|
<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-ink)">עלינו</a>
|
||||||
|
</nav>
|
||||||
|
<span dir="ltr" style="font-family:var(--font-mono);font-size:14.5px;color:var(--ez-fg-2)">1-700-70-70-07</span>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<article style="max-width:760px;margin:0 auto;padding:48px 64px 64px">
|
||||||
|
<h1 style="font-family:var(--font-display);font-weight:700;font-size:40px;color:var(--ez-ink);margin:0 0 8px">מדיניות פרטיות</h1>
|
||||||
|
<p style="font-size:16px;color:var(--ez-fg-3);margin:0 0 28px">עודכן: אוגוסט 2026 · E.Z.WAY בע"מ ("eazy")</p>
|
||||||
|
<div style="display:grid;gap:22px;font-size:17.5px;line-height:1.7;color:var(--ez-fg-2)">
|
||||||
|
<div>
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:21px;color:var(--ez-ink);margin:0 0 6px">אילו פרטים אנחנו אוספים</h2>
|
||||||
|
<p style="margin:0">שם וטלפון שאתם משאירים בטפסים באתר, וכן מייל אם בחרתם למסור אותו (למשל לשמירת תוצאת מבחן רמה). בכלים החינמיים נשמרות תוצאות התרגול שלכם.</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:21px;color:var(--ez-ink);margin:0 0 6px">למה אנחנו משתמשים בהם</h2>
|
||||||
|
<p style="margin:0">כדי לחזור אליכם בעניין שביקשתם – שיחת ייעוץ, תוצאת מבחן או שאלה ששלחתם – וכדי להתאים לכם המלצת מסלול. לא נשלח דיוור שיווקי בלי הסכמה נפרדת, ולא נעביר את הפרטים לגורם שלישי לצורכי שיווק.</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:21px;color:var(--ez-ink);margin:0 0 6px">כמה זמן הפרטים נשמרים</h2>
|
||||||
|
<p style="margin:0">כל עוד הם נדרשים למטרה שלשמה נמסרו, או עד שתבקשו למחוק אותם.</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:21px;color:var(--ez-ink);margin:0 0 6px">הזכויות שלכם</h2>
|
||||||
|
<p style="margin:0">אפשר בכל רגע לבקש לעיין בפרטים שנשמרו עליכם, לתקן אותם או למחוק אותם – בטלפון <span dir="ltr" style="font-family:var(--font-mono)">1-700-70-70-07</span> או דרך <a href="contact.html">עמוד יצירת הקשר</a>.</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:21px;color:var(--ez-ink);margin:0 0 6px">עוגיות (Cookies)</h2>
|
||||||
|
<p style="margin:0">האתר משתמש בעוגיות הנחוצות לתפעולו ולמדידת שימוש בסיסית. אפשר לחסום עוגיות בהגדרות הדפדפן.</p>
|
||||||
|
</div>
|
||||||
|
<p style="font-size:15.5px;color:var(--ez-fg-3);margin:8px 0 0">נוסח זה הוא סקיצה לאפיון בלבד – יש להעביר לאישור ייעוץ משפטי לפני עלייה לאוויר.</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<footer data-screen-label="Footer" style="padding:28px 64px;border-top:1px solid var(--ez-line)">
|
||||||
|
<div style="max-width:1152px;margin:0 auto;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">
|
||||||
|
</a>
|
||||||
|
<span dir="ltr" style="font-family:var(--font-mono)">1-700-70-70-07</span>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</x-dc>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+200
@@ -0,0 +1,200 @@
|
|||||||
|
<!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="#3F4197"></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="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-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:1280px;margin:0 auto;padding:48px 64px 0">
|
||||||
|
<div style="display:flex;gap:8px;font-size:15.5px;color:var(--ez-fg-3);margin-bottom:28px">
|
||||||
|
<a href="index.html" style="color:var(--ez-fg-3);border-bottom:none">דף הבית</a><span>/</span>
|
||||||
|
<span style="color:var(--ez-ink)">אחרי צבא</span>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:end">
|
||||||
|
<div style="display:grid;gap:20px;padding-bottom:48px">
|
||||||
|
<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:64px;line-height:1.04;letter-spacing:-.015em;color:var(--ez-ink);margin:0">אמירנט אחרי הצבא:<br><span style="font-family:var(--font-shadow);color:var(--ez-lavender-deep)">לסגור את האנגלית לפני שהתואר מתחיל.</span></h1>
|
||||||
|
<p style="font-family:var(--font-display);font-weight:700;font-size:21.5px;line-height:1.4;color:var(--ez-ink);margin:0;max-width:560px">מגיעים לתואר עם ציון 95? זה 3 קורסי אנגלית, שנה שלמה, ואלפי שקלים.</p>
|
||||||
|
<div style="display:flex;gap:16px;align-items:center">
|
||||||
|
<button style="background:var(--ez-orange);color:#fff;border:0;border-radius:999px;padding:15px 32px;font-family:var(--font-display);font-weight:700;font-size:18px;cursor:pointer">בדקו את הרמה שלכם – 5 דקות</button>
|
||||||
|
<a href="#contact" style="font-family:var(--font-display);font-weight:700;font-size:17.5px;color:var(--ez-ink);border-bottom:1px solid var(--ez-ink)">שיחת ייעוץ חינם</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:360px">
|
||||||
|
<img src="assets/dot-cluster.png" alt="" style="position:absolute;left:-10px;top:0;width:130px">
|
||||||
|
<img src="assets/photo-walking-student.png" alt="משוחרר בדרך לאקדמיה" style="position:relative;height:360px;display:block">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="border-top:1px solid var(--ez-line)"></div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-screen-label="בעיה פתרון" style="max-width:1280px;margin:0 auto;padding:48px 64px">
|
||||||
|
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:20px">
|
||||||
|
<div style="border:1px solid var(--ez-line);border-radius:12px;padding:26px;display:grid;gap:12px;align-content:start">
|
||||||
|
<span style="font-family:var(--font-mono);font-size:21px;color:var(--ez-lavender-deep)">01</span>
|
||||||
|
<div style="font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--ez-ink)">"לא נגעתי באנגלית 3 שנים"</div>
|
||||||
|
<p style="font-size:17.5px;line-height:1.55;color:var(--ez-fg-2);margin:0">זה נורמלי, וזה הפיך. מבחן הרמה מראה בדיוק מאיפה מתחילים, והמסלול נבנה משם – לא מאיפה שהייתם בתיכון.</p>
|
||||||
|
</div>
|
||||||
|
<div style="border:1px solid var(--ez-line);border-radius:12px;padding:26px;display:grid;gap:12px;align-content:start">
|
||||||
|
<span style="font-family:var(--font-mono);font-size:21px;color:var(--ez-lavender-deep)">02</span>
|
||||||
|
<div style="font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--ez-ink)">"אין לי זמן, אני גם עובד"</div>
|
||||||
|
<p style="font-size:17.5px;line-height:1.55;color:var(--ez-fg-2);margin:0">הקורס אונליין בערבים, וכל שיעור מוקלט. פספסתם? משלימים. היוזר זמין 24/7 – גם ב-23:00 אחרי משמרת.</p>
|
||||||
|
</div>
|
||||||
|
<div style="border:1px solid var(--ez-line);border-radius:12px;padding:26px;display:grid;gap:12px;align-content:start">
|
||||||
|
<span style="font-family:var(--font-mono);font-size:21px;color:var(--ez-orange)">03</span>
|
||||||
|
<div style="font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--ez-ink)">"אנגלית תמיד הפחידה אותי"</div>
|
||||||
|
<p style="font-size:17.5px;line-height:1.55;color:var(--ez-fg-2);margin:0">28 שנים לימדו אותנו שהבעיה כמעט אף פעם לא יכולת – אלא לחץ. השיטה שלנו בנויה להוריד אותו קודם.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-screen-label="המלצת מוצר" style="max-width:1280px;margin:0 auto;padding:0 64px 56px">
|
||||||
|
<div style="background:var(--ez-lavender-tint);border-radius:12px;padding:36px 40px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center">
|
||||||
|
<div style="display:grid;gap:14px;justify-items:start">
|
||||||
|
<span style="background:#fff;border:1px solid var(--ez-line);border-radius:999px;padding:5px 14px;font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ez-lavender-deep)">ההמלצה שלנו אחרי צבא</span>
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ez-ink);margin:0">קורס אמירנט אונליין – עם מדריך שמחזיק אתכם בקצב</h2>
|
||||||
|
<p style="font-size:18px;line-height:1.55;color:var(--ez-fg-2);margin:0">אחרי הפסקה ארוכה, הדבר שהכי עוזר הוא מישהו שאכפת לו אם הגעתם. קבוצה קטנה, מדריך בזמן אמת, ותוכנית לפי מבחן הרמה שלכם. מ-1,500 ₪.</p>
|
||||||
|
<div style="display:flex;gap:14px;align-items:center">
|
||||||
|
<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>
|
||||||
|
<a href="user.html" style="font-family:var(--font-display);font-weight:700;font-size:16.5px;border-bottom:none">מעדיפים לבד? יוזר אמירנט מ-250 ₪ ←</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<img src="assets/video-mentor.png" alt="מדריך eazy" style="width:100%;border-radius:10px;display:block">
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-screen-label="סיפור תלמיד" style="background:var(--ez-paper-cool);padding:56px 64px">
|
||||||
|
<div style="max-width:900px;margin:0 auto;display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center">
|
||||||
|
<img src="assets/mentor-2.png" alt="איתי" style="width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid var(--ez-orange)">
|
||||||
|
<div style="display:grid;gap:10px">
|
||||||
|
<span aria-hidden="true" style="font-family:var(--font-display);font-weight:700;font-size:84px;line-height:.4;color:var(--ez-lavender);transform:scaleX(-1)">"</span>
|
||||||
|
<p style="font-family:var(--font-display);font-weight:700;font-size:22.5px;line-height:1.45;color:var(--ez-ink);margin:0">השתחררתי עם אנגלית של כיתה י'. חצי שנה אחרי – 120 ופטור כמעט מלא. הקורס בערבים הסתדר עם העבודה, והמדריך פשוט לא נתן לי להיעלם.</p>
|
||||||
|
<div style="display:flex;gap:14px;align-items:baseline">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:17.5px;color:var(--ez-ink)">איתי, אחרי שחרור</span>
|
||||||
|
<span style="font-family:var(--font-mono);font-size:16px;color:var(--ez-orange)">מ-88 ל-120 ב-6 חודשים</span>
|
||||||
|
</div>
|
||||||
|
<a href="#" style="font-family:var(--font-display);font-weight:700;font-size:16.5px;border-bottom:none">עוד סיפורים של משוחררים ←</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-screen-label="שאלות" style="max-width:900px;margin:0 auto;padding:56px 64px">
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ez-ink);margin:0 0 20px">שאלות של משוחררים</h2>
|
||||||
|
<div style="border-top:1px solid var(--ez-line)">
|
||||||
|
<sc-for list="{{ faqs }}" as="f" hint-placeholder-count="5">
|
||||||
|
<div style="border-bottom:1px solid var(--ez-line)">
|
||||||
|
<div onClick="{{ f.toggle }}" style="display:flex;justify-content:space-between;align-items:center;padding:18px 4px;cursor:pointer">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ez-ink)">{{ f.q }}</span>
|
||||||
|
<span style="font-family:var(--font-mono);font-size:21px;color:var(--ez-orange)">{{ f.mark }}</span>
|
||||||
|
</div>
|
||||||
|
<sc-if value="{{ f.open }}" hint-placeholder-val="{{ false }}">
|
||||||
|
<p style="font-size:19px;line-height:1.6;color:var(--ez-fg-2);margin:0;padding:0 4px 18px;max-width:720px">{{ f.a }}</p>
|
||||||
|
</sc-if>
|
||||||
|
</div>
|
||||||
|
</sc-for>
|
||||||
|
</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 onClick="{{ submitLead }}" 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">{{ leadButtonText }}</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>
|
||||||
|
<script type="text/x-dc" data-dc-script>
|
||||||
|
class Component extends DCLogic {
|
||||||
|
state = { sent: false, openFaq: -1 };
|
||||||
|
renderVals() {
|
||||||
|
const faqData = [
|
||||||
|
{ q: "כמה זמן לוקח להגיע לפטור אחרי הפסקה ארוכה?", a: "תלוי בנקודת ההתחלה. ממבחן הרמה אפשר להעריך: בממוצע, תלמידים אחרי צבא סוגרים פער של רמה אחת בחודש-חודשיים של קורס. לכן שווה להתחיל לפני התואר, לא במהלכו." },
|
||||||
|
{ q: "יש הנחה או מימון לחיילים משוחררים?", a: "אפשר לשלם בפיקדון החיילים המשוחררים, ואנחנו מפצלים לתשלומים. פרטים מדויקים בשיחת הייעוץ." },
|
||||||
|
{ q: "עוד לא נרשמתי לתואר – מתי הכי נכון לגשת לאמירנט?", a: "כמה שיותר מוקדם. ציון אמירנט תקף לרישום, ופטור מראש חוסך שנה של קורסי אנגלית בתוך התואר. אפשר לגשת גם לפני שבחרתם מוסד." },
|
||||||
|
{ q: "אני עובד במשמרות. איך זה מסתדר?", a: "הקורס בערבים וכל שיעור מוקלט – מה שפספסתם משלימים מתי שנוח. אם הלו\"ז ממש לא צפוי, היוזר העצמאי גמיש לחלוטין." },
|
||||||
|
{ q: "מה אם המבחן פשוט לא הולך לי?", a: "יש 35 יום בין מבחן למבחן, ואפשר לגשת שוב. תלמידי הקורס מקבלים ליווי עד הציון שצריך – כולל תוכנית ממוקדת למועד הבא." },
|
||||||
|
];
|
||||||
|
return {
|
||||||
|
leadButtonText: this.state.sent ? "קיבלנו! נחזור אליכם היום" : "דברו איתי",
|
||||||
|
submitLead: () => this.setState({ sent: true }),
|
||||||
|
faqs: faqData.map((f, i) => ({
|
||||||
|
...f,
|
||||||
|
open: this.state.openFaq === i,
|
||||||
|
mark: this.state.openFaq === i ? "–" : "+",
|
||||||
|
toggle: () => this.setState(s => ({ openFaq: s.openFaq === i ? -1 : i })),
|
||||||
|
})),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+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>
|
||||||
+249
@@ -0,0 +1,249 @@
|
|||||||
|
<!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="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-orange);font-weight:700">אמירנט</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="#" style="color:var(--ez-orange);font-weight:700">מחשבון פטור מאנגלית</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>
|
||||||
|
|
||||||
|
<div style="max-width:1080px;margin:0 auto;padding:40px 64px 56px">
|
||||||
|
<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>
|
||||||
|
<a href="index.html" style="color:var(--ez-fg-3);border-bottom:none">אמירנט</a><span>/</span>
|
||||||
|
<a href="#institutions" 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:46px;line-height:1.08;color:var(--ez-ink);margin:0 0 14px">ציוני אמירנט בטכניון: רמות, פטור ומה צריך</h1>
|
||||||
|
<p style="font-size:20px;line-height:1.55;color:var(--ez-fg-2);margin:0 0 36px;max-width:720px">לפטור מלא מאנגלית בטכניון צריך ציון אמירנט של 134 ומעלה. כל ציון נמוך יותר ממקם אתכם ברמת קורס – והטבלה הזאת מראה בדיוק איפה.</p>
|
||||||
|
|
||||||
|
<div data-screen-label="טבלת רמות" style="border:1px solid var(--ez-line);border-radius:12px;overflow:hidden;margin-bottom:12px">
|
||||||
|
<table style="width:100%;border-collapse:collapse;font-size:17.5px">
|
||||||
|
<thead>
|
||||||
|
<tr style="background:var(--ez-paper-cool);font-family:var(--font-display)">
|
||||||
|
<th style="text-align:right;padding:14px 20px;font-size:16.5px;color:var(--ez-fg-2);font-weight:700">ציון אמירנט</th>
|
||||||
|
<th style="text-align:right;padding:14px 20px;font-size:16.5px;color:var(--ez-fg-2);font-weight:700">רמה בטכניון</th>
|
||||||
|
<th style="text-align:right;padding:14px 20px;font-size:16.5px;color:var(--ez-fg-2);font-weight:700">כמה קורסים עד פטור</th>
|
||||||
|
<th style="text-align:right;padding:14px 20px;font-size:16.5px;color:var(--ez-fg-2);font-weight:700">מה זה אומר</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr style="border-top:1px solid var(--ez-line)">
|
||||||
|
<td style="padding:14px 20px;font-family:var(--font-mono);font-size:18.5px;white-space:nowrap">134-150</td>
|
||||||
|
<td style="padding:14px 20px"><span style="background:#DFF3E3;color:#1E7A35;border-radius:999px;padding:4px 14px;font-family:var(--font-display);font-weight:700;font-size:16px">פטור מלא</span></td>
|
||||||
|
<td style="padding:14px 20px">0</td>
|
||||||
|
<td style="padding:14px 20px;color:var(--ez-fg-2)">סגרתם את האנגלית. מתחילים תואר נקי.</td>
|
||||||
|
</tr>
|
||||||
|
<tr style="border-top:1px solid var(--ez-line)">
|
||||||
|
<td style="padding:14px 20px;font-family:var(--font-mono);font-size:18.5px;white-space:nowrap">120-133</td>
|
||||||
|
<td style="padding:14px 20px"><span style="background:var(--ez-lavender-tint);color:var(--ez-lavender-deep);border-radius:999px;padding:4px 14px;font-family:var(--font-display);font-weight:700;font-size:16px">מתקדמים ב'</span></td>
|
||||||
|
<td style="padding:14px 20px">1</td>
|
||||||
|
<td style="padding:14px 20px;color:var(--ez-fg-2)">קורס אחד. שווה לנסות לסגור את הפער לפני התואר.</td>
|
||||||
|
</tr>
|
||||||
|
<tr style="border-top:1px solid var(--ez-line)">
|
||||||
|
<td style="padding:14px 20px;font-family:var(--font-mono);font-size:18.5px;white-space:nowrap">100-119</td>
|
||||||
|
<td style="padding:14px 20px"><span style="background:var(--ez-lavender-tint);color:var(--ez-lavender-deep);border-radius:999px;padding:4px 14px;font-family:var(--font-display);font-weight:700;font-size:16px">מתקדמים א'</span></td>
|
||||||
|
<td style="padding:14px 20px">2</td>
|
||||||
|
<td style="padding:14px 20px;color:var(--ez-fg-2)">שני קורסים = סמסטרים עמוסים. פער שאפשר לסגור מראש.</td>
|
||||||
|
</tr>
|
||||||
|
<tr style="border-top:1px solid var(--ez-line)">
|
||||||
|
<td style="padding:14px 20px;font-family:var(--font-mono);font-size:18.5px;white-space:nowrap">85-99</td>
|
||||||
|
<td style="padding:14px 20px"><span style="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:16px">בסיסי</span></td>
|
||||||
|
<td style="padding:14px 20px">3</td>
|
||||||
|
<td style="padding:14px 20px;color:var(--ez-fg-2)">שנה של קורסי אנגלית בתוך התואר, ואלפי שקלים.</td>
|
||||||
|
</tr>
|
||||||
|
<tr style="border-top:1px solid var(--ez-line)">
|
||||||
|
<td style="padding:14px 20px;font-family:var(--font-mono);font-size:18.5px;white-space:nowrap">50-84</td>
|
||||||
|
<td style="padding:14px 20px"><span style="background:#FBE3E3;color:#B03030;border-radius:999px;padding:4px 14px;font-family:var(--font-display);font-weight:700;font-size:16px">טרום בסיסי</span></td>
|
||||||
|
<td style="padding:14px 20px">4+</td>
|
||||||
|
<td style="padding:14px 20px;color:var(--ez-fg-2)">מתחילים מהיסודות – ודווקא כאן ההתקדמות הכי מהירה.</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<p style="font-size:15.5px;color:var(--ez-fg-3);margin:0 0 44px">* הרמות והספים מבוססים על פרסומי הטכניון ועשויים להתעדכן. תמיד בדקו מול המוסד לפני הרשמה.</p>
|
||||||
|
|
||||||
|
<div id="calculator" data-screen-label="מחשבון פטור" style="background:var(--ez-lavender-tint);border-radius:12px;padding:32px 36px;margin-bottom:44px">
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:28px;color:var(--ez-ink);margin:0 0 6px">מחשבון פטור</h2>
|
||||||
|
<p style="font-size:17.5px;color:var(--ez-fg-2);margin:0 0 20px">כמה חסר לכם, וכמה זמן ייקח לסגור את זה.</p>
|
||||||
|
<div style="display:flex;gap:14px;align-items:end;flex-wrap:wrap">
|
||||||
|
<label style="display:grid;gap:6px;font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ez-ink)">הציון שלי
|
||||||
|
<input type="number" min="50" max="150" value="{{ score }}" onChange="{{ setScore }}" style="width:140px;height:48px;border:1px solid var(--ez-line);border-radius:8px;padding:0 14px;font-family:var(--font-mono);font-size:19.5px;background:#fff">
|
||||||
|
</label>
|
||||||
|
<label style="display:grid;gap:6px;font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ez-ink)">המוסד
|
||||||
|
<select onChange="{{ setInst }}" style="height:48px;border:1px solid var(--ez-line);border-radius:8px;padding:0 12px;font-family:var(--font-body);font-size:17.5px;background:#fff;min-width:200px">
|
||||||
|
<option value="134">טכניון (פטור: 134)</option>
|
||||||
|
<option value="134">אונ' תל אביב (134)</option>
|
||||||
|
<option value="134">העברית (134)</option>
|
||||||
|
<option value="134">בן גוריון (134)</option>
|
||||||
|
<option value="134">בר אילן (134)</option>
|
||||||
|
<option value="120">מכללות נבחרות (120)</option>
|
||||||
|
</select>
|
||||||
|
</label>
|
||||||
|
<button onClick="{{ calc }}" style="background:var(--ez-orange);color:#fff;border:0;border-radius:999px;padding:0 32px;height:48px;font-family:var(--font-display);font-weight:700;font-size:17.5px;cursor:pointer">חשבו לי</button>
|
||||||
|
</div>
|
||||||
|
<sc-if value="{{ showResult }}" hint-placeholder-val="{{ false }}">
|
||||||
|
<div style="margin-top:22px;background:#fff;border-radius:10px;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap">
|
||||||
|
<div style="display:grid;gap:4px">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:22.5px;color:var(--ez-ink)">{{ resultTitle }}</span>
|
||||||
|
<span style="font-size:17.5px;color:var(--ez-fg-2)">{{ resultSub }}</span>
|
||||||
|
</div>
|
||||||
|
<div style="display:flex;gap:12px">
|
||||||
|
<button style="background:var(--ez-orange);color:#fff;border:0;border-radius:999px;padding:12px 26px;font-family:var(--font-display);font-weight:700;font-size:17px;cursor:pointer">{{ resultCta }}</button>
|
||||||
|
<a href="user.html" style="align-self:center;font-family:var(--font-display);font-weight:700;font-size:16.5px;border-bottom:none">המסלולים ←</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</sc-if>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:28px;color:var(--ez-ink);margin:0 0 8px">שאלות על אמירנט בטכניון</h2>
|
||||||
|
<div style="border-top:1px solid var(--ez-line);margin-bottom:44px">
|
||||||
|
<sc-for list="{{ faqs }}" as="f" hint-placeholder-count="4">
|
||||||
|
<div style="border-bottom:1px solid var(--ez-line)">
|
||||||
|
<div onClick="{{ f.toggle }}" style="display:flex;justify-content:space-between;align-items:center;padding:16px 4px;cursor:pointer">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:18.5px;color:var(--ez-ink)">{{ f.q }}</span>
|
||||||
|
<span style="font-family:var(--font-mono);font-size:21px;color:var(--ez-orange)">{{ f.mark }}</span>
|
||||||
|
</div>
|
||||||
|
<sc-if value="{{ f.open }}" hint-placeholder-val="{{ false }}">
|
||||||
|
<p style="font-size:18.5px;line-height:1.6;color:var(--ez-fg-2);margin:0;padding:0 4px 16px;max-width:720px">{{ f.a }}</p>
|
||||||
|
</sc-if>
|
||||||
|
</div>
|
||||||
|
</sc-for>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="institutions" data-screen-label="מוסדות נוספים" style="display:grid;gap:14px">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:17.5px;color:var(--ez-ink)">ציונים ורמות במוסדות אחרים</span>
|
||||||
|
<div style="display:flex;gap:10px;flex-wrap:wrap">
|
||||||
|
<a href="#" style="border:1px solid var(--ez-line);border-radius:999px;padding:8px 18px;font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ez-fg-2);border-bottom:1px solid var(--ez-line)" style-hover="color:var(--ez-ink);box-shadow:var(--shadow-1)">אונ' תל אביב</a>
|
||||||
|
<a href="#" style="border:1px solid var(--ez-line);border-radius:999px;padding:8px 18px;font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ez-fg-2);border-bottom:1px solid var(--ez-line)" style-hover="color:var(--ez-ink);box-shadow:var(--shadow-1)">העברית</a>
|
||||||
|
<a href="#" style="border:1px solid var(--ez-line);border-radius:999px;padding:8px 18px;font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ez-fg-2);border-bottom:1px solid var(--ez-line)" style-hover="color:var(--ez-ink);box-shadow:var(--shadow-1)">בן גוריון</a>
|
||||||
|
<a href="#" style="border:1px solid var(--ez-line);border-radius:999px;padding:8px 18px;font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ez-fg-2);border-bottom:1px solid var(--ez-line)" style-hover="color:var(--ez-ink);box-shadow:var(--shadow-1)">בר אילן</a>
|
||||||
|
<a href="#" style="border:1px solid var(--ez-line);border-radius:999px;padding:8px 18px;font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ez-fg-2);border-bottom:1px solid var(--ez-line)" style-hover="color:var(--ez-ink);box-shadow:var(--shadow-1)">חיפה</a>
|
||||||
|
<a href="#" style="border:1px solid var(--ez-line);border-radius:999px;padding:8px 18px;font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ez-fg-2);border-bottom:1px solid var(--ez-line)" style-hover="color:var(--ez-ink);box-shadow:var(--shadow-1)">אריאל</a>
|
||||||
|
<a href="#" style="border:1px solid var(--ez-line);border-radius:999px;padding:8px 18px;font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ez-fg-2);border-bottom:1px solid var(--ez-line)" style-hover="color:var(--ez-ink);box-shadow:var(--shadow-1)">מכללות</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<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">
|
||||||
|
<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: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;cursor:pointer">מבחן רמה</button>
|
||||||
|
</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">אני רוצה להתקדם באנגלית.</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>
|
||||||
|
<script type="text/x-dc" data-dc-script>
|
||||||
|
class Component extends DCLogic {
|
||||||
|
state = { score: 105, target: 134, showResult: false, openFaq: -1 };
|
||||||
|
renderVals() {
|
||||||
|
const gap = Math.max(0, this.state.target - this.state.score);
|
||||||
|
const weeks = Math.max(2, Math.ceil(gap / 10) * 3);
|
||||||
|
const exempt = gap === 0;
|
||||||
|
const faqData = [
|
||||||
|
{ q: "אפשר להירשם לטכניון לפני שיש לי ציון אמירנט?", a: "כן. הציון נדרש לשיבוץ לרמת אנגלית, לא לקבלה עצמה. אבל פטור מראש חוסך לכם קורסים בתוך התואר – ולכן שווה לגשת מוקדם." },
|
||||||
|
{ q: "כל כמה זמן אפשר לגשת שוב לאמירנט?", a: "צריך להמתין 35 יום בין מבחן למבחן. זה בדיוק חלון זמן שמספיק לקפיצה של רמה עם תוכנית ממוקדת." },
|
||||||
|
{ q: "הציון שלי גבול בין שתי רמות. שווה לגשת שוב?", a: "כמעט תמיד כן. פער של כמה נקודות בודדות = קורס שלם פחות בתואר. זה המקרה הקלאסי למסלול שבועיים ממוקד." },
|
||||||
|
{ q: "יש לי לקות למידה – מה עם התאמות?", a: "מרכז ארצי מעניק התאמות באמירנט (תוספת זמן ועוד) לפי אבחון בתוקף. חשוב להגיש את הבקשה מראש. אנחנו מלווים בתהליך." },
|
||||||
|
];
|
||||||
|
return {
|
||||||
|
score: this.state.score,
|
||||||
|
setScore: (e) => this.setState({ score: Number(e.target.value), showResult: false }),
|
||||||
|
setInst: (e) => this.setState({ target: Number(e.target.value), showResult: false }),
|
||||||
|
calc: () => this.setState({ showResult: true }),
|
||||||
|
showResult: this.state.showResult,
|
||||||
|
resultTitle: exempt ? "יש לכם פטור! 🎓".replace(" 🎓", "") : "חסרות לכם " + gap + " נקודות לפטור",
|
||||||
|
resultSub: exempt ? "הציון שלכם עובר את סף הפטור. שווה לוודא מול המוסד ולחגוג." : "בקצב עבודה סביר זה בערך " + weeks + " שבועות של הכנה ממוקדת.",
|
||||||
|
resultCta: exempt ? "בדקו מה הלאה" : "בואו נסגור את הפער",
|
||||||
|
faqs: faqData.map((f, i) => ({
|
||||||
|
...f,
|
||||||
|
open: this.state.openFaq === i,
|
||||||
|
mark: this.state.openFaq === i ? "–" : "+",
|
||||||
|
toggle: () => this.setState(s => ({ openFaq: s.openFaq === i ? -1 : i })),
|
||||||
|
})),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,301 @@
|
|||||||
|
<!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>
|
||||||
|
<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-orange);font-weight:700">הקורסים</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-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:1280px;margin:0 auto;padding:40px 64px 56px">
|
||||||
|
<div style="display:flex;gap:8px;font-size:15.5px;color:var(--ez-fg-3);margin-bottom:28px">
|
||||||
|
<a href="index.html" style="color:var(--ez-fg-3);border-bottom:none">דף הבית</a><span>/</span>
|
||||||
|
<span>הקורסים</span><span>/</span>
|
||||||
|
<span style="color:var(--ez-ink)">יוזר אמירנט</span>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center">
|
||||||
|
<div style="display:grid;gap:18px">
|
||||||
|
<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:68px;line-height:1.02;letter-spacing:-.015em;color:var(--ez-ink);margin:0">יוזר אמירנט.<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);max-width:520px;margin:0">כל מה שצריך כדי להתאמן לאמירנט בקצב שלכם: סימולציות אמיתיות, שיעורים מוקלטים, משחקי אוצר מילים ומילון לפי רמה. ולכל מסלול אפשר להוסיף אימון אישי אחד על אחד.</p>
|
||||||
|
<div style="display:flex;gap:16px;align-items:center">
|
||||||
|
<button onClick="{{ scrollToPlans }}" style="background:var(--ez-orange);color:#fff;border:0;border-radius:999px;padding:15px 32px;font-family:var(--font-display);font-weight:700;font-size:18px;cursor:pointer">לרכישה</button>
|
||||||
|
</div>
|
||||||
|
<span style="font-size:15.5px;color:var(--ez-fg-3)">גישה מיידית · אפשר לשדרג לקורס בכל שלב · ביטול בתוך 14 יום, בלי שאלות</span>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;gap:12px">
|
||||||
|
<img src="assets/game-word-cannon.png" alt="תותח מילים מתוך היוזר" style="width:100%;border-radius:12px;display:block;box-shadow:var(--shadow-3)">
|
||||||
|
<span style="font-size:15.5px;color:var(--ez-fg-3);text-align:center">תותח מילים – אחד מהמשחקים שבפנים. ככה נראה תרגול אוצר מילים אצלנו.</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="plans" data-screen-label="מסלולים" style="background:var(--ez-paper-cool);padding:56px 64px">
|
||||||
|
<div style="max-width:1152px;margin:0 auto">
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:36px;color:var(--ez-lavender-deep);margin:0 0 8px">בוחרים כמה זמן, <span style="color:var(--ez-orange)">מתחילים היום</span></h2>
|
||||||
|
<p style="font-size:17.5px;color:var(--ez-fg-2);margin:0 0 28px">מחיר אחד לכל מסלול. בלי הפתעות, בלי חידוש אוטומטי.</p>
|
||||||
|
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:20px">
|
||||||
|
<div onClick="{{ pickTwoWeeks }}" style="position:relative;background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:28px;display:grid;gap:10px;align-content:start;cursor:pointer">
|
||||||
|
<sc-if value="{{ isTwoWeeks }}" hint-placeholder-val="{{ false }}"><div aria-hidden="true" style="position:absolute;inset:0;border:2px solid var(--ez-orange);border-radius:12px;pointer-events:none"></div></sc-if>
|
||||||
|
<div style="font-family:var(--font-display);font-weight:700;font-size:21px;color:var(--ez-ink)">שבועיים</div>
|
||||||
|
<p style="font-size:16.5px;color:var(--ez-fg-2);margin:0">ספרינט לפני מועד קרוב. כל התכנים, בלי לנשום.</p>
|
||||||
|
<div style="font-family:var(--font-mono);font-size:32px;color:var(--ez-ink)">250 ₪</div>
|
||||||
|
</div>
|
||||||
|
<div onClick="{{ pickMonth }}" style="position:relative;background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:28px;display:grid;gap:10px;align-content:start;cursor:pointer">
|
||||||
|
<sc-if value="{{ isMonth }}" hint-placeholder-val="{{ true }}"><div aria-hidden="true" style="position:absolute;inset:0;border:2px solid var(--ez-orange);border-radius:12px;pointer-events:none"></div></sc-if>
|
||||||
|
<span style="position:absolute;top:-12px;right:24px;background:var(--ez-orange);color:#fff;border-radius:999px;padding:4px 14px;font-family:var(--font-display);font-weight:700;font-size:15px">הכי נבחר</span>
|
||||||
|
<div style="font-family:var(--font-display);font-weight:700;font-size:21px;color:var(--ez-ink)">חודש</div>
|
||||||
|
<p style="font-size:16.5px;color:var(--ez-fg-2);margin:0">הקצב שרוב התלמידים צריכים: פרק ביום, סימולציה בשבוע.</p>
|
||||||
|
<div style="font-family:var(--font-mono);font-size:32px;color:var(--ez-ink)">350 ₪</div>
|
||||||
|
</div>
|
||||||
|
<div onClick="{{ pickSix }}" style="position:relative;background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:28px;display:grid;gap:10px;align-content:start;cursor:pointer">
|
||||||
|
<sc-if value="{{ isSix }}" hint-placeholder-val="{{ false }}"><div aria-hidden="true" style="position:absolute;inset:0;border:2px solid var(--ez-orange);border-radius:12px;pointer-events:none"></div></sc-if>
|
||||||
|
<div style="font-family:var(--font-display);font-weight:700;font-size:21px;color:var(--ez-ink)">6 חודשים</div>
|
||||||
|
<p style="font-size:16.5px;color:var(--ez-fg-2);margin:0">בונים רמה מאפס, בלי לחץ של מועד. מתאים גם לפני צבא.</p>
|
||||||
|
<div style="font-family:var(--font-mono);font-size:32px;color:var(--ez-ink)">600 ₪</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="margin-top:20px;display:grid;gap:12px;max-width:640px">
|
||||||
|
<div onClick="{{ toggleBooks }}" style="background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:18px 24px;display:flex;align-items:center;gap:16px;cursor:pointer">
|
||||||
|
<div style="width:24px;height:24px;border:2px solid var(--ez-orange);border-radius:6px;display:flex;align-items:center;justify-content:center;flex:none">
|
||||||
|
<sc-if value="{{ books }}" hint-placeholder-val="{{ false }}"><div style="width:14px;height:14px;background:var(--ez-orange);border-radius:3px"></div></sc-if>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;gap:2px">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ez-ink)">להוסיף 2 ספרי לימוד</span>
|
||||||
|
<span style="font-size:16px;color:var(--ez-fg-2)">ספרי התרגול המודפסים שלנו, כולל משלוח עד הבית</span>
|
||||||
|
</div>
|
||||||
|
<span style="margin-right:auto;font-family:var(--font-mono);font-size:21px;color:var(--ez-ink)">+ 170 ₪</span>
|
||||||
|
</div>
|
||||||
|
<div onClick="{{ toggleCoach }}" style="background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:18px 24px;display:flex;align-items:center;gap:16px;cursor:pointer">
|
||||||
|
<div style="width:24px;height:24px;border:2px solid var(--ez-orange);border-radius:6px;display:flex;align-items:center;justify-content:center;flex:none">
|
||||||
|
<sc-if value="{{ coach }}" hint-placeholder-val="{{ false }}"><div style="width:14px;height:14px;background:var(--ez-orange);border-radius:3px"></div></sc-if>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;gap:2px">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ez-ink)">להוסיף אימון אישי אחד על אחד</span>
|
||||||
|
<span style="font-size:16px;color:var(--ez-fg-2)">שיעור פרטי עם מדריך/ה, מותאם לתוצאות שלכם ביוזר</span>
|
||||||
|
</div>
|
||||||
|
<span style="margin-right:auto;font-family:var(--font-mono);font-size:21px;color:var(--ez-ink)">+ 250 ₪</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="margin-top:28px;background:var(--ez-ink);border-radius:12px;padding:20px 28px;display:flex;align-items:center;gap:24px;justify-content:space-between">
|
||||||
|
<div style="display:grid;gap:2px">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:18.5px;color:#fff">{{ summaryLine }}</span>
|
||||||
|
<span style="font-size:15.5px;color:#b9b9c0">תשלום מאובטח · גישה מיידית אחרי הרכישה</span>
|
||||||
|
</div>
|
||||||
|
<div style="display:flex;align-items:center;gap:20px">
|
||||||
|
<span style="font-family:var(--font-mono);font-size:30px;color:#fff">{{ totalText }}</span>
|
||||||
|
<button style="background:var(--ez-orange);color:#fff;border:0;border-radius:999px;padding:13px 36px;font-family:var(--font-display);font-weight:700;font-size:18px;cursor:pointer">לרכישה</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-screen-label="מה מקבלים" style="max-width:1280px;margin:0 auto;padding:64px 64px 48px">
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ez-ink);margin:0 0 24px">מה מקבלים</h2>
|
||||||
|
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:22px 36px">
|
||||||
|
<div style="display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start">
|
||||||
|
<img src="assets/bullet-chevron.png" alt="" style="width:14px;margin-top:6px">
|
||||||
|
<div><div style="font-family:var(--font-display);font-weight:700;font-size:18.5px;color:var(--ez-ink)">5 סימולציות מלאות</div><p style="font-size:16.5px;color:var(--ez-fg-2);margin:3px 0 0">בדיוק כמו המבחן האמיתי, כולל טיימר.</p></div>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start">
|
||||||
|
<img src="assets/bullet-chevron.png" alt="" style="width:14px;margin-top:6px">
|
||||||
|
<div><div style="font-family:var(--font-display);font-weight:700;font-size:18.5px;color:var(--ez-ink)">40+ שיעורים מוקלטים</div><p style="font-size:16.5px;color:var(--ez-fg-2);margin:3px 0 0">שיעור ממוקד לכל סוג שאלה בכל פרק.</p></div>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start">
|
||||||
|
<img src="assets/bullet-chevron.png" alt="" style="width:14px;margin-top:6px">
|
||||||
|
<div><div style="font-family:var(--font-display);font-weight:700;font-size:18.5px;color:var(--ez-ink)">משחקי אוצר מילים</div><p style="font-size:16.5px;color:var(--ez-fg-2);margin:3px 0 0">תותח מילים וטטרי, לפי הרמה שלכם.</p></div>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start">
|
||||||
|
<img src="assets/bullet-chevron.png" alt="" style="width:14px;margin-top:6px">
|
||||||
|
<div><div style="font-family:var(--font-display);font-weight:700;font-size:18.5px;color:var(--ez-ink)">מילון אמירנט לפי רמה</div><p style="font-size:16.5px;color:var(--ez-fg-2);margin:3px 0 0">כל מילה עם תרגום, משפט ושמע.</p></div>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start">
|
||||||
|
<img src="assets/bullet-chevron.png" alt="" style="width:14px;margin-top:6px">
|
||||||
|
<div><div style="font-family:var(--font-display);font-weight:700;font-size:18.5px;color:var(--ez-ink)">בחני התקדמות</div><p style="font-size:16.5px;color:var(--ez-fg-2);margin:3px 0 0">אחרי כל נושא – רואים מה נסגר ומה לא.</p></div>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start">
|
||||||
|
<img src="assets/bullet-chevron.png" alt="" style="width:14px;margin-top:6px">
|
||||||
|
<div><div style="font-family:var(--font-display);font-weight:700;font-size:18.5px;color:var(--ez-ink)">ליווי בוואטסאפ</div><p style="font-size:16.5px;color:var(--ez-fg-2);margin:3px 0 0">נתקעתם? כותבים לנו. עונה בן אדם.</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px">
|
||||||
|
<img src="assets/screenshot-lesson.png" alt="שיעור מוקלט מתוך היוזר" style="width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:10px;border:1px solid var(--ez-line)">
|
||||||
|
<img src="assets/game-word-cannon.png" alt="תותח מילים" style="width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px">
|
||||||
|
<img src="assets/screenshot-wordgame.png" alt="משחק מילים – בחירת מילון לפי רמה" style="width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:10px;border:1px solid var(--ez-line)">
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="compare" data-screen-label="למי מתאים" style="max-width:1280px;margin:0 auto;padding:0 64px 56px">
|
||||||
|
<div style="border-top:1px solid var(--ez-line);padding-top:48px;display:grid;grid-template-columns:1fr 1px 1fr;gap:36px;align-items:start">
|
||||||
|
<div style="display:grid;gap:10px">
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--ez-ink);margin:0">למי היוזר מתאים</h2>
|
||||||
|
<p style="font-size:17.5px;line-height:1.55;color:var(--ez-fg-2);margin:0">למי שמסוגל לפתוח את המחשב לבד ולהתמיד, שיש לו בסיס באנגלית, ושרוצה לתרגל הרבה במחיר נמוך. אם זה אתם – אין סיבה לשלם על קורס מלא.</p>
|
||||||
|
</div>
|
||||||
|
<div style="background:var(--ez-line);height:100%"></div>
|
||||||
|
<div style="display:grid;gap:10px">
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--ez-ink);margin:0">ולמי לא</h2>
|
||||||
|
<p style="font-size:17.5px;line-height:1.55;color:var(--ez-fg-2);margin:0">אם אנגלית מלחיצה אתכם, אם קשה לכם להתמיד לבד, או שאתם צריכים מישהו שיסביר בזמן אמת – <a href="#contact">הקורס עם המדריך</a> ייתן לכם הרבה יותר. תתחילו בשיחת ייעוץ, בלי התחייבות.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-screen-label="סיפורים" style="background:var(--ez-paper-cool);padding:56px 64px">
|
||||||
|
<div style="max-width:1152px;margin:0 auto">
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ez-ink);margin:0 0 28px">תלמידים שעשו את זה לבד</h2>
|
||||||
|
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:36px">
|
||||||
|
<div style="display:grid;gap:8px;align-content:start">
|
||||||
|
<span aria-hidden="true" style="font-family:var(--font-display);font-weight:700;font-size:84px;line-height:.55;color:var(--ez-lavender);transform:scaleX(-1)">"</span>
|
||||||
|
<div style="font-family:var(--font-display);font-weight:700;font-size:19.5px;color:var(--ez-ink)">דניאל, לפני עתודה</div>
|
||||||
|
<div style="font-family:var(--font-mono);font-size:16px;color:var(--ez-orange)">מ-105 ל-134 בחודש</div>
|
||||||
|
<p style="font-size:17px;color:var(--ez-fg-2);margin:0">עשיתי סימולציה כל שבת. הבחנים הקטנים בין לבין הראו לי בדיוק מה לתקן.</p>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;gap:8px;align-content:start">
|
||||||
|
<span aria-hidden="true" style="font-family:var(--font-display);font-weight:700;font-size:84px;line-height:.55;color:var(--ez-lavender);transform:scaleX(-1)">"</span>
|
||||||
|
<div style="font-family:var(--font-display);font-weight:700;font-size:19.5px;color:var(--ez-ink)">שירה, סטודנטית</div>
|
||||||
|
<div style="font-family:var(--font-mono);font-size:16px;color:var(--ez-orange)">פטור בניסיון השני</div>
|
||||||
|
<p style="font-size:17px;color:var(--ez-fg-2);margin:0">לקחתי את מסלול השבועיים לפני המועד. האימון האישי בסוף עשה את ההבדל.</p>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;gap:8px;align-content:start">
|
||||||
|
<span aria-hidden="true" style="font-family:var(--font-display);font-weight:700;font-size:84px;line-height:.55;color:var(--ez-lavender);transform:scaleX(-1)">"</span>
|
||||||
|
<div style="font-family:var(--font-display);font-weight:700;font-size:19.5px;color:var(--ez-ink)">איתי, אחרי שחרור</div>
|
||||||
|
<div style="font-family:var(--font-mono);font-size:16px;color:var(--ez-orange)">מ-88 ל-120 ב-6 חודשים</div>
|
||||||
|
<p style="font-size:17px;color:var(--ez-fg-2);margin:0">התחלתי מאפס אחרי הצבא. המשחקים החזירו אותי לזה כל ערב, גם כשלא בא לי.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section data-screen-label="שאלות" style="max-width:900px;margin:0 auto;padding:64px 64px 56px">
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ez-ink);margin:0 0 20px">חשוב וכדאי לדעת מראש</h2>
|
||||||
|
<div style="border-top:1px solid var(--ez-line)">
|
||||||
|
<sc-for list="{{ faqs }}" as="f" hint-placeholder-count="5">
|
||||||
|
<div style="border-bottom:1px solid var(--ez-line)">
|
||||||
|
<div onClick="{{ f.toggle }}" style="display:flex;justify-content:space-between;align-items:center;padding:18px 4px;cursor:pointer">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ez-ink)">{{ f.q }}</span>
|
||||||
|
<span style="font-family:var(--font-mono);font-size:21px;color:var(--ez-orange)">{{ f.mark }}</span>
|
||||||
|
</div>
|
||||||
|
<sc-if value="{{ f.open }}" hint-placeholder-val="{{ false }}">
|
||||||
|
<p style="font-size:17.5px;line-height:1.6;color:var(--ez-fg-2);margin:0;padding:0 4px 18px;max-width:720px">{{ f.a }}</p>
|
||||||
|
</sc-if>
|
||||||
|
</div>
|
||||||
|
</sc-for>
|
||||||
|
</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="טלפון" 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">
|
||||||
|
<button onClick="{{ submitLead }}" 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">{{ leadButtonText }}</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>
|
||||||
|
|
||||||
|
<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></x-dc>
|
||||||
|
<script type="text/x-dc" data-dc-script>
|
||||||
|
class Component extends DCLogic {
|
||||||
|
state = { plan: "month", coach: false, books: false, sent: false, openFaq: -1 };
|
||||||
|
renderVals() {
|
||||||
|
const prices = { twoWeeks: 250, month: 350, six: 600 };
|
||||||
|
const labels = { twoWeeks: "שבועיים", month: "חודש", six: "6 חודשים" };
|
||||||
|
const total = prices[this.state.plan] + (this.state.coach ? 250 : 0) + (this.state.books ? 170 : 0);
|
||||||
|
const faqData = [
|
||||||
|
{ q: "לכמה זמן יש לי גישה?", a: "בדיוק לאורך המסלול שבחרתם – שבועיים, חודש או 6 חודשים מרגע הרכישה. לא מצליחים לסיים? כתבו לנו ונמצא פתרון." },
|
||||||
|
{ q: "מה אם ארצה לבטל?", a: "אפשר לבטל בתוך 14 יום מהרכישה ולקבל החזר מלא, בלי שאלות ובלי אותיות קטנות. אחרי שבועיים של שימוש – נחשב לפי מה שנוצל." },
|
||||||
|
{ q: "איך עובד האימון האישי?", a: "שיעור פרטי אחד על אחד בזום עם מדריך/ה. קובעים מועד אחרי הרכישה, והמדריך מגיע מוכן עם התוצאות שלכם מהיוזר." },
|
||||||
|
{ q: "אפשר לשדרג לקורס המלא?", a: "כן, בכל שלב. מה ששילמתם על היוזר יורד ממחיר הקורס." },
|
||||||
|
{ q: "באילו אמצעי תשלום אפשר לשלם?", a: "כרטיס אשראי, ביט או Apple Pay / Google Pay. אפשר גם לפצל לתשלומים." },
|
||||||
|
];
|
||||||
|
return {
|
||||||
|
isTwoWeeks: this.state.plan === "twoWeeks",
|
||||||
|
isMonth: this.state.plan === "month",
|
||||||
|
isSix: this.state.plan === "six",
|
||||||
|
coach: this.state.coach,
|
||||||
|
books: this.state.books,
|
||||||
|
toggleBooks: () => this.setState(s => ({ books: !s.books })),
|
||||||
|
pickTwoWeeks: () => this.setState({ plan: "twoWeeks" }),
|
||||||
|
pickMonth: () => this.setState({ plan: "month" }),
|
||||||
|
pickSix: () => this.setState({ plan: "six" }),
|
||||||
|
toggleCoach: () => this.setState(s => ({ coach: !s.coach })),
|
||||||
|
summaryLine: "המסלול שלכם: " + labels[this.state.plan] + (this.state.books ? " + ספרים" : "") + (this.state.coach ? " + אימון אישי" : ""),
|
||||||
|
totalText: total + " ₪",
|
||||||
|
leadButtonText: this.state.sent ? "קיבלנו! נחזור אליכם היום" : "שיחת ייעוץ חינם",
|
||||||
|
submitLead: () => this.setState({ sent: true }),
|
||||||
|
scrollToPlans: () => { const el = document.getElementById("plans"); if (el) window.scrollTo({ top: el.offsetTop - 80, behavior: "smooth" }); },
|
||||||
|
faqs: faqData.map((f, i) => ({
|
||||||
|
...f,
|
||||||
|
open: this.state.openFaq === i,
|
||||||
|
mark: this.state.openFaq === i ? "–" : "+",
|
||||||
|
toggle: () => this.setState(s => ({ openFaq: s.openFaq === i ? -1 : i })),
|
||||||
|
})),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+235
@@ -0,0 +1,235 @@
|
|||||||
|
<!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="#F4F2EE"></rect><text x="50" y="66" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="44" fill="#F37327">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="free.html" style="color:var(--ez-ink)">מתחילים בחינם</a>
|
||||||
|
<a href="learn.html" 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>
|
||||||
|
|
||||||
|
<div style="max-width:1280px;margin:0 auto;padding:40px 64px 0">
|
||||||
|
<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>
|
||||||
|
<a href="index.html" style="color:var(--ez-fg-3);border-bottom:none">ללמוד אנגלית</a><span>/</span>
|
||||||
|
<span style="color:var(--ez-ink)">איך משננים אוצר מילים</span>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;grid-template-columns:1fr 260px;gap:56px;align-items:start;max-width:1080px;margin:0 auto;justify-content:center">
|
||||||
|
<article style="display:grid;gap:0;max-width:720px">
|
||||||
|
<h1 style="font-family:var(--font-display);font-weight:700;font-size:46px;line-height:1.08;letter-spacing:-.01em;color:var(--ez-ink);margin:0 0 14px">איך משננים אוצר מילים באמת (ולמה כרטיסיות לבד לא עובדות)</h1>
|
||||||
|
<p style="font-size:20px;line-height:1.55;color:var(--ez-fg-2);margin:0 0 20px">מילה נכנסת לזיכרון כשפוגשים אותה בהקשרים שונים, במרווחי זמן הולכים וגדלים – לא כששוננים רשימה ערב לפני המבחן.</p>
|
||||||
|
<div style="display:flex;gap:16px;align-items:center;border-top:1px solid var(--ez-line);border-bottom:1px solid var(--ez-line);padding:12px 0;margin-bottom:28px">
|
||||||
|
<img src="assets/mentor-1.png" alt="נעה" style="width:44px;height:44px;border-radius:50%;object-fit:cover">
|
||||||
|
<div style="display:grid">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:17.5px;color:var(--ez-ink)">נעה · מדריכת אנגלית לאמירנט, 12 שנים</span>
|
||||||
|
<span style="font-size:16.5px;color:var(--ez-fg-3)">עודכן אוגוסט 2026 · קריאה: 4 דקות</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="background:var(--ez-lavender-tint);border-radius:10px;padding:20px 24px;margin-bottom:32px;display:grid;gap:8px">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ez-lavender-deep)">בקצרה</span>
|
||||||
|
<ul style="margin:0;padding-inline-start:20px;font-size:17.5px;line-height:1.7;color:var(--ez-ink)">
|
||||||
|
<li>המוח שומר מילים שפוגשים <b>במרווחים</b> – יום, שלושה, שבוע – לא בערימה אחת.</li>
|
||||||
|
<li>כרטיסיות עובדות רק כשמוסיפים להן <b>הקשר</b>: משפט, תמונה, שימוש.</li>
|
||||||
|
<li>10 דקות ביום מנצחות שעתיים בשבת. תמיד.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div id="video" style="display:grid;gap:10px;margin-bottom:36px">
|
||||||
|
<div style="position:relative;aspect-ratio:16/9;background:var(--ez-indigo-deep);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer">
|
||||||
|
<img src="assets/video-mentor.png" alt="" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85">
|
||||||
|
<div style="position:relative;width:76px;height:76px;border-radius:50%;background:var(--ez-orange);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-2)">
|
||||||
|
<i class="ph-fill ph-play" style="font-size:32px;color:#fff;margin-right:-4px"></i>
|
||||||
|
</div>
|
||||||
|
<span style="position:absolute;bottom:14px;right:16px;background:rgba(0,0,0,.55);color:#fff;border-radius:5px;padding:3px 10px;font-family:var(--font-mono);font-size:15px">4:20</span>
|
||||||
|
</div>
|
||||||
|
<span style="font-size:17.5px;color:var(--ez-fg-3)">נעה מסבירה את שיטת המרווחים – ולמה המשחקים שלנו בנויים עליה. תקציר בטקסט מתחת.</span>
|
||||||
|
</div>
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:28px;color:var(--ez-ink);margin:0 0 12px">למה הרשימות לא מחזיקות</h2>
|
||||||
|
<p style="font-size:18px;line-height:1.7;color:var(--ez-fg-2);margin:0 0 28px">כששוננים 50 מילים ברצף, המוח מסמן אותן כ"מידע זמני" – כמו מספר טלפון שמחזיקים בראש רק עד שמחייגים. בלי פגישה חוזרת, רובן נעלמות בתוך 48 שעות. זה לא כישלון שלכם; ככה זיכרון עובד. השאלה היא לא כמה שיננתם, אלא <b style="color:var(--ez-ink)">כמה פעמים נפגשתם עם המילה מחדש</b>.</p>
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:28px;color:var(--ez-ink);margin:0 0 12px">מה כן עובד: שלושה עקרונות</h2>
|
||||||
|
<div style="display:grid;gap:16px;margin-bottom:28px">
|
||||||
|
<div style="display:grid;grid-template-columns:14px 1fr;gap:14px;align-items:start">
|
||||||
|
<img src="assets/bullet-chevron.png" alt="" style="width:14px;margin-top:7px">
|
||||||
|
<p style="font-size:18px;line-height:1.7;color:var(--ez-fg-2);margin:0"><b style="color:var(--ez-ink)">מרווחים גדלים.</b> פוגשים את המילה היום, מחר, בעוד שלושה ימים, בעוד שבוע. כל פגישה "מאותתת" למוח שהמידע חשוב לטווח ארוך.</p>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;grid-template-columns:14px 1fr;gap:14px;align-items:start">
|
||||||
|
<img src="assets/bullet-chevron.png" alt="" style="width:14px;margin-top:7px">
|
||||||
|
<p style="font-size:18px;line-height:1.7;color:var(--ez-fg-2);margin:0"><b style="color:var(--ez-ink)">הקשר, לא תרגום.</b> מילה בתוך משפט נזכרת פי כמה טוב מצמד מילה-תרגום. עוד יותר טוב: משפט שקשור אליכם.</p>
|
||||||
|
</div>
|
||||||
|
<div style="display:grid;grid-template-columns:14px 1fr;gap:14px;align-items:start">
|
||||||
|
<img src="assets/bullet-chevron.png" alt="" style="width:14px;margin-top:7px">
|
||||||
|
<p style="font-size:18px;line-height:1.7;color:var(--ez-fg-2);margin:0"><b style="color:var(--ez-ink)">שליפה, לא קריאה.</b> לנסות להיזכר (גם אם טועים) מחזק את הזיכרון יותר מלקרוא שוב. לכן משחק עם טיימר עובד: הוא מכריח שליפה מהירה.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="background:var(--ez-orange-tint);border:1px solid var(--ez-orange-soft);border-radius:10px;padding:18px 22px;margin-bottom:28px;display:flex;gap:14px;align-items:start">
|
||||||
|
<i class="ph ph-lightbulb" style="font-size:22.5px;color:var(--ez-orange);margin-top:2px"></i>
|
||||||
|
<p style="font-size:17.5px;line-height:1.6;color:var(--ez-ink);margin:0"><b>טיפ:</b> קבעו "פגישת מילים" של 10 דקות בשעה קבועה – אחרי צחצוח שיניים, בהסעה. עקביות קטנה מנצחת מרתונים.</p>
|
||||||
|
</div>
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:28px;color:var(--ez-ink);margin:0 0 12px">איך זה נראה בפועל, שבוע אחד</h2>
|
||||||
|
<p style="font-size:18px;line-height:1.7;color:var(--ez-fg-2);margin:0 0 28px">ביום ראשון לומדים 10 מילים חדשות עם משפט לכל אחת. בשני – 60 שניות של תותח מילים על אותן מילים. בשלישי – 10 חדשות + חזרה מהירה על הישנות. ברביעי מנוחה. בחמישי – משחק שמערבב הכל. בסוף שבוע כזה רוב האנשים זוכרים 17-18 מתוך 20 – לעומת 6-8 בשינון רגיל.</p>
|
||||||
|
<div id="cta-mid" style="background:var(--ez-lavender-tint);border-radius:10px;padding:22px 26px;margin-bottom:36px;display:flex;justify-content:space-between;align-items:center;gap:20px">
|
||||||
|
<div style="display:grid;gap:4px">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--ez-ink)">תרגלו עכשיו: 60 שניות של תותח מילים</span>
|
||||||
|
<span style="font-size:17.5px;color:var(--ez-fg-2)">בלי הרשמה. בסוף תקבלו מיפוי לרמת אמירנט משוערת.</span>
|
||||||
|
</div>
|
||||||
|
<button style="background:var(--ez-orange);color:#fff;border:0;border-radius:999px;padding:12px 28px;font-family:var(--font-display);font-weight:700;font-size:17.5px;cursor:pointer;white-space:nowrap">משחקים ←</button>
|
||||||
|
</div>
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:28px;color:var(--ez-ink);margin:0 0 8px">שאלות נפוצות</h2>
|
||||||
|
<div style="border-top:1px solid var(--ez-line);margin-bottom:44px">
|
||||||
|
<sc-for list="{{ faqs }}" as="f" hint-placeholder-count="3">
|
||||||
|
<div style="border-bottom:1px solid var(--ez-line)">
|
||||||
|
<div onClick="{{ f.toggle }}" style="display:flex;justify-content:space-between;align-items:center;padding:16px 4px;cursor:pointer">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:18.5px;color:var(--ez-ink)">{{ f.q }}</span>
|
||||||
|
<span style="font-family:var(--font-mono);font-size:21px;color:var(--ez-orange)">{{ f.mark }}</span>
|
||||||
|
</div>
|
||||||
|
<sc-if value="{{ f.open }}" hint-placeholder-val="{{ false }}">
|
||||||
|
<p style="font-size:18.5px;line-height:1.6;color:var(--ez-fg-2);margin:0;padding:0 4px 16px">{{ f.a }}</p>
|
||||||
|
</sc-if>
|
||||||
|
</div>
|
||||||
|
</sc-for>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
<aside style="position:sticky;top:96px;display:grid;gap:24px">
|
||||||
|
<div style="display:grid;gap:6px">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:16.5px;color:var(--ez-fg-3)">בעמוד הזה</span>
|
||||||
|
<a href="#video" style="font-size:17.5px;color:var(--ez-fg-2);border-bottom:none;padding:6px 0;border-right:2px solid var(--ez-orange);padding-right:10px">הסרטון של נעה</a>
|
||||||
|
<a href="#video" style="font-size:17.5px;color:var(--ez-fg-2);border-bottom:none;padding:6px 0;border-right:2px solid var(--ez-line);padding-right:10px">למה הרשימות לא מחזיקות</a>
|
||||||
|
<a href="#video" style="font-size:17.5px;color:var(--ez-fg-2);border-bottom:none;padding:6px 0;border-right:2px solid var(--ez-line);padding-right:10px">שלושה עקרונות</a>
|
||||||
|
<a href="#video" style="font-size:17.5px;color:var(--ez-fg-2);border-bottom:none;padding:6px 0;border-right:2px solid var(--ez-line);padding-right:10px">שבוע לדוגמה</a>
|
||||||
|
<a href="#video" style="font-size:17.5px;color:var(--ez-fg-2);border-bottom:none;padding:6px 0;border-right:2px solid var(--ez-line);padding-right:10px">שאלות נפוצות</a>
|
||||||
|
</div>
|
||||||
|
<div style="border:1px solid var(--ez-line);border-radius:10px;padding:18px 20px;display:grid;gap:8px">
|
||||||
|
<span style="font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ez-ink)">בדקו את הרמה שלכם</span>
|
||||||
|
<span style="font-size:17px;color:var(--ez-fg-2)">5 דקות, בלי הרשמה. תדעו בדיוק מאיפה להתחיל.</span>
|
||||||
|
<button style="background:var(--ez-ink);color:#fff;border:0;border-radius:999px;padding:11px 0;font-family:var(--font-display);font-weight:700;font-size:17px;cursor:pointer">למבחן הרמה</button>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<section data-screen-label="מאמרים קשורים" style="max-width:1280px;margin:0 auto;padding:8px 64px 56px">
|
||||||
|
<h2 style="font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--ez-ink);margin:0 0 20px;border-top:1px solid var(--ez-line);padding-top:36px">עוד בללמוד אנגלית</h2>
|
||||||
|
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:24px">
|
||||||
|
<a href="#" style="display:grid;gap:10px;color:var(--ez-ink);border-bottom:none">
|
||||||
|
<div style="position:relative;aspect-ratio:16/10;border-radius:8px;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:52px;height:52px;border-radius:50%;background:var(--ez-orange);display:flex;align-items:center;justify-content:center"><i class="ph-fill ph-play" style="font-size:22.5px;color:#fff"></i></span></div>
|
||||||
|
<div style="font-family:var(--font-display);font-weight:700;font-size:18px">ללמוד אנגלית מסרטים וסדרות – עם כתוביות או בלי?</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" style="display:grid;gap:10px;color:var(--ez-ink);border-bottom:none">
|
||||||
|
<div style="position:relative;aspect-ratio:16/10;border-radius:8px;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:52px;height:52px;border-radius:50%;background:var(--ez-orange);display:flex;align-items:center;justify-content:center"><i class="ph-fill ph-play" style="font-size:22.5px;color:#fff"></i></span></div>
|
||||||
|
<div style="font-family:var(--font-display);font-weight:700;font-size:18px">15 דקות ביום: שגרת אנגלית שבאמת מחזיקה</div>
|
||||||
|
</a>
|
||||||
|
<a href="#" style="display:grid;gap:10px;color:var(--ez-ink);border-bottom:none">
|
||||||
|
<div style="position:relative;aspect-ratio:16/10;border-radius:8px;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:52px;height:52px;border-radius:50%;background:var(--ez-orange);display:flex;align-items:center;justify-content:center"><i class="ph-fill ph-play" style="font-size:22.5px;color:#fff"></i></span></div>
|
||||||
|
<div style="font-family:var(--font-display);font-weight:700;font-size:18px">מה לקרוא באנגלית כדי לקפוץ רמה</div>
|
||||||
|
</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)">שיחת ייעוץ חינם, או שמתחילים לבד עם מבחן הרמה.</span>
|
||||||
|
</div>
|
||||||
|
<div style="display:flex;gap:14px;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: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;cursor:pointer">מבחן רמה</button>
|
||||||
|
</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>
|
||||||
|
<script type="text/x-dc" data-dc-script>
|
||||||
|
class Component extends DCLogic {
|
||||||
|
state = { openFaq: -1 };
|
||||||
|
renderVals() {
|
||||||
|
const faqData = [
|
||||||
|
{ q: "כמה מילים צריך לאמירנט?", a: "תלוי ברמת היעד. לפטור מלא מדובר בסדר גודל של 3,000-3,500 מילים אקדמיות. נשמע הרבה – אבל בקצב של 10 מילים ביום עם חזרות, זה כשנה; עם המילון לפי רמה מתמקדים רק במה שחסר לכם." },
|
||||||
|
{ q: "אפליקציות כרטיסיות זה בזבוז זמן?", a: "ממש לא – רק אל תשתמשו בהן כרשימת שינון. הוסיפו משפט לכל מילה, ותנו לאפליקציה לקבוע את מרווחי החזרה במקומכם." },
|
||||||
|
{ q: "כמה זמן ביום באמת צריך?", a: "10 דקות ביום, כל יום. זה כל הסוד. שעתיים בשבת נותנות תחושת התקדמות אבל המוח שוכח את רובן עד שלישי." },
|
||||||
|
];
|
||||||
|
return {
|
||||||
|
faqs: faqData.map((f, i) => ({
|
||||||
|
...f,
|
||||||
|
open: this.state.openFaq === i,
|
||||||
|
mark: this.state.openFaq === i ? "–" : "+",
|
||||||
|
toggle: () => this.setState(s => ({ openFaq: s.openFaq === i ? -1 : i })),
|
||||||
|
})),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user