Elementor #8511

בית - שש שנתי משה ארנס פתח תקוה :root{ --bg:#070b14; --panel:#0d1424; --panel2:#101a30; --line:rgba(148,163,184,.14); --cyan:#22d3ee; --violet:#818cf8; --text:#e2e8f0; --muted:#94a3b8; } *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} body{background:var(--bg);color:var(--text);font-family:'Heebo',sans-serif;overflow-x:hidden} body::before{content:'';position:fixed;inset:0;z-index:-1; background-image:linear-gradient(rgba(148,163,184,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.05) 1px,transparent 1px); background-size:44px 44px; mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,#000 40%,transparent 100%)} a{color:inherit;text-decoration:none} img{display:block;max-width:100%} .wrap{max-width:1200px;margin:0 auto;padding:0 24px} /* header */ header{position:fixed;top:0;right:0;left:0;z-index:100;transition:.3s; background:rgba(7,11,20,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px); border-bottom:1px solid transparent} header.scrolled{background:rgba(7,11,20,.88);border-bottom-color:var(--line)} .hbar{display:flex;align-items:center;gap:20px;height:72px} .brand{display:flex;align-items:center;gap:12px;flex-shrink:0} .brand img{height:48px;width:auto;filter:drop-shadow(0 0 10px rgba(34,211,238,.35))} .brand span{font-weight:700;font-size:15px;line-height:1.2} nav#mainnav{display:flex;align-items:center;gap:2px;margin-inline-start:auto;flex-wrap:wrap;justify-content:flex-end} nav#mainnav .ni{position:relative} nav#mainnav .ni>a{display:block;padding:10px 12px;font-size:14px;font-weight:500;color:var(--muted);border-radius:8px;transition:.2s;white-space:nowrap} nav#mainnav .ni>a:hover{color:var(--cyan);background:rgba(34,211,238,.08)} .dd{position:absolute;top:100%;right:0;min-width:260px;max-width:340px;padding:8px;border-radius:14px; background:rgba(13,20,36,.97);border:1px solid var(--line);box-shadow:0 20px 50px rgba(0,0,0,.5); opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;z-index:50} .ni:hover .dd{opacity:1;visibility:visible;transform:translateY(0)} .dd a{display:block;padding:9px 12px;font-size:13.5px;color:var(--muted);border-radius:8px;line-height:1.4} .dd a:hover{color:#fff;background:linear-gradient(90deg,rgba(34,211,238,.14),rgba(129,140,248,.14))} #burger{display:none;margin-inline-start:auto;background:none;border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:22px;padding:4px 12px;cursor:pointer} /* hero */ .hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden; background:linear-gradient(180deg,#0a1020 0%,var(--bg) 100%)} .hero .shade{position:absolute;inset:0;background: radial-gradient(ellipse 55% 45% at 82% 30%,rgba(34,211,238,.13),transparent 65%), radial-gradient(ellipse 50% 55% at 15% 75%,rgba(129,140,248,.12),transparent 65%), radial-gradient(ellipse 80% 40% at 50% 115%,rgba(45,212,191,.08),transparent 60%); animation:aurora 12s ease-in-out infinite alternate} @keyframes aurora{to{filter:hue-rotate(25deg);opacity:.75}} .orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.4;pointer-events:none;animation:float 9s ease-in-out infinite} .o1{width:340px;height:340px;background:rgba(34,211,238,.35);top:12%;right:-90px} .o2{width:280px;height:280px;background:rgba(129,140,248,.35);bottom:8%;left:6%;animation-delay:-4.5s} @keyframes float{50%{transform:translateY(-30px)}} .heroflex{position:relative;z-index:2;width:100%} .hero .inner{max-width:680px;padding:140px 0 110px;text-align:start} .kickline{display:flex;align-items:center;gap:12px;font-size:13.5px;font-weight:500;letter-spacing:3px;color:var(--cyan);margin-bottom:22px} .kickline .dash{width:44px;height:1.5px;background:linear-gradient(90deg,var(--cyan),transparent)} h1{font-size:clamp(32px,5.5vw,62px);font-weight:900;line-height:1.15;letter-spacing:-.5px} h1 .grad{background:linear-gradient(90deg,var(--cyan),var(--violet),var(--cyan));background-size:200% 100%; -webkit-background-clip:text;background-clip:text;color:transparent;animation:gradshift 5s linear infinite} @keyframes gradshift{to{background-position:-200% 0}} .hline{width:110px;height:3px;border-radius:3px;margin:24px 0 18px;background:linear-gradient(90deg,var(--cyan),var(--violet)); box-shadow:0 0 14px rgba(34,211,238,.6);transform-origin:right;animation:grow 1.2s .3s both} @keyframes grow{from{transform:scaleX(0)}} .motto{font-size:clamp(22px,3.2vw,34px);font-weight:700;min-height:1.5em;color:#fff} .caret{display:inline-block;width:.52em;height:1.05em;margin-inline-start:5px;vertical-align:-.14em; background:rgba(34,211,238,.8);box-shadow:0 0 12px rgba(34,211,238,.7); animation:blink 1s step-end infinite} @keyframes blink{50%{opacity:0}} .hero p,.hero .ctas{opacity:0;transform:translateY(14px);transition:opacity .7s,transform .7s} .hero p.show,.hero .ctas.show{opacity:1;transform:none} .hero p{font-size:17px;color:var(--muted);max-width:560px;margin-top:20px;line-height:1.8} .ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px} .scrolldown{position:absolute;bottom:22px;right:50%;transform:translateX(50%);z-index:3;font-size:20px;color:var(--muted); animation:bob 2s ease-in-out infinite} .scrolldown:hover{color:var(--cyan)} @keyframes bob{50%{transform:translateX(50%) translateY(8px)}} .btn{padding:13px 30px;border-radius:12px;font-size:15.5px;font-weight:700;transition:.25s;cursor:pointer;border:none;font-family:inherit} .btn.primary{color:#04151c;background:linear-gradient(90deg,var(--cyan),#67e8f9);box-shadow:0 8px 30px rgba(34,211,238,.35)} .btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(34,211,238,.5)} .btn.ghost{color:var(--text);background:rgba(148,163,184,.08);border:1px solid var(--line)} .btn.ghost:hover{border-color:var(--cyan);color:var(--cyan)} /* sections */ section{padding:90px 0} .sechead{text-align:center;margin-bottom:52px} .sechead .kicker{font-size:13px;font-weight:700;letter-spacing:3px;color:var(--cyan);text-transform:uppercase} .sechead h2{font-size:clamp(26px,4vw,40px);font-weight:900;margin-top:10px} .sechead .bar{width:70px;height:3px;margin:18px auto 0;border-radius:3px;background:linear-gradient(90deg,var(--cyan),var(--violet))} /* grades */ .grades{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px} .gcard{position:relative;text-align:center;padding:38px 18px 30px;border-radius:20px;overflow:hidden; background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);transition:.3s} .gcard::before{content:'';position:absolute;inset:0;opacity:0;transition:.3s; background:radial-gradient(circle at 50% 0%,rgba(34,211,238,.16),transparent 70%)} .gcard:hover{transform:translateY(-6px);border-color:rgba(34,211,238,.5);box-shadow:0 18px 45px rgba(0,0,0,.45)} .gcard:hover::before{opacity:1} .gletter{position:relative;font-size:52px;font-weight:900;line-height:1; background:linear-gradient(180deg,#fff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent} .gcard .lbl{position:relative;display:inline-block;margin-top:16px;font-size:14px;font-weight:500;color:var(--muted);transition:.3s} .gcard:hover .lbl{color:var(--cyan)} .gcard .lbl::after{content:'←';margin-inline-start:6px;display:inline-block;transition:.3s} .gcard:hover .lbl::after{transform:translateX(-4px)} /* כדורי הערכים - פיזיקה בבאנר */ .pball{position:absolute;top:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;text-align:center; border-radius:50%;font-weight:700;color:#fff;cursor:grab;user-select:none;-webkit-user-select:none; line-height:1.3;padding:12px;will-change:transform;transition:box-shadow .3s;touch-action:none; backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)} .pball:active{cursor:grabbing} .pball.c1{background:radial-gradient(circle at 32% 26%,rgba(34,211,238,.4),rgba(10,16,30,.88) 74%); border:1.5px solid rgba(34,211,238,.6);box-shadow:0 0 34px rgba(34,211,238,.3),inset 0 0 26px rgba(34,211,238,.16)} .pball.c2{background:radial-gradient(circle at 32% 26%,rgba(129,140,248,.42),rgba(10,16,30,.88) 74%); border:1.5px solid rgba(129,140,248,.6);box-shadow:0 0 34px rgba(129,140,248,.32),inset 0 0 26px rgba(129,140,248,.17)} .pball.c3{background:radial-gradient(circle at 32% 26%,rgba(45,212,191,.4),rgba(10,16,30,.88) 74%); border:1.5px solid rgba(45,212,191,.6);box-shadow:0 0 34px rgba(45,212,191,.3),inset 0 0 26px rgba(45,212,191,.16)} .pball:hover{box-shadow:0 0 55px rgba(34,211,238,.5),inset 0 0 26px rgba(34,211,238,.22)} .physhint{position:absolute;bottom:24px;inset-inline-end:24px;z-index:3;font-size:12.5px;color:var(--muted);pointer-events:none;opacity:.85} /* news */ #newsgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px} .ncard{border-radius:18px;overflow:hidden;background:var(--panel);border:1px solid var(--line); transition:.3s;display:flex;flex-direction:column} .ncard:hover{transform:translateY(-6px);border-color:rgba(129,140,248,.55);box-shadow:0 18px 45px rgba(0,0,0,.5)} .ncard .imgbox{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--panel2)} .ncard img{width:100%;height:100%;object-fit:cover;transition:.5s} .ncard:hover img{transform:scale(1.07)} .ncard .imgbox::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,11,20,.55))} .ncard h3{padding:18px 18px 22px;font-size:16px;font-weight:700;line-height:1.5;flex:1} .morewrap{text-align:center;margin-top:40px} /* footer */ footer{border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,rgba(13,20,36,.8));padding:56px 0 34px;text-align:center} .socials{display:flex;gap:14px;justify-content:center;margin:22px 0} .socials a{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center; border:1px solid var(--line);background:var(--panel);transition:.25s;font-size:19px} .socials a:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-3px);box-shadow:0 8px 20px rgba(34,211,238,.25)} footer .note{font-size:12.5px;color:var(--muted);margin-top:18px} /* reveal */ .rv{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s} .rv.on{opacity:1;transform:none} @media(max-width:1024px){ #burger{display:block} nav#mainnav{display:none;position:fixed;top:72px;right:0;left:0;max-height:calc(100vh - 72px);overflow-y:auto; flex-direction:column;align-items:stretch;padding:12px 18px 24px;gap:4px; background:rgba(7,11,20,.97);border-bottom:1px solid var(--line)} nav#mainnav.open{display:flex} .dd{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none; background:transparent;padding:0 18px 6px;min-width:0;max-width:none} }

שש שנתי
משה ארנס

שש שנתי · פתח תקווה

רוצים ללמוד ולהצליח ולצד זה להתפתח ולהתקדם? הגעתם למקום הנכון! בואו ללמוד במקום שיוביל אתכם לצמוח ולבנות חברה טובה יותר…

כניסה לשכבות מה מתרחש אצלנו?

▾

✋ אפשר לגרור את הכדורים

שש-שנתי ארנס

כניסה לשכבות

חדשות ואירועים

מה מתרחש אצלנו?

${n.sub.map(s=>`${s.t}`).join("")}

`:""; return `

${n.t}${n.sub?" ▾":""}${dd}

`; }).join(""); /* render grades */ document.getElementById("gradegrid").innerHTML=GRADES.map(g=> `

${g.g}

כניסה לשכבה`).join(""); /* render news with load-more */ const grid=document.getElementById("newsgrid"),STEP=12;let shown=0; function card(n){ return `

${n.t}

`; } function more(){ const next=NEWS.slice(shown,shown+STEP); grid.insertAdjacentHTML("beforeend",next.map(card).join("")); shown+=next.length; grid.querySelectorAll(".rv:not(.on)").forEach(el=>io.observe(el)); if(shown>=NEWS.length)document.getElementById("morebtn").style.display="none"; } document.getElementById("morebtn").onclick=more; /* reveal on scroll */ const io=new IntersectionObserver(es=>es.forEach(e=>{ if(e.isIntersecting){e.target.classList.add("on");io.unobserve(e.target);} }),{threshold:.12}); document.querySelectorAll(".rv").forEach(el=>io.observe(el)); more(); /* header + burger + mute */ addEventListener("scroll",()=>document.getElementById("hdr").classList.toggle("scrolled",scrollY>40)); document.getElementById("burger").onclick=()=>nav.classList.toggle("open"); /* הקלדת קונסול: כותרת, שם ביה"ס ומוטו - התוכן המקורי בלבד */ (function(){ const caret=document.createElement("span");caret.className="caret"; const SEQ=[["sg1",'ביה"ס השש שנתי'],["sg2","על-שם "],["sg3","משה ארנס"],["type","מצמיח אדם וחברה"]]; let si=0,ci=0; function stepT(){ if(si>=SEQ.length){ document.querySelector(".hero p").classList.add("show"); document.querySelector(".hero .ctas").classList.add("show"); return; /* הסמן נשאר מהבהב בסוף המוטו */ } const el=document.getElementById(SEQ[si][0]),txt=SEQ[si][1]; if(ci===0)el.parentNode.insertBefore(caret,el.nextSibling); el.textContent=txt.slice(0,++ci); if(ci>=txt.length){si++;ci=0;setTimeout(stepT,380);} else setTimeout(stepT,50+Math.random()*75); } setTimeout(stepT,400); })(); /* כדורי הערכים - התוכן מהאתר המקורי, נגררים עם פיזיקה */ (function(){ const VALS=["לומד עצמאי","עבודת צוות","אחריות אישית"]; const hero=document.querySelector(".hero"); let W=0,H=0,R=80; const balls=VALS.map((t,i)=>{ const el=document.createElement("div"); el.className="pball c"+(i+1);el.textContent=t;hero.appendChild(el); return {el,x:0,y:0,vx:(Math.random()-.5)*1.2,vy:(Math.random()-.5)*1.2,drag:false,px:0,py:0}; }); function resize(){ W=hero.clientWidth;H=hero.clientHeight; R=Math.max(52,Math.min(88,W*0.062)); balls.forEach((b,i)=>{ b.el.style.width=b.el.style.height=(R*2)+"px"; b.el.style.fontSize=(R*0.27)+"px"; if(!b.x){b.x=W*(0.12+i*0.16)+R;b.y=H*0.68;} b.x=Math.min(Math.max(b.x,R),W-R);b.y=Math.min(Math.max(b.y,90+R),H-R); }); } resize();addEventListener("resize",resize); balls.forEach(b=>{ b.el.addEventListener("pointerdown",e=>{ b.drag=true;b.el.setPointerCapture(e.pointerId); b.px=e.clientX;b.py=e.clientY;b.vx=b.vy=0;e.preventDefault(); }); b.el.addEventListener("pointermove",e=>{ if(!b.drag)return; const dx=e.clientX-b.px,dy=e.clientY-b.py; b.x+=dx;b.y+=dy;b.vx=dx;b.vy=dy;b.px=e.clientX;b.py=e.clientY; }); ["pointerup","pointercancel"].forEach(ev=>b.el.addEventListener(ev,()=>b.drag=false)); }); function step(){ const TOP=90; balls.forEach(b=>{ if(!b.drag){ b.x+=b.vx;b.y+=b.vy;b.vx*=.995;b.vy*=.995; if(Math.abs(b.vx)<.15)b.vx+=(Math.random()-.5)*.06; if(Math.abs(b.vy)<.15)b.vy+=(Math.random()-.5)*.06; } if(b.xW-R){b.x=W-R;b.vx=-Math.abs(b.vx)*.8} if(b.yH-R){b.y=H-R;b.vy=-Math.abs(b.vy)*.8} }); for(let i=0;i<balls.length;i++)for(let j=i+1;j<balls.length;j++){ const a=balls[i],c=balls[j]; let dx=c.x-a.x,dy=c.y-a.y,d=Math.hypot(dx,dy)||.001; if(d0){ if(!a.drag){a.vx-=p*nx;a.vy-=p*ny} if(!c.drag){c.vx+=p*nx;c.vy+=p*ny} } } } balls.forEach(b=>{ b.el.style.transform=`translate(${(b.x-R).toFixed(1)}px,${(b.y-R).toFixed(1)}px)`; }); requestAnimationFrame(step); } step(); })();

כניסה לשכבות

מה מתרחש אצלנו?

${n.t}

כניסה לשכבות

מה מתרחש אצלנו?

השאירו פניה ונחזור אליכם בהקדם

שש שנתי משה ארנס פתח תקווה