1572 lines
49 KiB
HTML
1572 lines
49 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="he" dir="rtl">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>eazy English – אנגלית לאמירנט. בלי פחד. עם תוצאות.</title>
|
||
<meta name="description" content="מאז 1998 עזרנו ל-120,000 תלמידים להגיע לאקדמיה. קורס עם מדריך בזמן אמת, או ערכת תרגול עצמאית. מתחילים בחינם.">
|
||
<meta property="og:title" content="eazy English – אנגלית לאמירנט">
|
||
<meta property="og:description" content="בלי פחד. עם תוצאות. קורסי אנגלית לאמירנט מאז 1998.">
|
||
<meta property="og:type" content="website">
|
||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect width='100' height='100' rx='20' fill='%23F7941D'/><text x='50' y='66' text-anchor='middle' font-family='Arial' font-weight='bold' font-size='44' fill='white'>ez</text></svg>">
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600&display=swap" rel="stylesheet">
|
||
<style>
|
||
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
|
||
:root{
|
||
--orange:#F7941D;
|
||
--orange-dark:#E8850A;
|
||
--orange-light:#FFF4E6;
|
||
--navy:#1E3A5F;
|
||
--gray-100:#F8F9FA;
|
||
--gray-200:#E9ECEF;
|
||
--gray-400:#ADB5BD;
|
||
--gray-600:#6C757D;
|
||
--gray-800:#343A40;
|
||
--white:#FFFFFF;
|
||
--font:'Heebo',sans-serif;
|
||
--radius:12px;
|
||
--radius-sm:8px;
|
||
--shadow:0 4px 24px rgba(0,0,0,0.08);
|
||
--shadow-lg:0 8px 40px rgba(0,0,0,0.12);
|
||
}
|
||
html{scroll-behavior:smooth}
|
||
body{
|
||
font-family:var(--font);
|
||
font-size:16px;
|
||
line-height:1.7;
|
||
color:var(--gray-800);
|
||
background:var(--white);
|
||
-webkit-font-smoothing:antialiased;
|
||
}
|
||
a{color:inherit;text-decoration:none}
|
||
button{font-family:inherit;cursor:pointer;border:none;background:none}
|
||
img,svg{display:block;max-width:100%}
|
||
.container{
|
||
width:100%;
|
||
max-width:1200px;
|
||
margin:0 auto;
|
||
padding:0 24px;
|
||
}
|
||
|
||
/* Header */
|
||
.site-header{
|
||
background:var(--orange);
|
||
position:sticky;
|
||
top:0;
|
||
z-index:100;
|
||
}
|
||
.header-inner{
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:space-between;
|
||
height:72px;
|
||
gap:24px;
|
||
}
|
||
.logo{
|
||
display:flex;
|
||
align-items:center;
|
||
gap:10px;
|
||
font-weight:600;
|
||
font-size:20px;
|
||
color:var(--white);
|
||
}
|
||
.logo-icon{
|
||
width:44px;
|
||
height:44px;
|
||
background:var(--white);
|
||
border-radius:10px;
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:center;
|
||
font-weight:600;
|
||
font-size:18px;
|
||
color:var(--orange);
|
||
}
|
||
.main-nav{
|
||
display:flex;
|
||
align-items:center;
|
||
gap:8px;
|
||
}
|
||
.main-nav a{
|
||
padding:8px 14px;
|
||
font-size:15px;
|
||
font-weight:500;
|
||
color:var(--white);
|
||
border-radius:var(--radius-sm);
|
||
transition:background 0.2s;
|
||
}
|
||
.main-nav a:hover{
|
||
background:rgba(255,255,255,0.15);
|
||
}
|
||
.header-cta{
|
||
display:flex;
|
||
align-items:center;
|
||
gap:16px;
|
||
color:var(--white);
|
||
}
|
||
.phone-number{
|
||
font-size:15px;
|
||
font-weight:500;
|
||
letter-spacing:0.5px;
|
||
}
|
||
.cta-link{
|
||
background:var(--white);
|
||
color:var(--orange);
|
||
padding:10px 20px;
|
||
border-radius:var(--radius);
|
||
font-weight:600;
|
||
font-size:14px;
|
||
transition:transform 0.2s,box-shadow 0.2s;
|
||
}
|
||
.cta-link:hover{
|
||
transform:translateY(-2px);
|
||
box-shadow:var(--shadow);
|
||
}
|
||
.mobile-menu-btn{
|
||
display:none;
|
||
width:44px;
|
||
height:44px;
|
||
align-items:center;
|
||
justify-content:center;
|
||
color:var(--white);
|
||
font-size:28px;
|
||
}
|
||
|
||
/* Hero */
|
||
.hero{
|
||
position:relative;
|
||
background:var(--white);
|
||
padding:80px 0 100px;
|
||
overflow:hidden;
|
||
}
|
||
.hero-decoration{
|
||
position:absolute;
|
||
left:0;
|
||
top:0;
|
||
width:45%;
|
||
height:100%;
|
||
pointer-events:none;
|
||
}
|
||
.hero-decoration svg{
|
||
position:absolute;
|
||
left:0;
|
||
top:50%;
|
||
transform:translateY(-50%);
|
||
width:100%;
|
||
height:auto;
|
||
}
|
||
.hero-grid{
|
||
display:grid;
|
||
grid-template-columns:1fr 1fr;
|
||
gap:60px;
|
||
align-items:center;
|
||
position:relative;
|
||
z-index:1;
|
||
}
|
||
.hero-content{
|
||
max-width:560px;
|
||
}
|
||
.hero h1{
|
||
font-size:clamp(36px,5vw,56px);
|
||
font-weight:600;
|
||
line-height:1.15;
|
||
color:var(--navy);
|
||
margin-bottom:24px;
|
||
}
|
||
.hero-subtitle{
|
||
color:var(--orange);
|
||
}
|
||
.hero-text{
|
||
font-size:18px;
|
||
color:var(--gray-600);
|
||
margin-bottom:32px;
|
||
max-width:480px;
|
||
}
|
||
.btn{
|
||
display:inline-flex;
|
||
align-items:center;
|
||
justify-content:center;
|
||
gap:8px;
|
||
padding:16px 32px;
|
||
font-size:16px;
|
||
font-weight:600;
|
||
border-radius:var(--radius);
|
||
transition:all 0.25s;
|
||
}
|
||
.btn-primary{
|
||
background:var(--orange);
|
||
color:var(--white);
|
||
}
|
||
.btn-primary:hover{
|
||
background:var(--orange-dark);
|
||
transform:translateY(-2px);
|
||
box-shadow:var(--shadow-lg);
|
||
}
|
||
.hero-image{
|
||
display:flex;
|
||
justify-content:center;
|
||
align-items:center;
|
||
}
|
||
.hero-visual{
|
||
position:relative;
|
||
width:100%;
|
||
max-width:400px;
|
||
}
|
||
.hero-visual svg{
|
||
width:100%;
|
||
height:auto;
|
||
}
|
||
|
||
/* University Logos */
|
||
.uni-section{
|
||
margin-top:80px;
|
||
text-align:center;
|
||
}
|
||
.uni-title{
|
||
font-size:15px;
|
||
color:var(--gray-600);
|
||
margin-bottom:8px;
|
||
}
|
||
.uni-hint{
|
||
font-size:13px;
|
||
color:var(--gray-400);
|
||
display:block;
|
||
margin-bottom:24px;
|
||
}
|
||
.uni-logos{
|
||
display:flex;
|
||
flex-wrap:wrap;
|
||
justify-content:center;
|
||
gap:16px;
|
||
}
|
||
.uni-logo{
|
||
padding:12px 20px;
|
||
background:var(--gray-100);
|
||
border-radius:var(--radius-sm);
|
||
font-size:13px;
|
||
font-weight:500;
|
||
color:var(--gray-600);
|
||
transition:all 0.2s;
|
||
cursor:pointer;
|
||
border:1px solid transparent;
|
||
}
|
||
.uni-logo:hover{
|
||
background:var(--orange-light);
|
||
border-color:var(--orange);
|
||
color:var(--orange);
|
||
}
|
||
|
||
/* Sections Common */
|
||
section{
|
||
padding:80px 0;
|
||
}
|
||
section h2{
|
||
font-size:clamp(28px,4vw,40px);
|
||
font-weight:600;
|
||
color:var(--navy);
|
||
margin-bottom:16px;
|
||
}
|
||
.section-subtitle{
|
||
font-size:18px;
|
||
color:var(--gray-600);
|
||
margin-bottom:48px;
|
||
max-width:600px;
|
||
}
|
||
|
||
/* Where Section */
|
||
.where-section{
|
||
background:var(--gray-100);
|
||
}
|
||
.situation-cards{
|
||
display:grid;
|
||
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
|
||
gap:24px;
|
||
}
|
||
.situation-card{
|
||
background:var(--white);
|
||
border-radius:var(--radius);
|
||
padding:32px;
|
||
box-shadow:var(--shadow);
|
||
transition:transform 0.3s,box-shadow 0.3s;
|
||
display:flex;
|
||
flex-direction:column;
|
||
gap:12px;
|
||
}
|
||
.situation-card:hover{
|
||
transform:translateY(-4px);
|
||
box-shadow:var(--shadow-lg);
|
||
}
|
||
.situation-num{
|
||
font-size:14px;
|
||
font-weight:600;
|
||
color:var(--orange);
|
||
}
|
||
.situation-title{
|
||
font-size:18px;
|
||
font-weight:600;
|
||
color:var(--navy);
|
||
}
|
||
.situation-desc{
|
||
font-size:15px;
|
||
color:var(--gray-600);
|
||
flex-grow:1;
|
||
}
|
||
.situation-cta{
|
||
font-size:14px;
|
||
font-weight:600;
|
||
color:var(--orange);
|
||
margin-top:8px;
|
||
}
|
||
|
||
/* Game Section */
|
||
.game-section{
|
||
background:var(--navy);
|
||
color:var(--white);
|
||
}
|
||
.game-card{
|
||
display:grid;
|
||
grid-template-columns:1fr 1fr;
|
||
gap:48px;
|
||
align-items:center;
|
||
}
|
||
.game-badge{
|
||
display:inline-block;
|
||
background:var(--orange);
|
||
padding:6px 14px;
|
||
border-radius:20px;
|
||
font-size:13px;
|
||
font-weight:600;
|
||
margin-bottom:16px;
|
||
}
|
||
.game-content h2{
|
||
color:var(--white);
|
||
margin-bottom:16px;
|
||
}
|
||
.game-content p{
|
||
color:rgba(255,255,255,0.7);
|
||
margin-bottom:24px;
|
||
}
|
||
.game-link{
|
||
color:var(--orange);
|
||
font-weight:600;
|
||
font-size:16px;
|
||
}
|
||
.game-visual{
|
||
background:var(--white);
|
||
border-radius:var(--radius);
|
||
padding:32px;
|
||
text-align:center;
|
||
}
|
||
.game-visual svg{
|
||
max-width:100%;
|
||
height:auto;
|
||
}
|
||
|
||
/* Products Section */
|
||
.products-section{
|
||
background:var(--white);
|
||
}
|
||
.products-title .highlight{
|
||
color:var(--orange);
|
||
}
|
||
.products-grid{
|
||
display:grid;
|
||
grid-template-columns:1fr auto 1fr;
|
||
gap:48px;
|
||
margin-top:48px;
|
||
}
|
||
.product-col{
|
||
text-align:center;
|
||
}
|
||
.product-name{
|
||
font-size:20px;
|
||
font-weight:600;
|
||
color:var(--navy);
|
||
margin-bottom:12px;
|
||
}
|
||
.product-desc{
|
||
font-size:15px;
|
||
color:var(--gray-600);
|
||
margin-bottom:24px;
|
||
}
|
||
.product-price{
|
||
font-size:28px;
|
||
font-weight:600;
|
||
color:var(--orange);
|
||
margin-bottom:24px;
|
||
}
|
||
.product-actions{
|
||
display:flex;
|
||
flex-direction:column;
|
||
align-items:center;
|
||
gap:12px;
|
||
}
|
||
.btn-dark{
|
||
background:var(--navy);
|
||
color:var(--white);
|
||
}
|
||
.btn-dark:hover{
|
||
background:var(--gray-800);
|
||
}
|
||
.product-link{
|
||
font-size:14px;
|
||
color:var(--orange);
|
||
font-weight:500;
|
||
}
|
||
.products-divider{
|
||
width:1px;
|
||
background:var(--gray-200);
|
||
}
|
||
.products-note{
|
||
text-align:center;
|
||
margin-top:48px;
|
||
font-size:15px;
|
||
color:var(--gray-600);
|
||
}
|
||
.products-note a{
|
||
color:var(--orange);
|
||
font-weight:500;
|
||
}
|
||
|
||
/* Method Section */
|
||
.method-section{
|
||
background:var(--gray-100);
|
||
}
|
||
.challenges-grid{
|
||
display:grid;
|
||
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
|
||
gap:24px;
|
||
margin-bottom:48px;
|
||
}
|
||
.challenge-item{
|
||
display:flex;
|
||
gap:16px;
|
||
align-items:flex-start;
|
||
}
|
||
.challenge-bullet{
|
||
width:24px;
|
||
height:24px;
|
||
flex-shrink:0;
|
||
background:var(--orange-light);
|
||
border-radius:50%;
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:center;
|
||
margin-top:4px;
|
||
}
|
||
.challenge-bullet svg{
|
||
width:14px;
|
||
height:14px;
|
||
}
|
||
.challenge-title{
|
||
font-weight:600;
|
||
color:var(--navy);
|
||
margin-bottom:4px;
|
||
}
|
||
.challenge-content p{
|
||
font-size:14px;
|
||
color:var(--gray-600);
|
||
}
|
||
.method-quote{
|
||
background:var(--white);
|
||
padding:32px;
|
||
border-radius:var(--radius);
|
||
border-right:4px solid var(--orange);
|
||
}
|
||
.method-quote p{
|
||
font-size:17px;
|
||
color:var(--gray-800);
|
||
margin-bottom:16px;
|
||
}
|
||
.method-quote a{
|
||
color:var(--orange);
|
||
font-weight:600;
|
||
}
|
||
|
||
/* Stories Section */
|
||
.stories-section{
|
||
background:var(--white);
|
||
}
|
||
.stories-grid{
|
||
display:grid;
|
||
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
|
||
gap:24px;
|
||
margin-bottom:32px;
|
||
}
|
||
.story-card{
|
||
background:var(--gray-100);
|
||
border-radius:var(--radius);
|
||
padding:32px;
|
||
position:relative;
|
||
}
|
||
.story-quote{
|
||
position:absolute;
|
||
top:16px;
|
||
right:24px;
|
||
font-size:60px;
|
||
color:var(--orange);
|
||
opacity:0.3;
|
||
line-height:1;
|
||
}
|
||
.story-name{
|
||
font-weight:600;
|
||
color:var(--navy);
|
||
margin-bottom:4px;
|
||
}
|
||
.story-score{
|
||
font-size:14px;
|
||
color:var(--orange);
|
||
font-weight:500;
|
||
margin-bottom:16px;
|
||
}
|
||
.story-card p{
|
||
font-size:15px;
|
||
color:var(--gray-600);
|
||
}
|
||
.stories-footer{
|
||
display:flex;
|
||
justify-content:space-between;
|
||
align-items:center;
|
||
flex-wrap:wrap;
|
||
gap:16px;
|
||
}
|
||
.stories-footer span{
|
||
font-size:13px;
|
||
color:var(--gray-400);
|
||
}
|
||
.stories-footer a{
|
||
color:var(--orange);
|
||
font-weight:600;
|
||
}
|
||
|
||
/* Mentors Section */
|
||
.mentors-section{
|
||
background:var(--orange-light);
|
||
}
|
||
.mentors-grid{
|
||
display:grid;
|
||
grid-template-columns:1fr 2fr;
|
||
gap:48px;
|
||
align-items:center;
|
||
}
|
||
.mentors-content h2{
|
||
margin-bottom:16px;
|
||
}
|
||
.mentors-content p{
|
||
color:var(--gray-600);
|
||
margin-bottom:24px;
|
||
}
|
||
.mentors-content a{
|
||
color:var(--orange);
|
||
font-weight:600;
|
||
}
|
||
.mentors-avatars{
|
||
display:flex;
|
||
gap:24px;
|
||
flex-wrap:wrap;
|
||
}
|
||
.mentor-avatar{
|
||
text-align:center;
|
||
}
|
||
.avatar{
|
||
width:80px;
|
||
height:80px;
|
||
border-radius:50%;
|
||
margin:0 auto 12px;
|
||
overflow:hidden;
|
||
}
|
||
.avatar svg{
|
||
width:100%;
|
||
height:100%;
|
||
}
|
||
.mentor-name{
|
||
font-weight:600;
|
||
color:var(--navy);
|
||
}
|
||
.mentor-role{
|
||
font-size:13px;
|
||
color:var(--gray-600);
|
||
}
|
||
|
||
/* Guide Section */
|
||
.guide-section{
|
||
background:var(--white);
|
||
}
|
||
.guide-links{
|
||
display:grid;
|
||
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
|
||
gap:12px;
|
||
margin-bottom:24px;
|
||
}
|
||
.guide-link{
|
||
display:flex;
|
||
justify-content:space-between;
|
||
align-items:center;
|
||
padding:16px 20px;
|
||
background:var(--gray-100);
|
||
border-radius:var(--radius-sm);
|
||
font-weight:500;
|
||
color:var(--navy);
|
||
transition:all 0.2s;
|
||
}
|
||
.guide-link:hover{
|
||
background:var(--orange-light);
|
||
color:var(--orange);
|
||
}
|
||
.section-link{
|
||
color:var(--orange);
|
||
font-weight:600;
|
||
}
|
||
|
||
/* Learn Section */
|
||
.learn-section{
|
||
background:var(--gray-100);
|
||
}
|
||
.videos-grid{
|
||
display:grid;
|
||
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
|
||
gap:24px;
|
||
margin-bottom:24px;
|
||
}
|
||
.video-card{
|
||
background:var(--white);
|
||
border-radius:var(--radius);
|
||
overflow:hidden;
|
||
box-shadow:var(--shadow);
|
||
transition:transform 0.3s;
|
||
}
|
||
.video-card:hover{
|
||
transform:translateY(-4px);
|
||
}
|
||
.video-thumb{
|
||
position:relative;
|
||
background:var(--gray-200);
|
||
aspect-ratio:16/10;
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:center;
|
||
}
|
||
.play-btn{
|
||
width:56px;
|
||
height:56px;
|
||
background:var(--orange);
|
||
border-radius:50%;
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:center;
|
||
}
|
||
.play-btn svg{
|
||
width:24px;
|
||
height:24px;
|
||
fill:var(--white);
|
||
margin-right:-3px;
|
||
}
|
||
.video-title{
|
||
padding:20px;
|
||
font-weight:600;
|
||
color:var(--navy);
|
||
}
|
||
|
||
/* About Section */
|
||
.about-section{
|
||
background:var(--white);
|
||
}
|
||
.about-strip{
|
||
display:grid;
|
||
grid-template-columns:auto 1fr auto;
|
||
gap:32px;
|
||
align-items:center;
|
||
background:var(--gray-100);
|
||
padding:32px;
|
||
border-radius:var(--radius);
|
||
}
|
||
.about-image svg{
|
||
width:100px;
|
||
height:auto;
|
||
}
|
||
.about-content h2{
|
||
font-size:24px;
|
||
margin-bottom:8px;
|
||
}
|
||
.about-content p{
|
||
font-size:15px;
|
||
color:var(--gray-600);
|
||
}
|
||
.about-link{
|
||
color:var(--orange);
|
||
font-weight:600;
|
||
white-space:nowrap;
|
||
}
|
||
|
||
/* Contact Section */
|
||
.contact-section{
|
||
background:var(--navy);
|
||
color:var(--white);
|
||
}
|
||
.contact-grid{
|
||
display:grid;
|
||
grid-template-columns:1fr 1fr;
|
||
gap:64px;
|
||
align-items:center;
|
||
}
|
||
.contact-section h2{
|
||
color:var(--white);
|
||
margin-bottom:32px;
|
||
}
|
||
.contact-form{
|
||
display:flex;
|
||
flex-direction:column;
|
||
gap:16px;
|
||
}
|
||
.contact-form input{
|
||
padding:16px 20px;
|
||
font-size:16px;
|
||
border:none;
|
||
border-radius:var(--radius-sm);
|
||
font-family:var(--font);
|
||
}
|
||
.contact-form input:focus{
|
||
outline:2px solid var(--orange);
|
||
}
|
||
.consent-label{
|
||
display:flex;
|
||
gap:12px;
|
||
font-size:13px;
|
||
color:rgba(255,255,255,0.7);
|
||
cursor:pointer;
|
||
}
|
||
.consent-label a{
|
||
color:var(--orange);
|
||
}
|
||
.checkbox-mark{
|
||
width:20px;
|
||
height:20px;
|
||
background:var(--white);
|
||
border-radius:4px;
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:center;
|
||
flex-shrink:0;
|
||
}
|
||
.checkbox-mark svg{
|
||
width:12px;
|
||
height:12px;
|
||
opacity:0;
|
||
}
|
||
.consent-label:hover .checkbox-mark svg{
|
||
opacity:0.3;
|
||
}
|
||
.contact-info{
|
||
display:flex;
|
||
flex-direction:column;
|
||
gap:20px;
|
||
}
|
||
.contact-item{
|
||
display:flex;
|
||
align-items:center;
|
||
gap:12px;
|
||
font-size:17px;
|
||
}
|
||
.contact-item svg{
|
||
width:24px;
|
||
height:24px;
|
||
fill:var(--orange);
|
||
}
|
||
|
||
/* Footer */
|
||
.site-footer{
|
||
background:var(--gray-800);
|
||
color:var(--white);
|
||
padding:64px 0 32px;
|
||
}
|
||
.footer-grid{
|
||
display:grid;
|
||
grid-template-columns:1.5fr repeat(4,1fr);
|
||
gap:32px;
|
||
margin-bottom:48px;
|
||
}
|
||
.footer-brand{
|
||
display:flex;
|
||
flex-direction:column;
|
||
gap:12px;
|
||
}
|
||
.footer-tagline{
|
||
color:var(--gray-400);
|
||
}
|
||
.footer-col-title{
|
||
font-weight:600;
|
||
margin-bottom:16px;
|
||
display:block;
|
||
}
|
||
.footer-col a{
|
||
display:block;
|
||
color:var(--gray-400);
|
||
font-size:14px;
|
||
padding:4px 0;
|
||
transition:color 0.2s;
|
||
}
|
||
.footer-col a:hover{
|
||
color:var(--orange);
|
||
}
|
||
.footer-divider{
|
||
height:1px;
|
||
background:var(--gray-600);
|
||
margin-bottom:24px;
|
||
}
|
||
.footer-bottom{
|
||
display:flex;
|
||
justify-content:space-between;
|
||
align-items:center;
|
||
flex-wrap:wrap;
|
||
gap:16px;
|
||
}
|
||
.footer-contact{
|
||
display:flex;
|
||
align-items:center;
|
||
gap:12px;
|
||
color:var(--gray-400);
|
||
}
|
||
.footer-contact svg{
|
||
width:20px;
|
||
height:20px;
|
||
fill:var(--orange);
|
||
}
|
||
.footer-social{
|
||
display:flex;
|
||
gap:16px;
|
||
}
|
||
.footer-social svg{
|
||
width:24px;
|
||
height:24px;
|
||
fill:var(--gray-400);
|
||
transition:fill 0.2s;
|
||
cursor:pointer;
|
||
}
|
||
.footer-social svg:hover{
|
||
fill:var(--orange);
|
||
}
|
||
.footer-legal{
|
||
text-align:center;
|
||
margin-top:24px;
|
||
color:var(--gray-600);
|
||
font-size:13px;
|
||
}
|
||
|
||
/* Floating WhatsApp */
|
||
.floating-whatsapp{
|
||
position:fixed;
|
||
bottom:24px;
|
||
left:24px;
|
||
width:60px;
|
||
height:60px;
|
||
background:#25D366;
|
||
border-radius:50%;
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:center;
|
||
box-shadow:var(--shadow-lg);
|
||
z-index:99;
|
||
transition:transform 0.3s;
|
||
}
|
||
.floating-whatsapp:hover{
|
||
transform:scale(1.1);
|
||
}
|
||
.floating-whatsapp svg{
|
||
width:32px;
|
||
height:32px;
|
||
fill:var(--white);
|
||
}
|
||
|
||
/* Mobile Action Bar */
|
||
.mobile-action-bar{
|
||
display:none;
|
||
position:fixed;
|
||
bottom:0;
|
||
left:0;
|
||
right:0;
|
||
background:var(--white);
|
||
border-top:1px solid var(--gray-200);
|
||
padding:12px 16px;
|
||
z-index:100;
|
||
}
|
||
.mobile-action-bar a{
|
||
display:flex;
|
||
flex-direction:column;
|
||
align-items:center;
|
||
gap:4px;
|
||
font-size:12px;
|
||
color:var(--gray-600);
|
||
}
|
||
.mobile-action-bar a svg{
|
||
width:24px;
|
||
height:24px;
|
||
}
|
||
.action-btn-primary{
|
||
color:var(--orange)!important;
|
||
}
|
||
.action-btn-primary svg{
|
||
fill:var(--orange);
|
||
}
|
||
|
||
/* Mobile Menu */
|
||
.mobile-menu{
|
||
position:fixed;
|
||
top:0;
|
||
right:-100%;
|
||
width:85%;
|
||
max-width:320px;
|
||
height:100vh;
|
||
background:var(--white);
|
||
z-index:200;
|
||
transition:right 0.3s ease;
|
||
overflow-y:auto;
|
||
}
|
||
.mobile-menu.active{
|
||
right:0;
|
||
}
|
||
.mobile-menu-overlay{
|
||
position:fixed;
|
||
inset:0;
|
||
background:rgba(0,0,0,0.5);
|
||
z-index:199;
|
||
opacity:0;
|
||
visibility:hidden;
|
||
transition:all 0.3s;
|
||
}
|
||
.mobile-menu-overlay.active{
|
||
opacity:1;
|
||
visibility:visible;
|
||
}
|
||
.mobile-menu-header{
|
||
display:flex;
|
||
justify-content:space-between;
|
||
align-items:center;
|
||
padding:20px 24px;
|
||
border-bottom:1px solid var(--gray-200);
|
||
}
|
||
.mobile-menu-close{
|
||
width:40px;
|
||
height:40px;
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:center;
|
||
font-size:24px;
|
||
color:var(--gray-600);
|
||
}
|
||
.mobile-nav{
|
||
padding:24px;
|
||
}
|
||
.mobile-nav a{
|
||
display:block;
|
||
padding:14px 0;
|
||
font-size:17px;
|
||
font-weight:500;
|
||
color:var(--navy);
|
||
border-bottom:1px solid var(--gray-200);
|
||
}
|
||
.mobile-menu-footer{
|
||
padding:24px;
|
||
}
|
||
.mobile-menu-footer .phone-number{
|
||
display:block;
|
||
text-align:center;
|
||
margin-bottom:16px;
|
||
font-size:18px;
|
||
font-weight:600;
|
||
color:var(--navy);
|
||
}
|
||
.mobile-menu-footer .btn{
|
||
width:100%;
|
||
}
|
||
|
||
/* Responsive */
|
||
@media(max-width:1024px){
|
||
.main-nav{display:none}
|
||
.header-cta{display:none}
|
||
.mobile-menu-btn{display:flex}
|
||
.hero-grid{grid-template-columns:1fr;text-align:center}
|
||
.hero-content{max-width:100%}
|
||
.hero-text{margin-inline:auto}
|
||
.hero-image{order:-1;margin-bottom:32px}
|
||
.hero-decoration{display:none}
|
||
.products-grid{grid-template-columns:1fr;gap:32px}
|
||
.products-divider{width:100%;height:1px}
|
||
.game-card{grid-template-columns:1fr}
|
||
.mentors-grid{grid-template-columns:1fr}
|
||
.contact-grid{grid-template-columns:1fr}
|
||
.about-strip{grid-template-columns:1fr;text-align:center}
|
||
.footer-grid{grid-template-columns:repeat(2,1fr)}
|
||
}
|
||
@media(max-width:768px){
|
||
section{padding:60px 0}
|
||
.footer-grid{grid-template-columns:1fr}
|
||
.mobile-action-bar{
|
||
display:grid;
|
||
grid-template-columns:repeat(3,1fr);
|
||
padding-bottom:calc(12px + env(safe-area-inset-bottom));
|
||
}
|
||
.floating-whatsapp{bottom:90px}
|
||
body{padding-bottom:80px}
|
||
}
|
||
@media(prefers-reduced-motion:reduce){
|
||
*{transition:none!important;animation:none!important}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<!-- Floating WhatsApp -->
|
||
<a href="#contact" class="floating-whatsapp" aria-label="וואטסאפ">
|
||
<svg viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
|
||
</a>
|
||
|
||
<!-- Header -->
|
||
<header class="site-header">
|
||
<div class="container">
|
||
<div class="header-inner">
|
||
<a href="index.html" class="logo">
|
||
<span class="logo-icon">E</span>
|
||
<span>eazy English</span>
|
||
</a>
|
||
<nav class="main-nav">
|
||
<a href="amirnet.html">אמירנט</a>
|
||
<a href="compare.html">הקורסים</a>
|
||
<a href="free.html">מתחילים בחינם</a>
|
||
<a href="learn.html">ללמוד אנגלית</a>
|
||
<a href="technion.html">מחשבון פטור מאנגלית</a>
|
||
<a href="about.html">עלינו</a>
|
||
</nav>
|
||
<div class="header-cta">
|
||
<span class="phone-number" dir="ltr">1-700-70-70-07</span>
|
||
<a href="#contact" class="cta-link">שיחת ייעוץ ←</a>
|
||
</div>
|
||
<button class="mobile-menu-btn" aria-label="תפריט" onclick="toggleMobileMenu()">
|
||
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12h18M3 6h18M3 18h18"/></svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Mobile Menu -->
|
||
<div class="mobile-menu" id="mobileMenu">
|
||
<div class="mobile-menu-header">
|
||
<span class="logo-icon" style="background:var(--orange);color:white">E</span>
|
||
<button class="mobile-menu-close" aria-label="סגור" onclick="toggleMobileMenu()">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg>
|
||
</button>
|
||
</div>
|
||
<nav class="mobile-nav">
|
||
<a href="amirnet.html">אמירנט</a>
|
||
<a href="compare.html">הקורסים</a>
|
||
<a href="free.html">מתחילים בחינם</a>
|
||
<a href="learn.html">ללמוד אנגלית</a>
|
||
<a href="technion.html">מחשבון פטור מאנגלית</a>
|
||
<a href="about.html">עלינו</a>
|
||
</nav>
|
||
<div class="mobile-menu-footer">
|
||
<span class="phone-number" dir="ltr">1-700-70-70-07</span>
|
||
<a href="#contact" class="btn btn-primary" onclick="toggleMobileMenu()">שיחת ייעוץ</a>
|
||
</div>
|
||
</div>
|
||
<div class="mobile-menu-overlay" id="mobileOverlay" onclick="toggleMobileMenu()"></div>
|
||
|
||
<!-- Hero Section -->
|
||
<section class="hero">
|
||
<div class="hero-decoration" aria-hidden="true">
|
||
<svg viewBox="0 0 500 600" fill="none">
|
||
<path d="M-100 0C200 100 400 200 300 400C200 600 0 550 -100 600V0Z" fill="#F7941D" opacity="0.15"/>
|
||
<path d="M-150 100C150 200 350 300 250 500C150 700 -50 650 -150 700V100Z" fill="#F7941D" opacity="0.1"/>
|
||
</svg>
|
||
</div>
|
||
<div class="container">
|
||
<div class="hero-grid">
|
||
<div class="hero-content">
|
||
<h1>אנגלית לאמירנט.<br><span class="hero-subtitle">בלי פחד. עם תוצאות.</span></h1>
|
||
<p class="hero-text">מאז 1998 עזרנו ל-120,000 תלמידים להגיע לאקדמיה – כולל כאלה שהיו בטוחים שאנגלית זה לא בשבילם.<br>קורס עם מדריך בזמן אמת, או ערכת תרגול עצמאית. בכל מקרה, מתחילים בחינם.</p>
|
||
<a href="level-test.html" class="btn btn-primary">בדקו את הרמה שלכם – 10 דקות</a>
|
||
</div>
|
||
<div class="hero-image">
|
||
<div class="hero-visual">
|
||
<svg viewBox="0 0 400 400" fill="none">
|
||
<circle cx="200" cy="200" r="180" fill="#FFF4E6"/>
|
||
<ellipse cx="200" cy="380" rx="100" ry="15" fill="#E9ECEF"/>
|
||
<rect x="140" y="200" width="120" height="140" rx="8" fill="#F7941D"/>
|
||
<rect x="150" y="210" width="100" height="80" rx="4" fill="white"/>
|
||
<circle cx="200" cy="130" r="60" fill="#FFE4D4"/>
|
||
<circle cx="200" cy="120" r="45" fill="#F7941D" opacity="0.3"/>
|
||
<path d="M170 140 Q200 160 230 140" stroke="#1E3A5F" stroke-width="3" fill="none" stroke-linecap="round"/>
|
||
<circle cx="180" cy="115" r="5" fill="#1E3A5F"/>
|
||
<circle cx="220" cy="115" r="5" fill="#1E3A5F"/>
|
||
<rect x="160" y="220" width="80" height="8" rx="4" fill="#E9ECEF"/>
|
||
<rect x="160" y="240" width="60" height="8" rx="4" fill="#E9ECEF"/>
|
||
<rect x="160" y="260" width="70" height="8" rx="4" fill="#E9ECEF"/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- University Logos -->
|
||
<div class="uni-section">
|
||
<p class="uni-title">המוסדות הכי נחשבים בארץ ממליצים על הקורסים שלנו</p>
|
||
<span class="uni-hint">לחצו על לוגו כדי לקרוא למה הם שמחים לפרגן</span>
|
||
<div class="uni-logos">
|
||
<button class="uni-logo">טכניון</button>
|
||
<button class="uni-logo">תל אביב</button>
|
||
<button class="uni-logo">עברית</button>
|
||
<button class="uni-logo">בן גוריון</button>
|
||
<button class="uni-logo">בר אילן</button>
|
||
<button class="uni-logo">חיפה</button>
|
||
<button class="uni-logo">אריאל</button>
|
||
<button class="uni-logo">פתוחה</button>
|
||
<button class="uni-logo">הרצליה</button>
|
||
<button class="uni-logo">קולמן</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Where Section -->
|
||
<section class="where-section">
|
||
<div class="container">
|
||
<h2>מה המצב שלך באנגלית?</h2>
|
||
<p class="section-subtitle">לחצו על המשפט שהכי מתאר אתכם – ותקבלו עמוד עם תשובות ומסלול בדיוק בשבילכם.</p>
|
||
<div class="situation-cards">
|
||
<a href="soldiers.html" class="situation-card">
|
||
<span class="situation-num">01</span>
|
||
<span class="situation-title">"בדרך לתואר, רוצה לסגור את האנגלית מראש"</span>
|
||
<span class="situation-desc">להגיע עם פטור ולחסוך שנה של קורסים.</span>
|
||
<span class="situation-cta">זה אני ←</span>
|
||
</a>
|
||
<a href="improve-score.html" class="situation-card">
|
||
<span class="situation-num">02</span>
|
||
<span class="situation-title">"קיבלתי ציון, רוצה להעלות אותו"</span>
|
||
<span class="situation-desc">35 יום עד המבחן הבא. אפשר לנצל אותם.</span>
|
||
<span class="situation-cta">זה אני ←</span>
|
||
</a>
|
||
<a href="english-is-hard.html" class="situation-card">
|
||
<span class="situation-num">03</span>
|
||
<span class="situation-title">"אנגלית תמיד הייתה סיוט בשבילי"</span>
|
||
<span class="situation-desc">כאן זה עובד אחרת. באמת. שווה לבדוק.</span>
|
||
<span class="situation-cta">זה אני ←</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Game Section -->
|
||
<section class="game-section">
|
||
<div class="container">
|
||
<div class="game-card">
|
||
<div class="game-content">
|
||
<span class="game-badge">בלי הרשמה</span>
|
||
<h2>עד 90 שניות טעימה של תותח מילים</h2>
|
||
<p>תראו למה התלמידים שלנו לא נרדמים על אוצר מילים.</p>
|
||
<a href="free.html" class="game-link">משחקים עכשיו ←</a>
|
||
</div>
|
||
<div class="game-visual">
|
||
<svg viewBox="0 0 300 180" fill="none">
|
||
<rect width="300" height="180" rx="12" fill="#1E3A5F"/>
|
||
<rect x="20" y="20" width="260" height="100" rx="8" fill="white"/>
|
||
<text x="150" y="70" text-anchor="middle" font-size="18" fill="#1E3A5F" font-weight="600">תותח מילים</text>
|
||
<text x="150" y="95" text-anchor="middle" font-size="12" fill="#6C757D">לחצו להתחיל</text>
|
||
<rect x="100" y="140" width="100" height="28" rx="14" fill="#F7941D"/>
|
||
<text x="150" y="158" text-anchor="middle" font-size="12" fill="white" font-weight="600">התחל</text>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Products Section -->
|
||
<section class="products-section">
|
||
<div class="container">
|
||
<h2 class="products-title">שתי דרכים להגיע <span class="highlight">ליעד</span></h2>
|
||
<div class="products-grid">
|
||
<div class="product-col">
|
||
<div class="product-name">עצמאית, עם יוזר אמירנט אישי</div>
|
||
<p class="product-desc">לומדים לבד, בקצב שלכם. סימולציות, שיעורים מוקלטים, משחקים, מילון לפי רמה.</p>
|
||
<div class="product-price">עד 600 ₪</div>
|
||
<div class="product-actions">
|
||
<a href="user.html" class="btn btn-dark">לרכישה</a>
|
||
<a href="user.html" class="product-link">פרטים ←</a>
|
||
</div>
|
||
</div>
|
||
<div class="products-divider"></div>
|
||
<div class="product-col">
|
||
<div class="product-name">ביחד, בכיתה אונליין / פרונטלית</div>
|
||
<p class="product-desc">מדריך בזמן אמת, קבוצה קטנה, מישהו שאכפת לו אם הגעתם.</p>
|
||
<div class="product-price">מ-1,500 ₪</div>
|
||
<div class="product-actions">
|
||
<a href="#contact" class="btn btn-primary">שיחת ייעוץ</a>
|
||
<a href="course.html" class="product-link">פרטים ←</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p class="products-note">לא בטוחים? <a href="compare.html">איזה מתאים לי</a> או פשוט תכתבו לנו <a href="#contact">בוואטסאפ</a>.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Method Section -->
|
||
<section class="method-section">
|
||
<div class="container">
|
||
<h2>איפה האתגרים ואיך מתגברים עליהם</h2>
|
||
<div class="challenges-grid">
|
||
<div class="challenge-item">
|
||
<div class="challenge-bullet">
|
||
<svg viewBox="0 0 14 14" fill="none"><path d="M3 7L6 10L11 4" stroke="#F7941D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
</div>
|
||
<div class="challenge-content">
|
||
<div class="challenge-title">אוצר מילים לא נכנס לראש</div>
|
||
<p>משחקים ממכרים ומילונים לפי רמות.</p>
|
||
</div>
|
||
</div>
|
||
<div class="challenge-item">
|
||
<div class="challenge-bullet">
|
||
<svg viewBox="0 0 14 14" fill="none"><path d="M3 7L6 10L11 4" stroke="#F7941D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
</div>
|
||
<div class="challenge-content">
|
||
<div class="challenge-title">לא מבינים את סוגי השאלות</div>
|
||
<p>שיעורים ממוקדים, תרגולים ו-VOD.</p>
|
||
</div>
|
||
</div>
|
||
<div class="challenge-item">
|
||
<div class="challenge-bullet">
|
||
<svg viewBox="0 0 14 14" fill="none"><path d="M3 7L6 10L11 4" stroke="#F7941D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
</div>
|
||
<div class="challenge-content">
|
||
<div class="challenge-title">קשה להתמיד לבד</div>
|
||
<p>מדריך בזמן אמת + ליווי + תוכנית לימוד מסודרת.</p>
|
||
</div>
|
||
</div>
|
||
<div class="challenge-item">
|
||
<div class="challenge-bullet">
|
||
<svg viewBox="0 0 14 14" fill="none"><path d="M3 7L6 10L11 4" stroke="#F7941D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
</div>
|
||
<div class="challenge-content">
|
||
<div class="challenge-title">אנגלית מלחיצה אתכם מגיל 12</div>
|
||
<p>שיטה חווייתית שמורידה את הרתיעה.</p>
|
||
</div>
|
||
</div>
|
||
<div class="challenge-item">
|
||
<div class="challenge-bullet">
|
||
<svg viewBox="0 0 14 14" fill="none"><path d="M3 7L6 10L11 4" stroke="#F7941D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
</div>
|
||
<div class="challenge-content">
|
||
<div class="challenge-title">לקות למידה / הזמן הורג אתכם</div>
|
||
<p>ניסיון של שנים עם התאמות.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="method-quote">
|
||
<p>רוב הקורסים מלמדים את המבחן. אנחנו מלמדים גם את האדם שנבחן. 28 שנים של עבודה עם חיילים, סטודנטים, לקויי למידה ומי שפשוט התייאש – לימדו אותנו שהמפתח הוא לא עוד תרגול, אלא ללמוד בלי לחץ, בשיטה חווייתית שגורמת לך לרצות לחזור.</p>
|
||
<a href="about.html">איך השיטה עובדת ←</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Stories Section -->
|
||
<section class="stories-section">
|
||
<div class="container">
|
||
<h2>בוגרים משתפים</h2>
|
||
<div class="stories-grid">
|
||
<div class="story-card">
|
||
<span class="story-quote" aria-hidden="true">"</span>
|
||
<div class="story-name">ירדן, אחרי צבא</div>
|
||
<div class="story-score">מ-92 ל-136 ב-7 שבועות</div>
|
||
<p>הייתי בטוחה שאנגלית זה לא בשבילי. המשחקים גרמו לי לחזור כל יום בלי להרגיש שאני לומדת.</p>
|
||
</div>
|
||
<div class="story-card">
|
||
<span class="story-quote" aria-hidden="true">"</span>
|
||
<div class="story-name">עומר, סטודנט בטכניון</div>
|
||
<div class="story-score">134 לפטור מלא</div>
|
||
<p>סגרתי את הפטור לפני שהתואר התחיל. המדריך ידע בדיוק איפה אני נתקע בכל פרק.</p>
|
||
</div>
|
||
<div class="story-card">
|
||
<span class="story-quote" aria-hidden="true">"</span>
|
||
<div class="story-name">נועה, לקות למידה</div>
|
||
<div class="story-score">פטור אחרי 3 ניסיונות לבד</div>
|
||
<p>אחרי שנים של תסכול, מישהו סוף סוף התאים לי את הדרך במקום לדחוף עוד תרגולים.</p>
|
||
</div>
|
||
</div>
|
||
<div class="stories-footer">
|
||
<span>מומלץ ע"י הטכניון · אונ' תל אביב · העברית · בן גוריון · בר אילן · חיפה · אריאל</span>
|
||
<a href="story-itay.html">כל הסיפורים ←</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Mentors Section -->
|
||
<section class="mentors-section">
|
||
<div class="container">
|
||
<div class="mentors-grid">
|
||
<div class="mentors-content">
|
||
<h2>המדריכים שלנו</h2>
|
||
<p>אנשים אמיתיים שמלמדים בזמן אמת, עונים בוואטסאפ, ויודעים בדיוק מתי לעצור ולהסביר שוב. רובם עברו את הדרך הזאת בעצמם.</p>
|
||
<a href="about.html">להכיר את כולם ←</a>
|
||
</div>
|
||
<div class="mentors-avatars">
|
||
<div class="mentor-avatar">
|
||
<div class="avatar">
|
||
<svg viewBox="0 0 80 80" fill="none">
|
||
<circle cx="40" cy="40" r="40" fill="#FFF4E6"/>
|
||
<circle cx="40" cy="32" r="16" fill="#F7941D"/>
|
||
<ellipse cx="40" cy="70" rx="24" ry="18" fill="#F7941D"/>
|
||
</svg>
|
||
</div>
|
||
<div class="mentor-name">נעה</div>
|
||
<div class="mentor-role">אנגלית לאמירנט · 12 שנים</div>
|
||
</div>
|
||
<div class="mentor-avatar">
|
||
<div class="avatar">
|
||
<svg viewBox="0 0 80 80" fill="none">
|
||
<circle cx="40" cy="40" r="40" fill="#E9ECEF"/>
|
||
<circle cx="40" cy="32" r="16" fill="#1E3A5F"/>
|
||
<ellipse cx="40" cy="70" rx="24" ry="18" fill="#1E3A5F"/>
|
||
</svg>
|
||
</div>
|
||
<div class="mentor-name">אלון</div>
|
||
<div class="mentor-role">מוביל הקורס האונליין</div>
|
||
</div>
|
||
<div class="mentor-avatar">
|
||
<div class="avatar">
|
||
<svg viewBox="0 0 80 80" fill="none">
|
||
<circle cx="40" cy="40" r="40" fill="#FFF4E6"/>
|
||
<circle cx="40" cy="32" r="16" fill="#F7941D"/>
|
||
<ellipse cx="40" cy="70" rx="24" ry="18" fill="#F7941D"/>
|
||
</svg>
|
||
</div>
|
||
<div class="mentor-name">יובל</div>
|
||
<div class="mentor-role">מתמחה בלקויות למידה</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Guide Section -->
|
||
<section class="guide-section">
|
||
<div class="container">
|
||
<h2>מדריך אמירנט</h2>
|
||
<div class="guide-links">
|
||
<a href="amirnet.html" class="guide-link">מה זה אמירנט<span>←</span></a>
|
||
<a href="amirnet.html" class="guide-link">כמה צריך לפטור<span>←</span></a>
|
||
<a href="amirnet.html" class="guide-link">מבנה הבחינה<span>←</span></a>
|
||
<a href="amirnet.html" class="guide-link">הרשמה ומועדים<span>←</span></a>
|
||
<a href="amirnet.html" class="guide-link">אמיר"ם מול אמירנט<span>←</span></a>
|
||
<a href="amirnet.html" class="guide-link">מבחן לדוגמה<span>←</span></a>
|
||
</div>
|
||
<a href="amirnet.html" class="section-link">למדריך המלא ←</a>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Learn Section -->
|
||
<section class="learn-section">
|
||
<div class="container">
|
||
<h2>ללמוד אנגלית, בכיף</h2>
|
||
<div class="videos-grid">
|
||
<a href="vocabulary.html" class="video-card">
|
||
<div class="video-thumb">
|
||
<span class="play-btn">
|
||
<svg viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>
|
||
</span>
|
||
</div>
|
||
<div class="video-title">איך משננים אוצר מילים באמת</div>
|
||
</a>
|
||
<a href="learn.html" class="video-card">
|
||
<div class="video-thumb">
|
||
<span class="play-btn">
|
||
<svg viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>
|
||
</span>
|
||
</div>
|
||
<div class="video-title">ללמוד אנגלית מסרטים וסדרות</div>
|
||
</a>
|
||
<a href="learn.html" class="video-card">
|
||
<div class="video-thumb">
|
||
<span class="play-btn">
|
||
<svg viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>
|
||
</span>
|
||
</div>
|
||
<div class="video-title">טיקטוק ורילס כמורה לאנגלית</div>
|
||
</a>
|
||
</div>
|
||
<a href="learn.html" class="section-link">לכל הטיפים ←</a>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- About Section -->
|
||
<section class="about-section">
|
||
<div class="container">
|
||
<div class="about-strip">
|
||
<div class="about-image">
|
||
<svg viewBox="0 0 100 140" fill="none">
|
||
<ellipse cx="50" cy="130" rx="40" ry="8" fill="#E9ECEF"/>
|
||
<rect x="25" y="70" width="50" height="60" rx="6" fill="#F7941D"/>
|
||
<circle cx="50" cy="45" r="30" fill="#FFE4D4"/>
|
||
<circle cx="50" cy="40" r="20" fill="#F7941D" opacity="0.3"/>
|
||
</svg>
|
||
</div>
|
||
<div class="about-content">
|
||
<h2>מ-1998, מהטכניון ועד בן גוריון</h2>
|
||
<p>התחלנו כשהאנגלית עוד הייתה חלק מהפסיכומטרי, והקורסים שלנו הומלצו ע"י האוניברסיטאות המובילות. היום אנחנו עושים את אותו הדבר לאמירנט.</p>
|
||
</div>
|
||
<a href="about.html" class="about-link">הסיפור שלנו ←</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Contact Section -->
|
||
<section id="contact" class="contact-section">
|
||
<div class="container">
|
||
<div class="contact-grid">
|
||
<div class="contact-form-wrap">
|
||
<h2>אני רוצה להתקדם באנגלית</h2>
|
||
<form class="contact-form" id="leadForm">
|
||
<input type="text" name="name" placeholder="שם" required>
|
||
<input type="tel" name="phone" placeholder="טלפון" dir="ltr" required>
|
||
<button type="submit" class="btn btn-primary" style="width:100%">דברו איתי</button>
|
||
<label class="consent-label">
|
||
<span class="checkbox-mark">
|
||
<svg viewBox="0 0 12 12" fill="none"><path d="M2 6L5 9L10 3" stroke="#F7941D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
</span>
|
||
<span>אני מאשר/ת פנייה חוזרת ושמירת הפרטים לצורך כך בלבד, בהתאם ל<a href="privacy.html">מדיניות הפרטיות</a>.</span>
|
||
</label>
|
||
</form>
|
||
</div>
|
||
<div class="contact-info">
|
||
<div class="contact-item">
|
||
<svg viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>
|
||
<span dir="ltr">1-700-70-70-07</span>
|
||
</div>
|
||
<div class="contact-item">
|
||
<svg viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
|
||
<span>וואטסאפ</span>
|
||
</div>
|
||
<div class="contact-item">
|
||
<svg viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"/></svg>
|
||
<span>ימים א'–ה' 9:00–19:00, ו' 9:00–13:00</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Footer -->
|
||
<footer class="site-footer">
|
||
<div class="container">
|
||
<div class="footer-grid">
|
||
<div class="footer-brand">
|
||
<span class="logo-icon" style="background:var(--orange);color:white;width:48px;height:48px;font-size:20px">E</span>
|
||
<span class="footer-tagline">פשוט תצליחו.</span>
|
||
</div>
|
||
<div class="footer-col">
|
||
<span class="footer-col-title">אמירנט</span>
|
||
<a href="amirnet.html">המדריך המלא</a>
|
||
<a href="amirnet.html">ציונים ורמות</a>
|
||
<a href="amirnet.html">הרשמה ומועדים</a>
|
||
</div>
|
||
<div class="footer-col">
|
||
<span class="footer-col-title">התנסות בחינם</span>
|
||
<a href="free.html">מבחן רמה</a>
|
||
<a href="free.html">תותח מילים</a>
|
||
<a href="free.html">מחשבון פטור</a>
|
||
</div>
|
||
<div class="footer-col">
|
||
<span class="footer-col-title">הקורסים</span>
|
||
<a href="course.html">קורס אמירנט אונליין</a>
|
||
<a href="user.html">יוזר אמירנט</a>
|
||
<a href="#contact">למוסדות</a>
|
||
</div>
|
||
<div class="footer-col">
|
||
<span class="footer-col-title">eazy</span>
|
||
<a href="about.html">עלינו</a>
|
||
<a href="about.html">המדריכים</a>
|
||
<a href="#contact">יצירת קשר</a>
|
||
</div>
|
||
</div>
|
||
<div class="footer-divider"></div>
|
||
<div class="footer-bottom">
|
||
<div class="footer-contact">
|
||
<svg viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
|
||
<span>דברו איתנו</span>
|
||
<span style="margin:0 8px">|</span>
|
||
<span dir="ltr">1-700-70-70-07</span>
|
||
</div>
|
||
<div class="footer-social">
|
||
<svg viewBox="0 0 24 24"><path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"/></svg>
|
||
<svg viewBox="0 0 24 24"><path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/></svg>
|
||
<svg viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
|
||
</div>
|
||
</div>
|
||
<div class="footer-legal">
|
||
<span>© eazy English 2024</span>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<!-- Mobile Action Bar -->
|
||
<div class="mobile-action-bar">
|
||
<a href="tel:1700707007" class="action-btn">
|
||
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>
|
||
<span>חייגו</span>
|
||
</a>
|
||
<a href="#contact" class="action-btn action-btn-primary">
|
||
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
|
||
<span>וואטסאפ</span>
|
||
</a>
|
||
<a href="level-test.html" class="action-btn">
|
||
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"/></svg>
|
||
<span>מבחן רמה</span>
|
||
</a>
|
||
</div>
|
||
|
||
<script>
|
||
function toggleMobileMenu(){
|
||
document.getElementById('mobileMenu').classList.toggle('active');
|
||
document.getElementById('mobileOverlay').classList.toggle('active');
|
||
document.body.style.overflow=document.getElementById('mobileMenu').classList.contains('active')?'hidden':'';
|
||
}
|
||
|
||
// Smooth scroll for anchor links
|
||
document.querySelectorAll('a[href^="#"]').forEach(anchor=>{
|
||
anchor.addEventListener('click',function(e){
|
||
const target=document.querySelector(this.getAttribute('href'));
|
||
if(target){
|
||
e.preventDefault();
|
||
target.scrollIntoView({behavior:'smooth'});
|
||
if(document.getElementById('mobileMenu').classList.contains('active')){
|
||
toggleMobileMenu();
|
||
}
|
||
}
|
||
});
|
||
});
|
||
|
||
// Form submission
|
||
document.getElementById('leadForm').addEventListener('submit',function(e){
|
||
e.preventDefault();
|
||
alert('תודה! ניצור איתך קשר בהקדם.');
|
||
this.reset();
|
||
});
|
||
|
||
// Intersection Observer for animations
|
||
if('IntersectionObserver'in window&&!window.matchMedia('(prefers-reduced-motion: reduce)').matches){
|
||
const observer=new IntersectionObserver((entries)=>{
|
||
entries.forEach(entry=>{
|
||
if(entry.isIntersecting){
|
||
entry.target.style.opacity='1';
|
||
entry.target.style.transform='translateY(0)';
|
||
}
|
||
});
|
||
},{threshold:0.1});
|
||
|
||
document.querySelectorAll('section').forEach(section=>{
|
||
section.style.opacity='0';
|
||
section.style.transform='translateY(20px)';
|
||
section.style.transition='opacity 0.6s ease, transform 0.6s ease';
|
||
observer.observe(section);
|
||
});
|
||
}
|
||
</script>
|
||
</body>
|
||
</html> |