Imported design export as-is (3/5)
This commit is contained in:
@@ -0,0 +1,65 @@
|
||||
<!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="64" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="34" fill="#ffffff">404</text></svg></template>
|
||||
<div style="background:#fff;min-height:100vh;font-family:var(--font-body);color:var(--ez-ink);display:grid;grid-template-rows:auto 1fr auto">
|
||||
|
||||
<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)">
|
||||
<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>
|
||||
<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>
|
||||
|
||||
<section data-screen-label="404" style="display:grid;place-content:center;text-align:center;gap:18px;padding:64px;position:relative;overflow:hidden;isolation:isolate">
|
||||
<div aria-hidden="true" style="position:absolute;inset:0;z-index:0">
|
||||
<div style="position:absolute;top:20%;left:-8%;width:50%;height:80px;transform:skew(-30deg);background:var(--ez-lavender-soft);opacity:.5"></div>
|
||||
<div style="position:absolute;bottom:18%;right:-8%;width:44%;height:70px;transform:skew(-30deg);background:var(--ez-lavender-soft);opacity:.5"></div>
|
||||
</div>
|
||||
<div style="position:relative;z-index:1;display:grid;gap:18px;justify-items:center">
|
||||
<span style="font-family:var(--font-mono);font-size:96px;line-height:1;color:var(--ez-lavender-deep)">404</span>
|
||||
<h1 style="font-family:var(--font-display);font-weight:700;font-size:40px;color:var(--ez-ink);margin:0">העמוד הזה לא עבר את המבחן.</h1>
|
||||
<p style="font-size:19px;color:var(--ez-fg-2);margin:0;max-width:440px">או שהקישור ישן, או שהקלדתם משהו קצת אחר. בכל מקרה – אתם דווקא במקום טוב להתחיל בו.</p>
|
||||
<div style="display:flex;gap:14px;margin-top:8px">
|
||||
<a href="free.html" style="background:var(--ez-orange);color:#fff;border-radius:999px;padding:14px 30px;font-family:var(--font-display);font-weight:700;font-size:17.5px;border-bottom:none">בדקו את הרמה שלכם – 5 דקות</a>
|
||||
<a href="index.html" style="background:transparent;color:var(--ez-ink);border:1.5px solid var(--ez-ink);border-radius:999px;padding:13px 26px;font-family:var(--font-display);font-weight:700;font-size:17.5px;border-bottom:none">לדף הבית</a>
|
||||
</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;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 dir="ltr" style="font-family:var(--font-mono)">1-700-70-70-07</span>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</x-dc>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,242 @@
|
||||
# eazy Design System
|
||||
|
||||
A working design system for **eazy** (E.Z.WAY / איזיווי) — an Israeli company that runs psychometric exam (פסיכומטרי) prep courses for high‑schoolers, pre‑army youth, soldiers, and adults preparing for university.
|
||||
|
||||
> Brand line: **פשוט תצליחו.** ("Simply succeed.")
|
||||
> Domain: ezway.co.il · Phone: 1‑700‑70‑70‑07
|
||||
|
||||
---
|
||||
|
||||
## Index
|
||||
|
||||
| File / folder | What's in it |
|
||||
| --- | --- |
|
||||
| `README.md` | This file. Brand context + content + visual + iconography rules. |
|
||||
| `SKILL.md` | Agent skill manifest — used when this folder is mounted as a Claude skill. |
|
||||
| `colors_and_type.css` | All CSS variables for color, type, spacing, radii, shadow, plus element-level type rules. **Import this from any HTML you build.** |
|
||||
| `fonts/` | Brand OTF webfonts (Avigul family, Almoni Neue Tzar, Geomanist, FbTamlilCondensed). |
|
||||
| `assets/` | Logos (orange E mark + wordmark, white wordmark), brand shapes (`Z` block, arrow, dot motif). Any new icons go here. |
|
||||
| `preview/` | Small HTML cards rendered by the Design System tab — colors, type, components, etc. |
|
||||
| `ui_kits/web/` | Recreation of the **eazy.co.il marketing site** as a click‑through prototype with reusable JSX components. |
|
||||
| `ui_kits/flyer/` | Square / portrait social flyer template — the most common artifact eazy ships. |
|
||||
| `_source/` | Original mockups, PDFs, and flyers shipped by the user. Reference only — never serve from here. |
|
||||
|
||||
## What is eazy?
|
||||
|
||||
eazy (stylised lowercase — `eazy`) is a brand of the company **E.Z.WAY**. They sell:
|
||||
|
||||
* **Psychometric prep courses** for high‑school students (the bulk of marketing flyers).
|
||||
* **Pre‑army / army programs** — Tzav Rishon prep, programs for Atidim (עתידים) and lone soldiers.
|
||||
* **Adult & municipal courses** through partnerships with city youth centers (מרכז צעירים) — Kiryat Bialik, Tiberias, Raanana, Sderot, Kiryat Gat, etc.
|
||||
* **eazy VOD** — recorded course content as backup.
|
||||
* The marketing site **ezway.co.il** ties everything together.
|
||||
|
||||
The audience is overwhelmingly **young Israelis aged 16–22**. The whole brand is RTL Hebrew with English used sparingly (product names like "eazy VOD", "Start now").
|
||||
|
||||
## Source materials
|
||||
|
||||
Provided by the client through the importer (not all may be re‑accessible):
|
||||
|
||||
* **Mounted folder `אתר + עמוד נחיתה/`** — desktop + mobile homepage and inner page mockups (PNGs), plus full PDFs of the marketing site (`EZ_WWW_01.pdf`, `EZ_WWW_04_.pdf`) and the desktop landing page (`EZ_LANDING PAGE03 FINAL.pdf`). The `Document fonts/` folder inside it carries the print fonts.
|
||||
* **Mounted folder `עלונים/`** — ~30 social/event flyers (square JPG/PNG) for everything from a stress workshop to lone‑soldier benefits. These are the main visual reference for the brand voice.
|
||||
* **Uploads** — the orange/black eazy mark (PNG + SVG), the white wordmark SVG + PDF, and the four Avigul webfonts (light, regular, bold, shadow).
|
||||
|
||||
Working copies live in `_source/` and `fonts/`.
|
||||
|
||||
---
|
||||
|
||||
## Content fundamentals
|
||||
|
||||
eazy writes the way a confident older sibling would talk to a 17‑year‑old who is anxious about a big test. **Reassuring, plural, second‑person, no jargon.**
|
||||
|
||||
### Voice
|
||||
|
||||
* **Plural "you" (אתם / תצליחו / שלכם).** Almost everything is addressed to a group — students together, parents and students together. The brand does not use the singular "אתה / את" except in informal stickers ("מה הכיוון שלך?").
|
||||
* **Imperative + reassurance.** The hero of every flyer is a verb in the imperative: `תצליחו`, `כנסו`, `בחרנו`. It's followed immediately by softening copy: "פשוט תצליחו" — *just* succeed, you've got this.
|
||||
* **Statement → answer.** Headlines often work as a question + flat answer: "להתקבל לתואר ראשון? **זה איזי**." ("Getting into a Bachelor's? It's eazy.") The pun on the brand name is core; let it land.
|
||||
* **No hype, no exclamation pile‑ups.** A single `!` for emphasis is the maximum. Never SCREAM. Never use multiple `!!!`.
|
||||
* **Numbers feel concrete, not boastful.** "8 הדרכים ל‑800 בפסיכומטרי" is a typical move — name a thing, count it, attach a benefit.
|
||||
|
||||
### Casing & typographic moves
|
||||
|
||||
* Hebrew has no case so this is mostly about the English: **all‑lowercase wordmark `eazy`** — no trailing period. Never uppercase, never `Eazy`, never `eazy.` with a dot. Product names ride along (`eazy VOD`).
|
||||
* English snippets inside Hebrew copy stay LTR inside the line (browsers handle this automatically — don't fight it).
|
||||
|
||||
### Tone words (use)
|
||||
|
||||
confident, encouraging, calm, plural‑warm, can‑do, pragmatic, slightly cheeky.
|
||||
|
||||
### Tone words (avoid)
|
||||
|
||||
corporate, salesy, edgy, ironic, urgent, finger‑wagging, hustle‑culture.
|
||||
|
||||
### Vocabulary examples (real)
|
||||
|
||||
| Real eazy line | Where it appears |
|
||||
| --- | --- |
|
||||
| **פשוט תצליחו.** | Brand tagline. Closes most flyers + the homepage. |
|
||||
| **זה איזי.** | "It's eazy." Brand‑name pun, used as a flat answer to a question headline. |
|
||||
| **בחרנו בך** | "We chose you." Used on the partnership flyer with Tiberias / Atidim. |
|
||||
| **מה הכיוון שלך?** | "What's your direction?" Course discovery flyer. |
|
||||
| **חשוב וכדאי לדעת מראש** | "Important & worth knowing in advance." Long FAQ-style flyer header. |
|
||||
| **הוובינר הזה בול בשבילכם** | "This webinar is exactly for you." Event invite. |
|
||||
|
||||
### Emoji & punctuation
|
||||
|
||||
* Emoji are **not** used in headlines or marketing copy. The smiley `(:` (Western, eyes‑on‑right) shows up rarely in friendly body copy on a few flyers — that's the only emoji‑adjacent move.
|
||||
* The orange period (`.`) after the wordmark and tagline is sacred.
|
||||
* Bullets in flyers are **small orange targets / chevrons** (see Iconography), not Unicode dots.
|
||||
* Question marks land at the end of question headlines and the question mark sits on the **left** in RTL — browsers handle this if you set `dir="rtl"`.
|
||||
|
||||
### Length
|
||||
|
||||
* Hero headlines: 2–5 Hebrew words.
|
||||
* Sub‑heads: one full sentence, ≤ 12 words.
|
||||
* Body paragraphs in flyers: 2–4 short lines, never a wall.
|
||||
|
||||
---
|
||||
|
||||
## Visual foundations
|
||||
|
||||
### Palette in use
|
||||
|
||||
The brand colour is a single, vivid **orange** (`#F37327`) used as the only true accent — for CTAs, the "E" mark, the price/date stamp, and small icons. The supporting colour is a soft **lavender** (`#A9A4EC`) used as the giant `Z`/arrow shapes that fill hero blocks. A handful of flyers swap the lavender for a deep editorial **indigo** (`#3F4197`) on heavier headlines. Beyond that the system is **off‑white paper** (`#F4F2EE`), pure white cards, near‑black ink, and the cooler `#EFEFF2` for slate‑tinted backgrounds.
|
||||
|
||||
There is **no gradient** in the brand. Solids only.
|
||||
|
||||
### Typography
|
||||
|
||||
| Role | Family | Weights actually used |
|
||||
| --- | --- | --- |
|
||||
| Hebrew display / headline | **Avigul** | 700 bold (almost everything), 300 light for the supporting line |
|
||||
| Hebrew body / long‑form | **Almoni Neue Tzar AAA** | 400 regular, 300 light |
|
||||
| Outlined display variant | **Avigul Shadow** | 700 — used sparingly for posters / event titles |
|
||||
| English condensed display | **FbTamlilCondensed Black** | 900 — only for short English headlines on landing |
|
||||
| English body / numerals | **Geomanist** | 400 — phone numbers, dates, English run‑in copy |
|
||||
|
||||
The hierarchy on a real flyer is almost always **giant Avigul Bold headline (lavender or indigo) → small Avigul Bold sub‑label (orange) → Almoni body (dark gray)**.
|
||||
|
||||
### Backgrounds & motifs
|
||||
|
||||
* **Off‑white paper (`#F4F2EE`)** is the default page surface — *not* pure white. Pure white shows up only inside cards.
|
||||
* **Two giant lavender slashes** are the brand's most recognisable graphic device: an oversized `Z` made of two stacked parallelograms (referencing the `z` in eazy + the `E` mark). They sit behind hero imagery, often clipped by the page edges.
|
||||
* **Black‑and‑white cut‑out photography.** Real young people, full‑height, smiling or thumbs‑up, with the background removed. Imagery is desaturated to grayscale (slight cool tint) so the orange and lavender pop. **Never** colour photography.
|
||||
* **Orange dot cluster** — 4–6 soft `#FBD9C2` / `#F37327` circles at varying sizes, often layered behind the photo. Treat them as a brand sticker, not random decoration.
|
||||
* **Arrow chevron bullets** — solid orange `◀` (RTL) on flyers, used as list bullets and section dividers.
|
||||
* No textures, no noise, no patterns beyond the Z shapes + dots. No illustrations.
|
||||
|
||||
### Layout rules
|
||||
|
||||
* Hebrew RTL throughout — set `dir="rtl"` on `<body>`.
|
||||
* Logo (orange E + wordmark) anchors the **bottom of the design** on flyers and **top‑right on the website header**. It is rarely centered.
|
||||
* The tagline `פשוט תצליחו.` lives near the logo and is in **orange Avigul Bold**.
|
||||
* Photos are **full‑height, anchored to a vertical edge** — left edge on most flyers, both edges on group shots.
|
||||
* Headlines hug the opposite vertical edge of the photo. Big white space between is fine; the lavender Z fills it.
|
||||
|
||||
### Animation
|
||||
|
||||
The brand is print‑first; nothing observed has motion. For web, default to:
|
||||
|
||||
* **Easing:** `cubic-bezier(.2,.7,.2,1)` (gentle, not bouncy).
|
||||
* **Durations:** 150ms (state changes), 280ms (entry), 480ms (large transitions).
|
||||
* **Style:** soft fades + small translate (4–8px). **No bounces, no slide‑ins from off‑screen, no parallax.**
|
||||
|
||||
### States
|
||||
|
||||
* **Hover (button / card)**: fill darkens 8% (lavender → `--ez-lavender-deep`, orange → `--ez-orange-deep`). Opacity tricks are not the move.
|
||||
* **Hover (link)**: colour shifts to `--ez-orange-deep` and a 1px border‑bottom appears in the same colour.
|
||||
* **Active / pressed**: 1px scale down (`scale(.99)`), no colour shift beyond hover.
|
||||
* **Focus**: 2px outline in `--ez-orange` with 2px offset. Visible. Always.
|
||||
* **Disabled**: 40% opacity, `cursor: not-allowed`. No grey‑out tint.
|
||||
|
||||
### Borders, radii, shadows
|
||||
|
||||
* **Radii are small**: 4–12px on most cards/buttons; the brand reads tighter than today's "soft 24px" trend. The big lavender Z shapes are **not rounded** at all — sharp parallelograms.
|
||||
* **Shadows** are barely there. `0 6px 20px rgba(40,30,80,0.08)` is the working card shadow. The print materials use **no shadow** — favor flat where possible.
|
||||
* **Borders** are 1px in `--ez-line` (`#E2E2E6`). On orange/lavender surfaces, drop the border and rely on the colour break.
|
||||
|
||||
### Transparency & blur
|
||||
|
||||
* **Blur** is not part of the brand. Don't use `backdrop-filter: blur()`.
|
||||
* **Transparency** appears only in the orange dot motif and in the faint inner Z shape (a 60% lighter lavender showing through the outer Z). Roughly: outer Z `var(--ez-lavender)`, inner Z `var(--ez-lavender-soft)` at full opacity (not alpha) — the look is two solid stacked shapes.
|
||||
|
||||
### Cards
|
||||
|
||||
A "card" in the eazy world is a **white panel on the off‑white page**, with a hairline border (`--ez-line`), a 12px radius, and an optional faint shadow on hover only. No coloured left borders. No pill‑shaped frames. Photos inside cards are full‑bleed to the top.
|
||||
|
||||
### Imagery colour vibe
|
||||
|
||||
Cool grayscale (slight desaturation toward blue, not warm). **No grain, no film effects.** Cut‑outs are clean — no halos. People look directly at the camera.
|
||||
|
||||
---
|
||||
|
||||
## Iconography
|
||||
|
||||
eazy does not ship a system icon font. The "icons" you see in materials are very small, intentional, and almost always one of these four moves:
|
||||
|
||||
1. **The orange `E` mark** (`assets/logo-mark-orange.svg`) — used as a logo, never as a generic icon.
|
||||
2. **Solid orange chevron bullets** — used in lists. In RTL these point ◀ (left). See `assets/bullet-chevron.svg`.
|
||||
3. **Small flat target / dart marks** — used as bullets on the workshop‑style flyers. Two‑colour (orange ring + lavender dart). See `assets/bullet-target.svg`.
|
||||
4. **Decorative dot cluster** — 4–6 circles in `--ez-orange-soft` and `--ez-orange`, scattered at random sizes (12–48px). See `assets/dot-cluster.svg`.
|
||||
|
||||
For any UI work that needs more icons (chat bubble, calendar, phone, location pin) **substitute Phosphor Icons "regular"** weight from CDN — they share Avigul's geometric, lightly rounded character. This is a substitution; flag it.
|
||||
|
||||
```html
|
||||
<!-- Phosphor icons via CDN — substitution for missing eazy iconography -->
|
||||
<script src="https://unpkg.com/@phosphor-icons/web"></script>
|
||||
<i class="ph ph-calendar-blank"></i>
|
||||
```
|
||||
|
||||
**No emoji.** **No Material/Font Awesome.** **No Unicode characters used as icons** (the brand explicitly avoids `★ → ☎`‑type tricks).
|
||||
|
||||
When you need imagery (a hero photo of a student) and don't have a real cut‑out yet, leave a **labelled grey placeholder block** — never generate AI imagery, never draw an SVG person.
|
||||
|
||||
---
|
||||
|
||||
## Substitutions flagged
|
||||
|
||||
The OTF files don't include a CSS‑native fallback chain that exactly matches Avigul. Web stacks fall back to **Heebo** (Google Fonts) or **Assistant** if Avigul fails to load — both are open‑source Hebrew sans with similar geometric character but slightly heavier counters. Visually close enough for prototyping; for production, ensure the `.otf` files are served and licensed correctly.
|
||||
|
||||
If the Avigul / Almoni / Geomanist / FbTamlil licenses do not permit web embedding, replace with **Heebo + Rubik + Bebas Neue** (Google Fonts) and update `colors_and_type.css`. **Please confirm font licensing before shipping production.**
|
||||
|
||||
---
|
||||
|
||||
## How to use
|
||||
|
||||
In any HTML you build, link the foundations once at the top:
|
||||
|
||||
```html
|
||||
<link rel="stylesheet" href="../colors_and_type.css">
|
||||
<body dir="rtl">
|
||||
<h1 class="ez-h1">פשוט תצליחו.</h1>
|
||||
</body>
|
||||
```
|
||||
|
||||
Then pull components from the right kit (`ui_kits/web/` for marketing pages, `ui_kits/flyer/` for social flyers). Both kits expose React components via `<script type="text/babel" src="...">`.
|
||||
|
||||
---
|
||||
|
||||
## Exported components
|
||||
|
||||
Reusable React components live under `components/<Name>/` and are exposed on the
|
||||
compiled namespace `window.EazyDesignSystem_019e08`. Each ships a `<Name>.jsx`
|
||||
(`export function <Name>`), a `<Name>.d.ts` typing, and a `<Name>.html` `@dsCard`
|
||||
preview.
|
||||
|
||||
* **`EzButton`** — the brand button. Solid fills only (no gradients), pill radius,
|
||||
Avigul display type. Variants: `primary` (orange), `secondary` (lavender),
|
||||
`ghost` (outline), `link`. Hover darkens the fill 8%; active presses to
|
||||
`scale(.99)` — per the States spec above.
|
||||
|
||||
```html
|
||||
<script src="../../_ds_bundle.js"></script>
|
||||
<script>
|
||||
const { EzButton } = window.EazyDesignSystem_019e08;
|
||||
// React.createElement(EzButton, { variant: "primary" }, "לרישום לקורס")
|
||||
</script>
|
||||
```
|
||||
|
||||
The standalone games (`quiz-game/`, `quiz-game-server/`, `quiz-game-export/`,
|
||||
`role-game/`, `flashcards/`) are full deployable builds, not library exports —
|
||||
they mount their own root via `window.<Name>` and are intentionally not on the
|
||||
shared namespace.
|
||||
BIN
Binary file not shown.
BIN
Binary file not shown.
Binary file not shown.
BIN
Binary file not shown.
Binary file not shown.
+273
@@ -0,0 +1,273 @@
|
||||
<!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="#" 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="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:1080px;margin:0 auto;padding:40px 64px 24px">
|
||||
<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:50px;line-height:1.06;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 8px;max-width:720px">אמירנט הוא המבחן שקובע את רמת האנגלית שלכם לתואר – והציון בו יכול לחסוך לכם עד שנה של קורסי אנגלית. כאן כל מה שצריך לדעת, מסודר.</p>
|
||||
</div>
|
||||
|
||||
<div style="max-width:1080px;margin:0 auto;padding:0 64px 48px;display:grid;grid-template-columns:1fr 260px;gap:56px;align-items:start">
|
||||
<article data-screen-label="סקירה" style="display:grid;max-width:720px">
|
||||
<h2 style="font-family:var(--font-display);font-weight:700;font-size:27px;color:var(--ez-ink);margin:16px 0 10px">מה זה בעצם אמירנט?</h2>
|
||||
<p style="font-size:18px;line-height:1.7;color:var(--ez-fg-2);margin:0 0 12px">אמירנט (AMIRnet) הוא הגרסה הממוחשבת של מבחן אמי"ר – מבחן מיון באנגלית מטעם המרכז הארצי לבחינות ולהערכה. המוסדות משתמשים בציון כדי לשבץ אתכם לרמת אנגלית: מי שמגיע לסף הפטור לא לומד קורסי אנגלית בתואר בכלל, ומי שלא – משובץ לקורס אחד עד ארבעה, לפי הפער. <a href="#cards">מה זה אמירנט – ההסבר המלא ←</a></p>
|
||||
<p style="font-size:18px;line-height:1.7;color:var(--ez-fg-2);margin:0 0 12px">ההבדל המעשי מאמי"ר הנייר ומאמיר"ם הישן: אמירנט נערך במחשב במרכזי בחינה, מועדים מתקיימים כל הזמן, והתוצאה מתקבלת מהר. אם אתם זוכרים מהתיכון את השמות הישנים – <a href="#cards">כאן ההסבר מה השתנה</a>.</p>
|
||||
<h2 style="font-family:var(--font-display);font-weight:700;font-size:27px;color:var(--ez-ink);margin:24px 0 10px">מבנה המבחן</h2>
|
||||
<div data-screen-label="תרשים מבנה" style="border:1px solid var(--ez-line);border-radius:12px;padding:24px;margin:4px 0 14px;display:grid;gap:0">
|
||||
<div style="display:flex;align-items:center;gap:10px">
|
||||
<div style="flex:none;width:44px;height:44px;border-radius:50%;background:var(--ez-ink);display:flex;align-items:center;justify-content:center"><i class="ph ph-monitor" style="font-size:22.5px;color:#fff"></i></div>
|
||||
<div style="display:grid;gap:1px">
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:17.5px;color:var(--ez-ink)">6 פרקי ליבה</span>
|
||||
<span style="font-size:16px;color:var(--ez-fg-2)">מבחן ממוחשב · הזמן קצוב לכל פרק בנפרד</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="width:2px;height:18px;background:var(--ez-line);margin-right:21px"></div>
|
||||
<div style="display:grid;grid-template-columns:repeat(6,1fr);gap:8px">
|
||||
<div style="background:#DFF3E3;border-radius:10px;padding:12px;display:grid;gap:3px;align-content:start">
|
||||
<span style="font-family:var(--font-mono);font-size:15.5px;color:#1E7A35">1</span>
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:15.5px;line-height:1.25;color:var(--ez-ink)">השלמת משפטים</span>
|
||||
<span style="font-size:14.5px;color:var(--ez-fg-2)">4 שאלות · 4 דק'</span>
|
||||
</div>
|
||||
<div style="background:#DFF3E3;border-radius:10px;padding:12px;display:grid;gap:3px;align-content:start">
|
||||
<span style="font-family:var(--font-mono);font-size:15.5px;color:#1E7A35">2</span>
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:15.5px;line-height:1.25;color:var(--ez-ink)">השלמת משפטים</span>
|
||||
<span style="font-size:14.5px;color:var(--ez-fg-2)">4 שאלות · 4 דק'</span>
|
||||
</div>
|
||||
<div style="background:var(--ez-orange-tint);border-radius:10px;padding:12px;display:grid;gap:3px;align-content:start">
|
||||
<span style="font-family:var(--font-mono);font-size:15.5px;color:var(--ez-orange-deep)">3</span>
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:15.5px;line-height:1.25;color:var(--ez-ink)">קטע קריאה עם שאלות</span>
|
||||
<span style="font-size:14.5px;color:var(--ez-fg-2)">5 שאלות · 15 דק'</span>
|
||||
</div>
|
||||
<div style="background:var(--ez-lavender-tint);border-radius:10px;padding:12px;display:grid;gap:3px;align-content:start">
|
||||
<span style="font-family:var(--font-mono);font-size:15.5px;color:var(--ez-lavender-deep)">4</span>
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:15.5px;line-height:1.25;color:var(--ez-ink)">ניסוח מחדש</span>
|
||||
<span style="font-size:14.5px;color:var(--ez-fg-2)">3 שאלות · 6 דק'</span>
|
||||
</div>
|
||||
<div style="background:var(--ez-lavender-tint);border-radius:10px;padding:12px;display:grid;gap:3px;align-content:start">
|
||||
<span style="font-family:var(--font-mono);font-size:15.5px;color:var(--ez-lavender-deep)">5</span>
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:15.5px;line-height:1.25;color:var(--ez-ink)">ניסוח מחדש</span>
|
||||
<span style="font-size:14.5px;color:var(--ez-fg-2)">3 שאלות · 6 דק'</span>
|
||||
</div>
|
||||
<div style="background:#DFF3E3;border-radius:10px;padding:12px;display:grid;gap:3px;align-content:start">
|
||||
<span style="font-family:var(--font-mono);font-size:15.5px;color:#1E7A35">6</span>
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:15.5px;line-height:1.25;color:var(--ez-ink)">השלמת משפטים</span>
|
||||
<span style="font-size:14.5px;color:var(--ez-fg-2)">4 שאלות · 4 דק'</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:0">
|
||||
<div style="width:2px;height:18px;background:var(--ez-line);justify-self:center"></div>
|
||||
<div style="width:2px;height:18px;background:var(--ez-line);justify-self:center"></div>
|
||||
</div>
|
||||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px">
|
||||
<div style="border:1px solid var(--ez-line);border-radius:10px;padding:14px 16px;display:grid;gap:8px;align-content:start">
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:16.5px;color:var(--ez-ink)">בחינה של 8 פרקים</span>
|
||||
<div style="display:grid;gap:6px">
|
||||
<div style="background:var(--ez-paper-cool);border-radius:8px;padding:10px 12px;display:grid;gap:2px">
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:15.5px;color:var(--ez-ink)">7-8 · שני פרקים ניסיוניים</span>
|
||||
<span style="font-size:14.5px;color:var(--ez-fg-2)">4-5 שאלות · 3-7 דק' (תלוי בסוג הפרק)</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="border:1px solid var(--ez-line);border-radius:10px;padding:14px 16px;display:grid;gap:8px;align-content:start">
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:16.5px;color:var(--ez-ink)">בחינה של 7 פרקים</span>
|
||||
<div style="background:var(--ez-paper-cool);border-radius:8px;padding:10px 12px;display:grid;gap:2px">
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:15.5px;color:var(--ez-ink)">7 · פרק ניסיוני</span>
|
||||
<span style="font-size:14.5px;color:var(--ez-fg-2)">מטלת כתיבה אחת · 12 דק'</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="width:2px;height:18px;background:var(--ez-line);margin-right:21px"></div>
|
||||
<div style="display:flex;align-items:center;justify-content:space-between;background:var(--ez-orange-tint);border:1px solid var(--ez-orange-soft);border-radius:10px;padding:14px 18px;gap:16px">
|
||||
<div style="display:flex;align-items:center;gap:10px">
|
||||
<i class="ph ph-flag-checkered" style="font-size:24px;color:var(--ez-orange)"></i>
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:17.5px;color:var(--ez-ink)">ציון: 50-150</span>
|
||||
</div>
|
||||
<span style="font-size:16px;color:var(--ez-fg-2)">הפרקים הניסיוניים לא נספרים בציון – רק לא יודעים מראש אילו פרקי פיילוט יופיעו במבחן שלכם</span>
|
||||
</div>
|
||||
</div>
|
||||
<p style="font-size:18px;line-height:1.7;color:var(--ez-fg-2);margin:0 0 12px"><a href="#cards">מבנה הבחינה, פרקים וזמנים – הפירוט המלא ←</a></p>
|
||||
<h2 style="font-family:var(--font-display);font-weight:700;font-size:27px;color:var(--ez-ink);margin:24px 0 10px">ציונים: כמה צריך?</h2>
|
||||
<p style="font-size:18px;line-height:1.7;color:var(--ez-fg-2);margin:0 0 12px">ברוב האוניברסיטאות פטור מלא מתחיל סביב 134, ומתחתיו מדרגות של רמות קורס. הספים משתנים בין מוסדות – בטכניון, בתל אביב או במכללות המספרים שונים. בדקו את <a href="technion.html">טבלת הרמות של המוסד שלכם</a>, או השתמשו ב<a href="technion.html">מחשבון הפטור</a> כדי לראות כמה חסר לכם ובכמה זמן סוגרים את זה.</p>
|
||||
<h2 style="font-family:var(--font-display);font-weight:700;font-size:27px;color:var(--ez-ink);margin:24px 0 10px">הרשמה, מועדים ועלות</h2>
|
||||
<p style="font-size:18px;line-height:1.7;color:var(--ez-fg-2);margin:0 0 12px">נרשמים דרך אתר המרכז הארצי, המועדים מתקיימים לאורך כל השנה במרכזי בחינה ברחבי הארץ. כלל הזהב: בין מבחן למבחן צריך להמתין 35 יום – ולכן שווה לתכנן אחורה מהתאריך שבו אתם צריכים את הציון, ולהשאיר מקום למועד נוסף. <a href="#cards">הרשמה, מועדים ועלות – כל הפרטים ←</a></p>
|
||||
<h2 style="font-family:var(--font-display);font-weight:700;font-size:27px;color:var(--ez-ink);margin:24px 0 10px">איך מתכוננים נכון?</h2>
|
||||
<p style="font-size:18px;line-height:1.7;color:var(--ez-fg-2);margin:0 0 12px">שלושה דברים מזיזים את הציון: אוצר מילים (הגורם הכי גדול – ולכן <a href="vocabulary.html">משננים אותו נכון</a>, לא ברשימות), היכרות עם סוגי השאלות, ותרגול בתנאי אמת עם טיימר. התחילו מ<a href="free.html">מבחן רמה חינם של 5 דקות</a> כדי לדעת מאיפה אתם יוצאים – ומשם, לבד עם <a href="user.html">יוזר אמירנט</a> או עם מדריך ב<a href="course.html">קורס האונליין</a>.</p>
|
||||
</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="#cards" 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="#cards" 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="#cards" 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="#cards" 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="#cards" 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>
|
||||
<a href="free.html" style="background:var(--ez-ink);color:#fff;border-radius:999px;padding:11px 0;font-family:var(--font-display);font-weight:700;font-size:17px;text-align:center;border-bottom:none">למבחן הרמה</a>
|
||||
</div>
|
||||
</aside>
|
||||
</div>
|
||||
|
||||
<section id="cards" data-screen-label="קוביות" style="background:var(--ez-paper-cool);padding:56px 64px">
|
||||
<div style="max-width:1080px;margin:0 auto">
|
||||
<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:18px">
|
||||
<a href="#" style="background:#fff;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-question" style="font-size:28px;color:var(--ez-lavender-deep)"></i>
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:19px">מה זה אמירנט</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="background:#fff;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-list-numbers" style="font-size:28px;color:var(--ez-lavender-deep)"></i>
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:19px">מבנה הבחינה</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="technion.html" style="background:#fff;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-chart-bar" style="font-size:28px;color:var(--ez-lavender-deep)"></i>
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:19px">ציונים ורמות</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="background:#fff;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-medal" style="font-size:28px;color:var(--ez-lavender-deep)"></i>
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:19px">פטור באנגלית</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="background:#fff;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-calendar-blank" style="font-size:28px;color:var(--ez-lavender-deep)"></i>
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:19px">הרשמה ומועדים</span>
|
||||
<span style="font-size:16.5px;color:var(--ez-fg-2)">עלות, מרכזי בחינה וכלל 35 הימים</span>
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ez-orange)">←</span>
|
||||
</a>
|
||||
<a href="#" style="background:#fff;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-arrows-left-right" style="font-size:28px;color:var(--ez-lavender-deep)"></i>
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:19px">אמי"ר / אמיר"ם / אמירנט</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="background:#fff;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-chats" style="font-size:28px;color:var(--ez-lavender-deep)"></i>
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:19px">שאלות ותשובות</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:#fff;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-monitor-play" style="font-size:28px;color:var(--ez-orange)"></i>
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:19px">מבחן לדוגמה</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="technion.html" style="background:#fff;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-calculator" style="font-size:28px;color:var(--ez-orange)"></i>
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:19px">מחשבון פטור</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>
|
||||
</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>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 112 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 120 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 133 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 533 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 95 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 296 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 390 KiB |
@@ -0,0 +1,159 @@
|
||||
/* eazy mobile chrome: hamburger + fullscreen menu + bottom action bar (mobile only) */
|
||||
(function () {
|
||||
if (customElements.get('ez-mobile-chrome')) return;
|
||||
const HOME = 'index.html';
|
||||
const LINKS = [
|
||||
['אמירנט', 'amirnet.html'],
|
||||
['הקורסים', 'compare.html'],
|
||||
['מתחילים בחינם', 'free.html'],
|
||||
['ללמוד אנגלית', 'learn.html'],
|
||||
['מחשבון פטור מאנגלית', 'technion.html'],
|
||||
['עלינו', 'about.html'],
|
||||
];
|
||||
class EzMobileChrome extends HTMLElement {
|
||||
connectedCallback() {
|
||||
this.innerHTML = `
|
||||
<style>
|
||||
ez-mobile-chrome .ezc { display: none; }
|
||||
@media (max-width: 820px) {
|
||||
ez-mobile-chrome .ezc { display: block; font-family: var(--font-body); }
|
||||
ez-mobile-chrome .ezc-burger { position: fixed; top: 10px; left: 14px; z-index: 90; width: 42px; height: 42px; border: 1px solid var(--ez-line); border-radius: 10px; background: #fff; color: var(--ez-ink); font-size: 22px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
|
||||
ez-mobile-chrome .ezc-bar { position: fixed; bottom: 0; right: 0; left: 0; z-index: 80; background: #fff; border-top: 1px solid var(--ez-line); display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 10px 16px calc(12px + env(safe-area-inset-bottom, 0px)); }
|
||||
ez-mobile-chrome .ezc-bar a { display: flex; align-items: center; justify-content: center; gap: 7px; border-radius: 999px; padding: 13px 0; font-family: var(--font-display); font-weight: 700; font-size: 17px; color: #fff; border-bottom: none; min-height: 48px; box-sizing: border-box; }
|
||||
ez-mobile-chrome .ezc-menu { position: fixed; inset: 0; z-index: 100; background: #fff; display: none; flex-direction: column; padding: 18px 22px calc(18px + env(safe-area-inset-bottom, 0px)); overflow-y: auto; }
|
||||
ez-mobile-chrome .ezc-menu.open { display: flex; }
|
||||
ez-mobile-chrome .ezc-menu a.ezc-nav { font-family: var(--font-display); font-weight: 700; font-size: 24px; color: var(--ez-ink); padding: 16px 0; border-bottom: 1px solid var(--ez-line); }
|
||||
ez-mobile-chrome .ezc-menu a.ezc-nav.active { color: var(--ez-orange); }
|
||||
}
|
||||
</style>
|
||||
<div class="ezc">
|
||||
<button class="ezc-burger" aria-label="תפריט"><i class="ph ph-list"></i></button>
|
||||
<div class="ezc-menu" dir="rtl">
|
||||
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:14px">
|
||||
<a href="${HOME}" style="border-bottom:none"><img src="assets/logo-mark-orange.png" alt="eazy" style="width:44px;height:44px"></a>
|
||||
<button class="ezc-close" aria-label="סגירה" style="width:42px;height:42px;border:1px solid var(--ez-line);border-radius:10px;background:#fff;font-size:20px;cursor:pointer"><i class="ph ph-x"></i></button>
|
||||
</div>
|
||||
${LINKS.map(([t, h]) => `<a class="ezc-nav${decodeURIComponent(location.pathname).endsWith('/' + h) ? ' active' : ''}" href="${h}">${t}</a>`).join('')}
|
||||
<div style="margin-top:auto;display:grid;gap:10px;padding-bottom:10px">
|
||||
<a href="contact.html" style="background:var(--ez-orange);color:#fff;border-radius:999px;padding:14px 0;text-align:center;font-family:var(--font-display);font-weight:700;font-size:16px;border-bottom:none">שיחת ייעוץ חינם</a>
|
||||
<span dir="ltr" style="text-align:center;font-family:var(--font-mono);font-size:14px;color:var(--ez-fg-2)">1-700-70-70-07</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ezc-bar" dir="rtl">
|
||||
<a href="contact.html" style="background:var(--ez-orange)"><i class="ph ph-phone" style="font-size:17px"></i>שיחת ייעוץ</a>
|
||||
<a href="contact.html" style="background:#25D366"><i class="ph ph-whatsapp-logo" style="font-size:19px"></i>וואטסאפ</a>
|
||||
</div>
|
||||
</div>`;
|
||||
const menu = this.querySelector('.ezc-menu');
|
||||
const setOpen = open => { menu.classList.toggle('open', open); document.body.style.overflow = open ? 'hidden' : ''; };
|
||||
this.querySelector('.ezc-burger').addEventListener('click', () => setOpen(true));
|
||||
this.querySelector('.ezc-close').addEventListener('click', () => setOpen(false));
|
||||
menu.querySelectorAll('a').forEach(a => a.addEventListener('click', () => setOpen(false)));
|
||||
}
|
||||
}
|
||||
customElements.define('ez-mobile-chrome', EzMobileChrome);
|
||||
|
||||
/* Runtime mobile fixes: applied directly to inline styles so they work
|
||||
regardless of how the runtime serializes the style attribute. */
|
||||
function applyMobileFixes() {
|
||||
if (window.innerWidth > 820) return;
|
||||
document.body.style.fontSize = '20px';
|
||||
document.querySelectorAll('[style]').forEach(el => {
|
||||
const s = el.style;
|
||||
// floating whatsapp button: bottom bar replaces it
|
||||
if (s.position === 'fixed' && el.tagName === 'A' && el.getAttribute('aria-label') === 'וואטסאפ') { s.display = 'none'; return; }
|
||||
// font floor (breadcrumbs stay compact)
|
||||
const fs = parseFloat(s.fontSize);
|
||||
if (s.display === 'flex' && s.gap === '8px' && fs === 13.5) { s.fontSize = '15px'; el.dataset.ezKeep = '1'; return; }
|
||||
if (fs && fs < 20 && el.tagName !== 'I' && !el.dataset.ezKeep) {
|
||||
if (el.closest('footer')) { if (fs < 16) s.fontSize = '16px'; }
|
||||
else if (el.closest('label')) { s.fontSize = '16px'; }
|
||||
else { s.fontSize = '20px'; if (!s.lineHeight || parseFloat(s.lineHeight) < 1.5) s.lineHeight = '1.55'; }
|
||||
}
|
||||
// grid collapse
|
||||
const g = s.gridTemplateColumns;
|
||||
if (g && !g.startsWith('14px')) {
|
||||
if (el.closest('footer')) s.gridTemplateColumns = '1fr 1fr';
|
||||
else if (g.includes('repeat(10')) s.gridTemplateColumns = 'repeat(5, 1fr)';
|
||||
else if (g.includes('repeat(4')) s.gridTemplateColumns = 'repeat(2, 1fr)';
|
||||
else if (g.trim().split(/\s+/).length > 1 || g.includes('repeat(')) s.gridTemplateColumns = '1fr';
|
||||
}
|
||||
// breathing room between stacked grid children
|
||||
if (g && s.gap && parseFloat(s.gap) < 16) s.gap = '18px';
|
||||
// hero cut-out photos + decorations
|
||||
if (el.tagName === 'IMG') {
|
||||
if ((el.getAttribute('src') || '').includes('dot-cluster')) { s.display = 'none'; return; }
|
||||
const ih = parseFloat(s.height);
|
||||
if (ih && ih >= 300) { s.height = 'auto'; s.width = '64vw'; s.position = 'static'; s.margin = '0 auto'; }
|
||||
}
|
||||
if (parseFloat(s.minHeight) >= 300) s.minHeight = '0';
|
||||
// primary pill CTAs go full-width for a comfortable thumb target
|
||||
if ((el.tagName === 'A' || el.tagName === 'BUTTON') && s.borderRadius === '999px' && parseFloat(s.fontSize) >= 14 && !el.closest('ez-mobile-chrome') && !el.closest('header') && !el.closest('#ez-exit-popup')) {
|
||||
s.display = 'block'; s.width = '100%'; s.textAlign = 'center'; s.boxSizing = 'border-box';
|
||||
}
|
||||
// section gutters
|
||||
if (/^(SECTION|FOOTER|ARTICLE|HEADER)$/.test(el.tagName)) {
|
||||
if (parseFloat(s.paddingLeft) > 24 || parseFloat(s.paddingRight) > 24 || (s.padding || '').includes('64px')) { s.paddingLeft = '20px'; s.paddingRight = '20px'; }
|
||||
}
|
||||
});
|
||||
}
|
||||
let raf = 0;
|
||||
const schedule = () => { cancelAnimationFrame(raf); raf = requestAnimationFrame(applyMobileFixes); };
|
||||
window.addEventListener('resize', schedule);
|
||||
if (document.readyState !== 'loading') schedule(); else document.addEventListener('DOMContentLoaded', schedule);
|
||||
new MutationObserver(schedule).observe(document.documentElement, { childList: true, subtree: true });
|
||||
// hydration can rewrite inline styles after the last DOM mutation settles — re-apply on a short schedule
|
||||
[400, 1200, 2500, 5000].forEach(t => setTimeout(schedule, t));
|
||||
|
||||
/* Exit-intent popup: offered once per session, unless a lead was already sent */
|
||||
function initExitPopup() {
|
||||
if (document.getElementById('ez-exit-popup')) return;
|
||||
const wrap = document.createElement('div');
|
||||
wrap.id = 'ez-exit-popup';
|
||||
wrap.setAttribute('dir', 'rtl');
|
||||
wrap.style.cssText = 'display:none;position:fixed;inset:0;z-index:300;background:rgba(26,26,32,.55);align-items:center;justify-content:center;padding:24px';
|
||||
wrap.innerHTML = `
|
||||
<div style="background:#fff;border-radius:14px;max-width:460px;width:100%;padding:32px 32px 28px;position:relative;text-align:center;font-family:var(--font-body);box-shadow:var(--shadow-3)">
|
||||
<button id="ez-exit-close" aria-label="סגירה" style="position:absolute;top:12px;left:12px;width:36px;height:36px;border:1px solid var(--ez-line);border-radius:10px;background:#fff;cursor:pointer;font-size:16px;color:var(--ez-ink)"><i class="ph ph-x"></i></button>
|
||||
<img src="assets/logo-mark-orange.png" alt="eazy" style="width:44px;height:44px;margin:0 auto 10px;display:block">
|
||||
<div style="font-family:var(--font-display);font-weight:700;font-size:24px;line-height:1.25;color:var(--ez-ink)">רגע לפני שיוצאים –<br>רוצים גישה חינמית למשחק חווייתי ללימוד אנגלית?</div>
|
||||
<p style="font-size:15.5px;line-height:1.55;color:var(--ez-fg-2);margin:10px 0 18px">כולל לימוד מהשגיאות שלכם. רשמו מספר סלולרי – ותקבלו בוואטסאפ גישה למשחק ללא הגבלה.</p>
|
||||
<div style="display:grid;gap:10px">
|
||||
<input id="ez-exit-phone" 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:15.5px;text-align:right">
|
||||
<button id="ez-exit-send" style="background:#25D366;color:#fff;border:0;border-radius:999px;padding:13px 0;font-family:var(--font-display);font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px"><i class="ph ph-whatsapp-logo" style="font-size:19px"></i>שלחו לי גישה בוואטסאפ</button>
|
||||
</div>
|
||||
<p style="display:flex;gap:8px;align-items:flex-start;text-align:right;font-size:12px;line-height:1.5;color:var(--ez-fg-3);margin:12px 0 0"><span style="flex:none;width:16px;height:16px;border-radius:4px;background:var(--ez-orange);display:flex;align-items:center;justify-content:center;margin-top:1px"><i class="ph-bold ph-check" style="font-size:10px;color:#fff"></i></span><span>אני מאשר/ת פנייה חוזרת ושמירת הפרטים לצורך כך בלבד, בהתאם למדיניות הפרטיות.</span></p>
|
||||
</div>`;
|
||||
document.body.appendChild(wrap);
|
||||
const done = () => { wrap.style.display = 'none'; };
|
||||
wrap.addEventListener('click', e => { if (e.target === wrap) done(); });
|
||||
wrap.querySelector('#ez-exit-close').addEventListener('click', done);
|
||||
wrap.querySelector('#ez-exit-send').addEventListener('click', () => {
|
||||
sessionStorage.setItem('ez-lead-sent', '1');
|
||||
const box = wrap.querySelector('div');
|
||||
box.innerHTML = '<div style="font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--ez-ink);padding:20px 0">מעולה! בדקו את הוואטסאפ (:</div>';
|
||||
setTimeout(done, 1800);
|
||||
});
|
||||
// any lead-form submit on the page cancels the popup for the session
|
||||
document.addEventListener('click', e => {
|
||||
const b = e.target.closest && e.target.closest('button');
|
||||
if (b && /דברו איתי/.test(b.textContent)) sessionStorage.setItem('ez-lead-sent', '1');
|
||||
}, true);
|
||||
const shouldShow = () => !sessionStorage.getItem('ez-exit-popup-shown') && !sessionStorage.getItem('ez-lead-sent');
|
||||
const show = () => {
|
||||
if (!shouldShow()) return;
|
||||
sessionStorage.setItem('ez-exit-popup-shown', '1');
|
||||
wrap.style.display = 'flex';
|
||||
};
|
||||
// desktop: cursor leaves through the top of the window
|
||||
document.addEventListener('mouseout', e => { if (!e.relatedTarget && e.clientY <= 0) show(); });
|
||||
// mobile: fast scroll back to the top after real engagement
|
||||
let maxY = 0;
|
||||
window.addEventListener('scroll', () => {
|
||||
const y = window.scrollY;
|
||||
maxY = Math.max(maxY, y);
|
||||
if (window.innerWidth <= 820 && maxY > 900 && y < 80 && maxY - y > 800) show();
|
||||
}, { passive: true });
|
||||
}
|
||||
if (document.readyState !== 'loading') initExitPopup(); else document.addEventListener('DOMContentLoaded', initExitPopup);
|
||||
})();
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
+112
@@ -0,0 +1,112 @@
|
||||
<!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)">
|
||||
|
||||
<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>
|
||||
|
||||
<div style="max-width:1080px;margin:0 auto;padding:48px 64px 64px">
|
||||
<h1 style="font-family:var(--font-display);font-weight:700;font-size:48px;line-height:1.05;color:var(--ez-ink);margin:0 0 12px">דברו איתנו</h1>
|
||||
<p style="font-size:19.5px;color:var(--ez-fg-2);margin:0 0 40px;max-width:560px">שאלה, התלבטות, או סתם רוצים לשמוע מה מתאים לכם – עונה לכם בן אדם, לא בוט.</p>
|
||||
<div style="display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start">
|
||||
<div data-screen-label="טופס" style="display:grid;gap:14px">
|
||||
<input type="text" placeholder="שם" style="height:48px;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:48px;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">
|
||||
<input type="email" placeholder="מייל (לא חובה)" dir="rtl" style="height:48px;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">
|
||||
<select 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;color:var(--ez-fg-2)">
|
||||
<option>מה המצב שלך עם אנגלית?</option>
|
||||
<option>מתכננ/ת תואר, רוצה לסגור מראש</option>
|
||||
<option>יש לי ציון, רוצה להעלות</option>
|
||||
<option>אנגלית תמיד הייתה הסיוט שלי</option>
|
||||
</select>
|
||||
<textarea placeholder="מה תרצו לשאול?" rows="4" style="border:1px solid var(--ez-line);border-radius:8px;padding:12px 14px;font-family:var(--font-body);font-size:17.5px;background:#fff;resize:vertical"></textarea>
|
||||
<button onClick="{{ submitLead }}" style="background:var(--ez-orange);color:#fff;border:0;border-radius:999px;padding:15px 0;font-family:var(--font-display);font-weight:700;font-size:18.5px;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 style="background:var(--ez-paper-cool);border-radius:10px;padding:16px 20px;display:flex;gap:12px;align-items:start">
|
||||
<i class="ph ph-info" style="font-size:21px;color:var(--ez-lavender-deep);margin-top:2px"></i>
|
||||
<p style="font-size:16.5px;line-height:1.6;color:var(--ez-fg-2);margin:0"><b style="color:var(--ez-ink)">מה קורה אחרי שאתם שולחים:</b> יועץ מתקשר תוך יום עבודה. אם ציינתם מייל – תקבלו גם סיכום כתוב. אף פרט לא עובר הלאה.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div data-screen-label="פרטי קשר" style="display:grid;gap:22px">
|
||||
<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)">
|
||||
<i class="ph ph-whatsapp-logo" style="font-size:32px;color:#25D366"></i>
|
||||
<div style="display:grid;gap:2px">
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:18.5px">וואטסאפ – הכי מהיר</span>
|
||||
<span style="font-size:16.5px;color:var(--ez-fg-2)">יועץ אנושי, בשעות הפעילות</span>
|
||||
</div>
|
||||
</a>
|
||||
<div style="border:1px solid var(--ez-line);border-radius:12px;padding:20px 24px;display:flex;gap:16px;align-items:center">
|
||||
<i class="ph ph-phone" style="font-size:32px;color:var(--ez-orange)"></i>
|
||||
<div style="display:grid;gap:2px">
|
||||
<span dir="ltr" style="font-family:var(--font-mono);font-size:20px;color:var(--ez-ink)">1-700-70-70-07</span>
|
||||
<span style="font-size:16.5px;color:var(--ez-fg-2)">א'-ה' 9:00-19:00 · ו' 9:00-13:00</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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 };
|
||||
renderVals() {
|
||||
return {
|
||||
leadButtonText: this.state.sent ? "קיבלנו! נחזור אליכם תוך יום עבודה" : "שלחו לי מענה",
|
||||
submitLead: () => { this.setState({ sent: true }); setTimeout(() => { window.location.href = "thank-you.html"; }, 600); },
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
+399
@@ -0,0 +1,399 @@
|
||||
<!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)">
|
||||
|
||||
<sc-if value="{{ floatingWhatsapp }}" hint-placeholder-val="{{ true }}">
|
||||
<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>
|
||||
</sc-if>
|
||||
|
||||
<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">
|
||||
<div style="display:flex;align-items:center;gap:12px">
|
||||
<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>
|
||||
</div>
|
||||
<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="position:relative;overflow:hidden;padding:64px 64px 0;max-width:1280px;margin:0 auto">
|
||||
<img src="assets/bg-e-watermark.jpg" alt="" aria-hidden="true" style="position:absolute;left:-8%;top:-4%;width:72%;opacity:.35;pointer-events:none;z-index:0;mix-blend-mode:multiply">
|
||||
<div style="position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:end">
|
||||
<div style="padding-bottom:56px">
|
||||
<h1 style="font-family:var(--font-display);font-weight:700;font-size:84px;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:20px;line-height:1.55;color:var(--ez-fg-2);max-width:560px;margin:26px 0 0">מאז 1998 עזרנו ל-120,000 תלמידים להגיע לאקדמיה – כולל כאלה שהיו בטוחים שאנגלית זה לא בשבילם.<br>קורס עם מדריך בזמן אמת, או ערכת תרגול עצמאית. בכל מקרה, מתחילים בחינם.</p>
|
||||
<div style="display:flex;gap:16px;align-items:center;margin-top:28px">
|
||||
<a href="level-test.html" style="display:inline-block;background:var(--ez-orange);color:#fff;border-radius:999px;padding:15px 30px;font-family:var(--font-display);font-weight:700;font-size:18px;border-bottom:none">בדקו את הרמה שלכם – 10 דקות</a>
|
||||
</div>
|
||||
</div>
|
||||
<div style="position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:420px">
|
||||
<sc-if value="{{ heroSitting }}" hint-placeholder-val="{{ true }}">
|
||||
<img src="assets/photo-hero-laptop.png" alt="תלמידה עם לפטופ" style="position:relative;width:400px;display:block">
|
||||
</sc-if>
|
||||
<sc-if value="{{ heroWalking }}" hint-placeholder-val="{{ false }}">
|
||||
<img src="assets/photo-walking-student.png" alt="תלמידה" style="position:relative;width:260px;display:block">
|
||||
</sc-if>
|
||||
</div>
|
||||
</div>
|
||||
<div style="border-top:1px solid var(--ez-line);padding:20px 0 28px;display:grid;gap:16px">
|
||||
<div style="display:flex;justify-content:space-between;align-items:baseline;gap:24px">
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:18.5px;color:var(--ez-ink)">המוסדות הכי נחשבים בארץ ממליצים על הקורסים שלנו עוד מאז שאנגלית הייתה חלק מהפסיכומטרי.</span>
|
||||
<span style="font-size:15.5px;color:var(--ez-fg-3);white-space:nowrap">לחצו על לוגו כדי לקרוא למה הם שמחים לפרגן</span>
|
||||
</div>
|
||||
<div style="display:grid;grid-template-columns:repeat(10,1fr);gap:10px">
|
||||
<sc-for list="{{ uniLogos }}" as="u" hint-placeholder-count="10">
|
||||
<div onClick="{{ u.open }}" title="{{ u.name }}" style="border:1px solid var(--ez-line);border-radius:8px;height:60px;padding:8px 10px;display:flex;align-items:center;justify-content:center;background:#fff;filter:grayscale(1);opacity:.85;cursor:pointer" style-hover="filter:grayscale(0);opacity:1;box-shadow:var(--shadow-1)">
|
||||
<img src="{{ u.img }}" alt="{{ u.name }}" style="max-height:100%;max-width:100%;object-fit:contain">
|
||||
</div>
|
||||
</sc-for>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section data-screen-label="איפה אתם" style="padding:56px 64px 40px;max-width:1280px;margin:0 auto">
|
||||
<h2 style="font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ez-ink);margin:0 0 6px">מה המצב שלך באנגלית?</h2>
|
||||
<p style="font-size:18.5px;color:var(--ez-fg-2);margin:0 0 22px">לחצו על המשפט שהכי מתאר אתכם – ותקבלו עמוד עם תשובות ומסלול בדיוק בשבילכם.</p>
|
||||
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:20px">
|
||||
<a href="soldiers.html" style="border:1px solid var(--ez-line);border-radius:14px;padding:26px;display:grid;gap:12px;align-content:start;color:var(--ez-ink);border-bottom:1px solid var(--ez-line)" style-hover="box-shadow:var(--shadow-2);border-color:var(--ez-orange)">
|
||||
<span style="font-family:var(--font-mono);font-size:21px;color:var(--ez-lavender-deep)">01</span>
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:21.5px;line-height:1.3">"בדרך לתואר, רוצה לסגור את האנגלית מראש"</span>
|
||||
<span style="font-size:17.5px;color:var(--ez-fg-2)">להגיע עם פטור ולחסוך שנה של קורסים.</span>
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--ez-orange)">זה אני ←</span>
|
||||
</a>
|
||||
<a href="improve-score.html" style="border:1px solid var(--ez-line);border-radius:14px;padding:26px;display:grid;gap:12px;align-content:start;color:var(--ez-ink);border-bottom:1px solid var(--ez-line)" style-hover="box-shadow:var(--shadow-2);border-color:var(--ez-orange)">
|
||||
<span style="font-family:var(--font-mono);font-size:21px;color:#25D366">02</span>
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:21.5px;line-height:1.3">"קיבלתי ציון, רוצה להעלות אותו"</span>
|
||||
<span style="font-size:17.5px;color:var(--ez-fg-2)">35 יום עד המבחן הבא. אפשר לנצל אותם.</span>
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--ez-orange)">זה אני ←</span>
|
||||
</a>
|
||||
<a href="english-is-hard.html" style="border:1px solid var(--ez-line);border-radius:14px;padding:26px;display:grid;gap:12px;align-content:start;color:var(--ez-ink);border-bottom:1px solid var(--ez-line)" style-hover="box-shadow:var(--shadow-2);border-color:var(--ez-orange)">
|
||||
<span style="font-family:var(--font-mono);font-size:21px;color:var(--ez-orange)">03</span>
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:21.5px;line-height:1.3">"אנגלית תמיד הייתה סיוט בשבילי"</span>
|
||||
<span style="font-size:17.5px;color:var(--ez-fg-2)">כאן זה עובד אחרת. באמת. שווה לבדוק.</span>
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--ez-orange)">זה אני ←</span>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="free" data-screen-label="טעימת משחק" style="padding:16px 64px 0;max-width:1280px;margin:0 auto">
|
||||
<div style="background:var(--ez-lavender-tint);border-radius:12px;padding:32px 36px;display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center">
|
||||
<div style="display:grid;gap:10px;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:28px;color:var(--ez-ink);margin:0">עד 90 שניות טעימה של תותח מילים – בלי הרשמה.</h2>
|
||||
<p style="font-size:18px;color:var(--ez-fg-2);margin:0">תראו למה התלמידים שלנו לא נרדמים על אוצר מילים.</p>
|
||||
<a href="free.html" style="font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--ez-orange);border-bottom:none">משחקים עכשיו ←</a>
|
||||
</div>
|
||||
<img src="assets/game-word-cannon.png" alt="תותח מילים – משחק אוצר מילים" style="width:100%;border-radius:8px;display:block;box-shadow:var(--shadow-2)">
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="products" data-screen-label="המוצרים" style="padding:64px 64px;max-width:1280px;margin:0 auto">
|
||||
<h2 style="font-family:var(--font-display);font-weight:700;font-size:36px;color:var(--ez-lavender-deep);margin:0 0 36px">שתי דרכים להגיע <span style="color:var(--ez-orange)">ליעד</span></h2>
|
||||
<div style="display:grid;grid-template-columns:1fr 1px 1fr;gap:36px;align-items:start">
|
||||
<div style="display:grid;gap:12px">
|
||||
<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:26px;color:var(--ez-ink)">עד 600 ₪</div>
|
||||
<div style="display:flex;gap:14px;align-items:center">
|
||||
<a href="user.html" style="display:inline-block;background:var(--ez-ink);color:#fff;border-radius:999px;padding:11px 26px;font-family:var(--font-display);font-weight:700;font-size:17px;border-bottom:none">לרכישה</a>
|
||||
<a href="user.html" style="font-family:var(--font-display);font-weight:700;font-size:16.5px;border-bottom:none">פרטים ←</a>
|
||||
</div>
|
||||
</div>
|
||||
<div style="background:var(--ez-line);height:100%"></div>
|
||||
<div style="display:grid;gap:12px">
|
||||
<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:26px;color:var(--ez-ink)">מ-1,500 ₪</div>
|
||||
<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:11px 26px;font-family:var(--font-display);font-weight:700;font-size:17px;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>
|
||||
</div>
|
||||
<p style="font-size:17.5px;color:var(--ez-fg-2);margin:28px 0 0">לא בטוחים? <a href="compare.html">איזה מתאים לי</a> או פשוט תכתבו לנו <a href="#contact">בוואטסאפ</a>.</p>
|
||||
</section>
|
||||
|
||||
<section id="method" data-screen-label="בעיה פתרון" style="padding:0 64px 56px;max-width:1280px;margin:0 auto">
|
||||
<h2 style="font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ez-ink);margin:0 0 24px;border-top:1px solid var(--ez-line);padding-top:48px">איפה האתגרים ואיך מתגברים עליהם</h2>
|
||||
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:28px 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:19px;color:var(--ez-ink)">אוצר מילים לא נכנס לראש</div><p style="font-size:17px;color:var(--ez-fg-2);margin:4px 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:19px;color:var(--ez-ink)">לא מבינים את סוגי השאלות</div><p style="font-size:17px;color:var(--ez-fg-2);margin:4px 0 0">שיעורים ממוקדים, תרגולים ו-VOD.</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:19px;color:var(--ez-ink)">קשה להתמיד לבד</div><p style="font-size:17px;color:var(--ez-fg-2);margin:4px 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:19px;color:var(--ez-orange)">אנגלית מלחיצה אתכם מגיל 12</div><p style="font-size:17px;color:var(--ez-fg-2);margin:4px 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:19px;color:var(--ez-ink)">לקות למידה / הזמן הורג אתכם</div><p style="font-size:17px;color:var(--ez-fg-2);margin:4px 0 0">ניסיון של שנים עם התאמות.</p></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="max-width:760px;margin:44px auto 0;text-align:center">
|
||||
<p style="font-family:var(--font-display);font-weight:700;font-size:22.5px;line-height:1.45;color:var(--ez-ink);margin:0">רוב הקורסים מלמדים את המבחן. אנחנו מלמדים גם את האדם שנבחן. 28 שנים של עבודה עם חיילים, סטודנטים, לקויי למידה ומי שפשוט התייאש – לימדו אותנו שהמפתח הוא לא עוד תרגול, אלא ללמוד בלי לחץ, בשיטה חווייתית שגורמת לך לרצות לחזור.</p>
|
||||
<a href="about.html" style="display:inline-block;margin-top:14px;font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--ez-orange);border-bottom:none">איך השיטה עובדת ←</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="stories" data-screen-label="סיפורי תלמידים" style="padding:56px 64px;background:var(--ez-paper-cool)">
|
||||
<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)">מ-92 ל-136 ב-7 שבועות</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)">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)">פטור אחרי 3 ניסיונות לבד</div>
|
||||
<p style="font-size:17px;color:var(--ez-fg-2);margin:0">אחרי שנים של תסכול, מישהו סוף סוף התאים לי את הדרך במקום לדחוף עוד תרגולים.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--ez-line);margin-top:32px;padding-top:16px">
|
||||
<span style="font-size:16px;color:var(--ez-fg-3)">מומלץ ע"י הטכניון · אונ' תל אביב · העברית · בן גוריון · בר אילן · חיפה · אריאל</span>
|
||||
<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 id="mentors" data-screen-label="המדריכים" style="padding:64px 64px 56px;max-width:1280px;margin:0 auto">
|
||||
<div style="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>
|
||||
<a href="about.html" style="font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--ez-orange);border-bottom:none">להכיר את כולם ←</a>
|
||||
</div>
|
||||
<div style="display:flex;gap:28px;align-items:end;justify-content:start">
|
||||
<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 id="guide" data-screen-label="מדריך אמירנט" style="padding:0 64px 56px;max-width:1280px;margin:0 auto">
|
||||
<h2 style="font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ez-ink);margin:0 0 24px;border-top:1px solid var(--ez-line);padding-top:48px">מדריך אמירנט</h2>
|
||||
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:16px">
|
||||
<a href="amirnet.html" style="display:flex;justify-content:space-between;align-items:center;border:1px solid var(--ez-line);border-radius:8px;padding:18px 20px;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ez-ink);border-bottom-color:var(--ez-line)">מה זה אמירנט<span style="color:var(--ez-orange)">←</span></a>
|
||||
<a href="amirnet.html" style="display:flex;justify-content:space-between;align-items:center;border:1px solid var(--ez-line);border-radius:8px;padding:18px 20px;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ez-ink);border-bottom-color:var(--ez-line)">כמה צריך לפטור<span style="color:var(--ez-orange)">←</span></a>
|
||||
<a href="amirnet.html" style="display:flex;justify-content:space-between;align-items:center;border:1px solid var(--ez-line);border-radius:8px;padding:18px 20px;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ez-ink);border-bottom-color:var(--ez-line)">מבנה הבחינה<span style="color:var(--ez-orange)">←</span></a>
|
||||
<a href="amirnet.html" style="display:flex;justify-content:space-between;align-items:center;border:1px solid var(--ez-line);border-radius:8px;padding:18px 20px;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ez-ink);border-bottom-color:var(--ez-line)">הרשמה ומועדים<span style="color:var(--ez-orange)">←</span></a>
|
||||
<a href="amirnet.html" style="display:flex;justify-content:space-between;align-items:center;border:1px solid var(--ez-line);border-radius:8px;padding:18px 20px;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ez-ink);border-bottom-color:var(--ez-line)">אמיר"ם מול אמירנט<span style="color:var(--ez-orange)">←</span></a>
|
||||
<a href="amirnet.html" style="display:flex;justify-content:space-between;align-items:center;border:1px solid var(--ez-line);border-radius:8px;padding:18px 20px;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ez-ink);border-bottom-color:var(--ez-line)">מבחן לדוגמה<span style="color:var(--ez-orange)">←</span></a>
|
||||
</div>
|
||||
<a href="amirnet.html" style="display:inline-block;margin-top:16px;font-family:var(--font-display);font-weight:700;font-size:17px;border-bottom:none">למדריך המלא ←</a>
|
||||
</section>
|
||||
|
||||
<section id="learn" data-screen-label="ללמוד אנגלית" style="padding:0 64px 64px;max-width:1280px;margin:0 auto">
|
||||
<h2 style="font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ez-ink);margin:0 0 24px;border-top:1px solid var(--ez-line);padding-top:48px">ללמוד אנגלית, בכיף</h2>
|
||||
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:24px">
|
||||
<a href="vocabulary.html" style="display:grid;gap:12px;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:19px">איך משננים אוצר מילים באמת</div>
|
||||
</a>
|
||||
<a href="learn.html" style="display:grid;gap:12px;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:19px">ללמוד אנגלית מסרטים וסדרות</div>
|
||||
</a>
|
||||
<a href="learn.html" style="display:grid;gap:12px;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:19px">טיקטוק ורילס כמורה לאנגלית</div>
|
||||
</a>
|
||||
</div>
|
||||
<a href="learn.html" style="display:inline-block;margin-top:16px;font-family:var(--font-display);font-weight:700;font-size:17px;border-bottom:none">לכל הטיפים ←</a>
|
||||
</section>
|
||||
|
||||
<section id="about" data-screen-label="אודות" style="padding:0 64px;max-width:1280px;margin:0 auto">
|
||||
<div style="border-top:1px solid var(--ez-line);padding:48px 0;display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center">
|
||||
<img src="assets/photo-walking-student.png" alt="" style="height:180px">
|
||||
<div style="display:grid;gap:8px">
|
||||
<h2 style="font-family:var(--font-display);font-weight:700;font-size:26px;color:var(--ez-ink);margin:0">מ-1998, מהטכניון ועד בן גוריון</h2>
|
||||
<p style="font-size:18px;color:var(--ez-fg-2);margin:0;max-width:560px">התחלנו כשהאנגלית עוד הייתה חלק מהפסיכומטרי, והקורסים שלנו הומלצו ע"י האוניברסיטאות המובילות. היום אנחנו עושים את אותו הדבר לאמירנט.</p>
|
||||
</div>
|
||||
<a href="about.html" style="font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--ez-orange);border-bottom:none;white-space:nowrap">הסיפור שלנו ←</a>
|
||||
</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>
|
||||
|
||||
<sc-if value="{{ recOpen }}" hint-placeholder-val="{{ false }}">
|
||||
<div onClick="{{ closeRec }}" style="position:fixed;inset:0;z-index:200;background:rgba(26,26,32,.55);display:flex;align-items:center;justify-content:center;padding:24px">
|
||||
<div onClick="{{ stopRec }}" style="background:#fff;border-radius:14px;max-width:720px;width:100%;max-height:86vh;overflow:auto;padding:28px 32px;position:relative">
|
||||
<button onClick="{{ closeRec }}" aria-label="סגירה" style="position:absolute;top:14px;left:14px;width:38px;height:38px;border:1px solid var(--ez-line);border-radius:10px;background:#fff;cursor:pointer;font-size:18.5px;color:var(--ez-ink)"><i class="ph ph-x"></i></button>
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:15.5px;color:var(--ez-orange)">למה הם שמחים לפרגן</span>
|
||||
<h3 style="font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--ez-ink);margin:6px 0 16px">{{ recTitle }}</h3>
|
||||
<sc-if value="{{ recImg }}" hint-placeholder-val="{{ false }}"><img src="{{ recImg }}" alt="{{ recTitle }}" style="width:100%;border:1px solid var(--ez-line);border-radius:8px;display:block"></sc-if>
|
||||
<sc-for list="{{ recParas }}" as="para" hint-placeholder-count="0"><p style="font-size:18px;line-height:1.7;color:var(--ez-fg-2);margin:0 0 12px">{{ para }}</p></sc-for>
|
||||
<sc-if value="{{ recSigner }}" hint-placeholder-val="{{ false }}"><div style="font-family:var(--font-display);font-weight:700;font-size:17.5px;color:var(--ez-ink);margin-top:6px">{{ recSigner }}</div></sc-if>
|
||||
</div>
|
||||
</div>
|
||||
</sc-if>
|
||||
<footer data-screen-label="Footer" style="padding:40px 64px 20px;border-top:1px solid var(--ez-line)">
|
||||
<div style="max-width:1152px;margin:0 auto">
|
||||
<div style="display:grid;grid-template-columns:auto 1fr 1fr 1fr 1fr;gap:40px;align-items:start">
|
||||
<div style="display:grid;gap:8px;justify-items:start">
|
||||
<img src="assets/logo-mark-orange.png" alt="eazy" style="width:58px;height:58px">
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ez-orange)">פשוט תצליחו.</span>
|
||||
</div>
|
||||
<div style="display:grid;gap:8px;font-size:14px">
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ez-ink)">אמירנט</span>
|
||||
<a href="amirnet.html" style="color:var(--ez-fg-2);border-bottom:none">המדריך המלא</a>
|
||||
<a href="amirnet.html" style="color:var(--ez-fg-2);border-bottom:none">ציונים ורמות</a>
|
||||
<a href="amirnet.html" style="color:var(--ez-fg-2);border-bottom:none">הרשמה ומועדים</a>
|
||||
</div>
|
||||
<div style="display:grid;gap:8px;font-size:14px">
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ez-ink)">התנסות אמירנט בחינם</span>
|
||||
<a href="free.html" style="color:var(--ez-fg-2);border-bottom:none">מבחן רמה</a>
|
||||
<a href="free.html" style="color:var(--ez-fg-2);border-bottom:none">תותח מילים</a>
|
||||
<a href="free.html" style="color:var(--ez-fg-2);border-bottom:none">מחשבון פטור</a>
|
||||
</div>
|
||||
<div style="display:grid;gap:8px;font-size:14px">
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ez-ink)">הקורסים</span>
|
||||
<a href="course.html" style="color:var(--ez-fg-2);border-bottom:none">קורס אמירנט אונליין</a>
|
||||
<a href="user.html" style="color:var(--ez-fg-2);border-bottom:none">יוזר אמירנט</a>
|
||||
<a href="contact.html" style="color:var(--ez-fg-2);border-bottom:none">למוסדות</a>
|
||||
</div>
|
||||
<div style="display:grid;gap:8px;font-size:14px">
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ez-ink)">eazy</span>
|
||||
<a href="about.html" style="color:var(--ez-fg-2);border-bottom:none">עלינו</a>
|
||||
<a href="about.html" style="color:var(--ez-fg-2);border-bottom:none">המדריכים</a>
|
||||
<a href="#contact" style="color:var(--ez-fg-2);border-bottom:none">יצירת קשר</a>
|
||||
</div>
|
||||
</div>
|
||||
<div style="height:1px;background:var(--ez-orange);margin:28px 0 14px"></div>
|
||||
<div style="display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--ez-fg-2)">
|
||||
<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>
|
||||
<span style="display:flex;gap:12px;color:var(--ez-fg-3)"><i class="ph ph-youtube-logo" style="font-size:17px"></i><i class="ph ph-facebook-logo" style="font-size:17px"></i><i class="ph ph-instagram-logo" style="font-size:17px"></i></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="#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></x-dc>
|
||||
<script type="text/x-dc" data-dc-script data-props="{"floatingWhatsapp":{"editor":"boolean","default":true,"tsType":"boolean","section":"התנהגות"},"heroPhoto":{"editor":"enum","options":["sitting","walking"],"default":"sitting","tsType":"string","section":"Hero"}}">
|
||||
class Component extends DCLogic {
|
||||
state = { sent: false, rec: null };
|
||||
renderVals() {
|
||||
const photo = this.props.heroPhoto ?? "sitting";
|
||||
const RECS = {
|
||||
tau: { title: "מכינת אוניברסיטת תל אביב", img: "assets/letters/tau.jpg" },
|
||||
technion: { title: "הטכניון – מכתב המלצה", img: "assets/letters/technion.jpg" },
|
||||
bgu: { title: "אגודת הסטודנטים, אוניברסיטת בן גוריון", img: "assets/letters/bgu.jpg" },
|
||||
haifa: { title: "אוניברסיטת חיפה – מכתב תודה", img: "assets/letters/haifa.jpg" },
|
||||
biu: { title: "מינהל המכללות והמכינות, אוניברסיטת בר־אילן", img: "assets/letters/biu.jpg" },
|
||||
huji: { title: "מכינת הבוגרים, האוניברסיטה העברית", img: "assets/letters/huji.jpg" },
|
||||
kibbutzim: { title: "מכללת סמינר הקיבוצים", img: "assets/letters/kibbutzim.jpg" },
|
||||
levinsky: { title: "המכינה הקדם־אקדמית, מכללת לוינסקי לחינוך", img: "assets/letters/levinsky.jpg" },
|
||||
sapir: { title: "המרכז ללימודי חוץ, מכללת ספיר", signer: "דודו שלמה, מנהל המרכז ללימודי חוץ ספיר", paras: ["מכללת ספיר עובדת בנושא פסיכומטרי עם בית הספר איזי ווי למעלה משנה. בית הספר מקיים בספיר קורסי פסיכומטרי למועמדים ללימודים במכללה, לתלמידי המכינה וכן קורסי אמי\"ר לסטודנטים שכבר לומדים במכללה.", "לאורך השנים שיתפנו פעולה עם מספר בתי ספר שונים לפסיכומטרי ואני מוכרח לציין כי עד כה איזי ווי מתבלטים כבית ספר מקצועי במיוחד ושיפור מורגש לעומת ניסיון העבר שלנו. בית ספר שהינו קשוב לתלמידים ובשיטתיות מוביל אותם להצלחות.", "במהלך תקופה זו נהניתי מעבודה עם גוף מסודר ומאורגן, חדור מוטיבציה ואנרגיות שהביאו לעלייה משמעותית בהישגים ובציונים של התלמידים. מאז תחילת שיתוף הפעולה עם איזי ווי חווינו גם עלייה במספרי התלמידים בקורסי הפסיכומטרי וגם בשביעות רצון התלמידים.", "אציין לטובה את המעורבות האישית של מנכ\"ל החברה, אהוד צלטנר, אשר מפקח על הפעילות ומוודא שתלמידינו אכן מקבלים את מירב הכלים להצליח בבחינות."] },
|
||||
ariel: { title: "המרכז ללימודים קדם־אקדמיים, אוניברסיטת אריאל", signer: "לימור כץ, מנהלת המרכז ללימודים קדם־אקדמיים", paras: ["קורסי הפסיכומטרי הנלמדים באוניברסיטת אריאל מועברים ע\"י חברת Ez way מזה למעלה מעשור.", "במהלך שנות עבודתנו המשותפת נתקלנו בחברה אשר נגישה לסטודנטים, קשובה לפניותיהם ולקשייהם ומתייחסת לכל אחד באופן אישי. מדי שנה נערכים משובים לסטודנטים אשר מביעים שביעות רצון גבוהה.", "החברה מבטאת מחויבות גבוהה ביותר להצלחת התלמידים, במתן תרגול אין-ספור, מענה אישי לתלמידים ודרכי הוראה מגוונות.", "אני ממליצה להיעזר בשירותי החברה על מנת לקדם את סיכויי ההצלחה של תלמידינו בעתיד."] },
|
||||
};
|
||||
const UNIS = [
|
||||
["אוניברסיטת תל אביב", "assets/logos/tau3.png", "tau"],
|
||||
["בר אילן", "assets/logos/biu2.png", "biu"],
|
||||
["הטכניון", "assets/logos/technion.png", "technion"],
|
||||
["האוניברסיטה העברית", "assets/logos/huji3.png", "huji"],
|
||||
["אוניברסיטת אריאל", "assets/logos/ariel.png", "ariel"],
|
||||
["אוניברסיטת חיפה", "assets/logos/haifa.png", "haifa"],
|
||||
["בן גוריון", "assets/logos/bgu2.png", "bgu"],
|
||||
["מכללת ספיר", "assets/logos/sapir2.png", "sapir"],
|
||||
["סמינר הקיבוצים", "assets/logos/kibbutzim.png", "kibbutzim"],
|
||||
["מכללת לוינסקי", "assets/logos/levinsky.png", "levinsky"],
|
||||
];
|
||||
const rec = this.state.rec ? RECS[this.state.rec] : null;
|
||||
return {
|
||||
floatingWhatsapp: this.props.floatingWhatsapp ?? true,
|
||||
heroSitting: photo === "sitting",
|
||||
heroWalking: photo === "walking",
|
||||
leadButtonText: this.state.sent ? "קיבלנו! נחזור אליכם היום" : "דברו איתי",
|
||||
submitLead: () => this.setState({ sent: true }),
|
||||
uniLogos: UNIS.map(([name, img, key]) => ({ name, img, open: key ? () => this.setState({ rec: key }) : undefined })),
|
||||
recOpen: !!rec,
|
||||
recTitle: rec ? rec.title : "",
|
||||
recImg: rec && rec.img ? rec.img : false,
|
||||
recParas: rec && rec.paras ? rec.paras : [],
|
||||
recSigner: rec && rec.signer ? rec.signer : false,
|
||||
closeRec: () => this.setState({ rec: null }),
|
||||
stopRec: (e) => e.stopPropagation(),
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user