Initial AI-generated site
This commit is contained in:
+89
-154
@@ -3,9 +3,9 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>אודות - עמוס רוזמרין | מהנדס אריזה</title>
|
<title>אודות | עמוס רוזמרין - מהנדס אריזה</title>
|
||||||
<meta name="description" content="הכירו את עמוס רוזמרין - מהנדס ייצור עצמאי מאז 2006, מתמחה בפתרונות אריזה גמישה לתעשייה הישראלית.">
|
<meta name="description" content="הכירו את עמוס רוזמרין - מהנדס ייצור עצמאי מאז 2006, מומחה לפתרונות אריזה גמישה לתעשייה הישראלית.">
|
||||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect fill='%231a1a2e' width='100' height='100' rx='12'/><path d='M25 70V30h10l15 25V30h10v40H50L35 45v25H25z' fill='%230ea5e9'/><path d='M65 30h10v40H65V30z' fill='%23d4af37'/></svg>">
|
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect fill='%231a1a2e' width='100' height='100' rx='12'/><path d='M25 70V30h10l15 25 15-25h10v40h-10V45l-15 25-15-25v25z' fill='%230ea5e9'/></svg>">
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<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">
|
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600&display=swap" rel="stylesheet">
|
||||||
@@ -14,165 +14,117 @@
|
|||||||
<body>
|
<body>
|
||||||
<a href="#main-content" class="skip-link">דלג לתוכן הראשי</a>
|
<a href="#main-content" class="skip-link">דלג לתוכן הראשי</a>
|
||||||
|
|
||||||
<header class="header" id="header">
|
<header class="site-header">
|
||||||
<div class="container header__inner">
|
<div class="header-container">
|
||||||
<a href="index.html" class="logo">
|
<a href="index.html" class="logo">
|
||||||
<svg class="logo__icon" viewBox="0 0 40 40" aria-hidden="true">
|
<svg class="logo-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
||||||
<rect fill="var(--accent)" width="40" height="40" rx="6"/>
|
<rect x="4" y="8" width="40" height="32" rx="4" stroke="currentColor" stroke-width="2" fill="none"/>
|
||||||
<path d="M10 28V12h4l6 10V12h4v16h-4l-6-10v10H10z" fill="var(--bg-dark)"/>
|
<path d="M4 16h40M12 16v24M36 16v24M12 28h24M12 36h24" stroke="currentColor" stroke-width="1.5" opacity="0.6"/>
|
||||||
|
<circle cx="24" cy="22" r="3" fill="currentColor"/>
|
||||||
</svg>
|
</svg>
|
||||||
<span class="logo__text">עמוס רוזמרין</span>
|
<span class="logo-text">עמוס רוזמרין</span>
|
||||||
</a>
|
</a>
|
||||||
<button class="nav-toggle" aria-label="תפריט" aria-expanded="false">
|
<nav class="main-nav" role="navigation" aria-label="ניווט ראשי">
|
||||||
<span></span><span></span><span></span>
|
<ul class="nav-list">
|
||||||
</button>
|
<li><a href="index.html" class="nav-link">בית</a></li>
|
||||||
<nav class="nav" id="nav">
|
<li><a href="about.html" class="nav-link active" aria-current="page">אודות</a></li>
|
||||||
<ul class="nav__list">
|
<li><a href="products.html" class="nav-link">מוצרים</a></li>
|
||||||
<li><a href="index.html" class="nav__link">בית</a></li>
|
<li><a href="technology.html" class="nav-link">טכנולוגיה</a></li>
|
||||||
<li><a href="about.html" class="nav__link active">אודות</a></li>
|
<li><a href="clients.html" class="nav-link">לקוחות</a></li>
|
||||||
<li><a href="products.html" class="nav__link">מוצרים</a></li>
|
<li><a href="contact.html" class="nav-link nav-cta">דברו איתי</a></li>
|
||||||
<li><a href="technology.html" class="nav__link">טכנולוגיה</a></li>
|
|
||||||
<li><a href="clients.html" class="nav__link">לקוחות</a></li>
|
|
||||||
<li><a href="contact.html" class="nav__link nav__link--cta">צור קשר</a></li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
|
<button class="mobile-menu-toggle" aria-label="תפריט" aria-expanded="false">
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main id="main-content">
|
<main id="main-content">
|
||||||
<section class="page-hero">
|
<section class="page-hero">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="page-hero__content reveal">
|
<span class="section-tag reveal-fade">אודות</span>
|
||||||
<span class="section-label">הסיפור שלי</span>
|
<h1 class="page-title reveal-fade">הסיפור שלי</h1>
|
||||||
<h1 class="page-hero__title">אודות</h1>
|
<p class="page-subtitle reveal-fade">למעלה מ-18 שנות ניסיון בפיתוח פתרונות אריזה לתעשייה הישראלית</p>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="about-intro">
|
<section class="about-content">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="about-intro__grid">
|
<div class="about-grid">
|
||||||
<div class="about-intro__content reveal">
|
<div class="about-story">
|
||||||
<h2 class="about-intro__title">עמוס רוזמרין</h2>
|
<div class="story-block reveal-fade">
|
||||||
<p class="about-intro__subtitle">מהנדס ייצור עצמאי מאז 2006</p>
|
<h2>מהנדס ייצור עצמאי מאז 2006</h2>
|
||||||
<div class="about-intro__text">
|
<p>שמי עמוס רוזמרין, ואני מהנדס ייצור עצמאי המתמחה בפיתוח, התאמה ושיפור פתרונות אריזה גמישה וקופסאות קרטון לתעשיות המזון והחקלאות, ההיגיינה, הקוסמטיקה וחומרי הניקוי.</p>
|
||||||
<p>אני עמוס רוזמרין, מהנדס ייצור עצמאי עם מעל 18 שנות ניסיון בתחום האריזות הגמישות. מאז 2006 אני מתמחה בייבוא, פיתוח, התאמה ושיפור פתרונות אריזה גמישה וקופסאות קרטון לתעשייה הישראלית.</p>
|
</div>
|
||||||
<p>המשימה שלי היא להבטיח אריזה אמינה, יעילה וחסכונית — המשמרת איכות מוצר, עומדת בתקנים ומותאמת לקו הייצור של כל לקוח.</p>
|
<div class="story-block reveal-fade">
|
||||||
<p>אני פועל בשקיפות מלאה, דיוק ושירות אישי, עם דגש על איכות תהליך, צמצום תקלות וקיצור זמני הגעה לשוק.</p>
|
<h2>הגישה שלי</h2>
|
||||||
|
<p>המשימה שלי היא להבטיח אריזה אמינה, יעילה וחסכונית — המשמרת את איכות המוצר, עומדת בתקנים ומותאמת לקו הייצור שלכם.</p>
|
||||||
|
<p>אני פועל בשקיפות, דיוק ושירות אישי, עם דגש על איכות תהליך, צמצום תקלות וקיצור זמני הגעה לשוק.</p>
|
||||||
|
</div>
|
||||||
|
<div class="story-block reveal-fade">
|
||||||
|
<h2>שיתוף פעולה בינלאומי</h2>
|
||||||
|
<p>במהלך השנים פיתחתי שיתופי פעולה הדוקים עם יצרנים טורקיים מובילים, המאפשרים לי להציע מחירים תחרותיים ואיכות גבוהה ללקוחותיי בישראל.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="about-intro__visual reveal reveal--delay">
|
<aside class="about-values">
|
||||||
<div class="about-portrait">
|
<div class="value-card reveal-slide">
|
||||||
<svg viewBox="0 0 300 350" aria-label="איור דיוקן">
|
<div class="value-icon" aria-hidden="true">
|
||||||
<defs>
|
<svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="2">
|
||||||
<linearGradient id="portrait-bg" x1="0%" y1="0%" x2="100%" y2="100%">
|
<path d="M24 4l6 12 13 2-9 9 2 13-12-6-12 6 2-13-9-9 13-2z"/>
|
||||||
<stop offset="0%" style="stop-color:#16213e"/>
|
|
||||||
<stop offset="100%" style="stop-color:#1a1a2e"/>
|
|
||||||
</linearGradient>
|
|
||||||
</defs>
|
|
||||||
<rect width="300" height="350" rx="16" fill="url(#portrait-bg)"/>
|
|
||||||
<circle cx="150" cy="140" r="60" fill="var(--accent)" opacity="0.2"/>
|
|
||||||
<circle cx="150" cy="130" r="45" fill="var(--accent)" opacity="0.3"/>
|
|
||||||
<rect x="100" y="190" width="100" height="120" rx="8" fill="var(--accent)" opacity="0.2"/>
|
|
||||||
<rect x="110" y="200" width="80" height="100" rx="6" fill="var(--gold)" opacity="0.15"/>
|
|
||||||
<text x="150" y="330" text-anchor="middle" fill="var(--gold)" font-size="14" font-weight="500">מהנדס אריזה</text>
|
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
|
<h3>איכות</h3>
|
||||||
|
<p>מחויבות לאיכות בכל שלב — מהייעוץ הראשוני ועד המשלוח הסופי</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="value-card reveal-slide">
|
||||||
</div>
|
<div class="value-icon" aria-hidden="true">
|
||||||
</section>
|
<svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="2">
|
||||||
|
<circle cx="24" cy="24" r="20"/>
|
||||||
<section class="about-values">
|
<path d="M24 14v10l7 7"/>
|
||||||
<div class="container">
|
|
||||||
<div class="section-header reveal">
|
|
||||||
<span class="section-label">העקרונות שלי</span>
|
|
||||||
<h2 class="section-title">גישה מקצועית</h2>
|
|
||||||
</div>
|
|
||||||
<div class="values-grid">
|
|
||||||
<article class="value-card reveal">
|
|
||||||
<div class="value-card__number">01</div>
|
|
||||||
<h3 class="value-card__title">שקיפות מלאה</h3>
|
|
||||||
<p class="value-card__text">אני מאמין בתקשורת פתוחה וישירה עם כל לקוח. אתם תמיד יודעים בדיוק מה קורה עם ההזמנה שלכם.</p>
|
|
||||||
</article>
|
|
||||||
<article class="value-card reveal">
|
|
||||||
<div class="value-card__number">02</div>
|
|
||||||
<h3 class="value-card__title">דיוק בפרטים</h3>
|
|
||||||
<p class="value-card__text">כל אריזה עוברת בדיקה קפדנית. אני לא מתפשר על איכות ומוודא שכל מוצר עומד בסטנדרטים הגבוהים ביותר.</p>
|
|
||||||
</article>
|
|
||||||
<article class="value-card reveal">
|
|
||||||
<div class="value-card__number">03</div>
|
|
||||||
<h3 class="value-card__title">שירות אישי</h3>
|
|
||||||
<p class="value-card__text">אני מלווה כל פרויקט באופן אישי מההתחלה ועד הסוף. יש לכם שאלה? אני זמין עבורכם.</p>
|
|
||||||
</article>
|
|
||||||
<article class="value-card reveal">
|
|
||||||
<div class="value-card__number">04</div>
|
|
||||||
<h3 class="value-card__title">חדשנות מתמדת</h3>
|
|
||||||
<p class="value-card__text">אני מתעדכן כל הזמן בטכנולוגיות החדשות ביותר כדי להציע לכם את הפתרונות המתקדמים ביותר בשוק.</p>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="about-partnership">
|
|
||||||
<div class="container">
|
|
||||||
<div class="partnership-content reveal">
|
|
||||||
<div class="partnership-text">
|
|
||||||
<span class="section-label">שיתוף פעולה בינלאומי</span>
|
|
||||||
<h2 class="section-title">עבודה ישירה עם יצרנים טורקיים</h2>
|
|
||||||
<p>אני שומר על שיתוף פעולה הדוק עם יצרנים טורקיים מובילים, המשרתים את מיטב יצרני המזון הישראליים. קשרים אלו מאפשרים לי להציע:</p>
|
|
||||||
<ul class="partnership-list">
|
|
||||||
<li>מחירים תחרותיים בזכות עבודה ישירה</li>
|
|
||||||
<li>גישה לטכנולוגיות מתקדמות</li>
|
|
||||||
<li>זמני אספקה קצרים</li>
|
|
||||||
<li>גמישות בהתאמה אישית</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="partnership-visual">
|
|
||||||
<svg viewBox="0 0 400 300" aria-hidden="true">
|
|
||||||
<rect width="400" height="300" fill="var(--bg-dark)"/>
|
|
||||||
<circle cx="120" cy="150" r="60" fill="none" stroke="var(--accent)" stroke-width="2"/>
|
|
||||||
<circle cx="280" cy="150" r="60" fill="none" stroke="var(--gold)" stroke-width="2"/>
|
|
||||||
<path d="M180 150 L220 150" stroke="var(--accent)" stroke-width="3" stroke-dasharray="8,4"/>
|
|
||||||
<text x="120" y="155" text-anchor="middle" fill="var(--text)" font-size="12">ישראל</text>
|
|
||||||
<text x="280" y="155" text-anchor="middle" fill="var(--text)" font-size="12">טורקיה</text>
|
|
||||||
<circle cx="200" cy="150" r="15" fill="var(--accent)" opacity="0.3"/>
|
|
||||||
<path d="M195 150 L205 150 M200 145 L200 155" stroke="var(--gold)" stroke-width="2"/>
|
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
|
<h3>אמינות</h3>
|
||||||
|
<p>עמידה בלוחות זמנים ובהתחייבויות — יום אחר יום, שנה אחר שנה</p>
|
||||||
|
</div>
|
||||||
|
<div class="value-card reveal-slide">
|
||||||
|
<div class="value-icon" aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="2">
|
||||||
|
<path d="M8 24h32M24 8v32"/>
|
||||||
|
<circle cx="24" cy="24" r="8"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3>שירות אישי</h3>
|
||||||
|
<p>ליווי צמוד והתאמה מדויקת לצרכים הייחודיים של כל לקוח</p>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="cta-section">
|
<section class="cta-section" aria-labelledby="about-cta-heading">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="cta-box reveal">
|
<div class="cta-content reveal-fade">
|
||||||
<div class="cta-box__content">
|
<h2 id="about-cta-heading" class="cta-title">בואו נדבר על הפרויקט שלכם</h2>
|
||||||
<h2 class="cta-box__title">בואו נדבר על הפרויקט שלכם</h2>
|
<p class="cta-desc">אשמח לשמוע על הצרכים שלכם ולהציע פתרון אריזה מותאם</p>
|
||||||
<p class="cta-box__text">אשמח לשמוע על הצרכים שלכם ולהציע פתרון מותאם</p>
|
<a href="contact.html" class="btn btn-primary btn-large">בואו נדבר</a>
|
||||||
</div>
|
|
||||||
<a href="contact.html" class="btn btn--primary btn--large">צור קשר</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer class="footer">
|
<footer class="site-footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="footer__grid">
|
<div class="footer-grid">
|
||||||
<div class="footer__brand">
|
<div class="footer-brand">
|
||||||
<a href="index.html" class="logo logo--footer">
|
<a href="index.html" class="footer-logo">עמוס רוזמרין</a>
|
||||||
<svg class="logo__icon" viewBox="0 0 40 40" aria-hidden="true">
|
<p class="footer-tagline">מהנדס אריזה<br>פתרונות אריזה גמישה לתעשייה</p>
|
||||||
<rect fill="var(--accent)" width="40" height="40" rx="6"/>
|
|
||||||
<path d="M10 28V12h4l6 10V12h4v16h-4l-6-10v10H10z" fill="var(--bg-dark)"/>
|
|
||||||
</svg>
|
|
||||||
<span class="logo__text">עמוס רוזמרין</span>
|
|
||||||
</a>
|
|
||||||
<p class="footer__tagline">מהנדס אריזה — פתרונות אריזה גמישה לתעשייה הישראלית</p>
|
|
||||||
</div>
|
</div>
|
||||||
<nav class="footer__nav" aria-label="ניווט משני">
|
<nav class="footer-nav" aria-label="ניווט תחתון">
|
||||||
<h4 class="footer__heading">ניווט</h4>
|
<h4>ניווט</h4>
|
||||||
<ul class="footer__links">
|
<ul>
|
||||||
<li><a href="index.html">בית</a></li>
|
<li><a href="index.html">בית</a></li>
|
||||||
<li><a href="about.html">אודות</a></li>
|
<li><a href="about.html">אודות</a></li>
|
||||||
<li><a href="products.html">מוצרים</a></li>
|
<li><a href="products.html">מוצרים</a></li>
|
||||||
@@ -181,34 +133,17 @@
|
|||||||
<li><a href="contact.html">צור קשר</a></li>
|
<li><a href="contact.html">צור קשר</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<div class="footer__contact">
|
<div class="footer-contact">
|
||||||
<h4 class="footer__heading">צור קשר</h4>
|
<h4>צור קשר</h4>
|
||||||
<ul class="footer__links">
|
<address>
|
||||||
<li>
|
<p>זרחין 13, רעננה</p>
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
<p><a href="tel:054-818-1092">054-818-1092</a></p>
|
||||||
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/>
|
<p><a href="mailto:amos.rosemarin@gmail.com">amos.rosemarin@gmail.com</a></p>
|
||||||
</svg>
|
</address>
|
||||||
<a href="tel:054-818-1092">054-818-1092</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
||||||
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
|
|
||||||
<polyline points="22,6 12,13 2,6"/>
|
|
||||||
</svg>
|
|
||||||
<a href="mailto:amos.rosemarin@gmail.com">amos.rosemarin@gmail.com</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
||||||
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
|
|
||||||
<circle cx="12" cy="10" r="3"/>
|
|
||||||
</svg>
|
|
||||||
<span>זרחין 13, רעננה</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer__bottom">
|
<div class="footer-bottom">
|
||||||
<p>© 2025 עמוס רוזמרין — מהנדס אריזה. כל הזכויות שמורות.</p>
|
<p>עמוס רוזמרין - מהנדס אריזה © 2025. כל הזכויות שמורות.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|||||||
+107
-199
@@ -3,9 +3,9 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>לקוחות - עמוס רוזמרין | מהנדס אריזה</title>
|
<title>לקוחות | עמוס רוזמרין - מהנדס אריזה</title>
|
||||||
<meta name="description" content="לקוחותיי: מאפיית ברמן, דגנית, חסלט, יבולי הכפר, אסיף ועוד מפעלי מזון מובילים בישראל.">
|
<meta name="description" content="לקוחות מובילים בתעשיית המזון הישראלית: מאפיית ברמן, דגנית, חסלט, יבולי הכפר ועוד.">
|
||||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect fill='%231a1a2e' width='100' height='100' rx='12'/><path d='M25 70V30h10l15 25V30h10v40H50L35 45v25H25z' fill='%230ea5e9'/><path d='M65 30h10v40H65V30z' fill='%23d4af37'/></svg>">
|
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect fill='%231a1a2e' width='100' height='100' rx='12'/><path d='M25 70V30h10l15 25 15-25h10v40h-10V45l-15 25-15-25v25z' fill='%230ea5e9'/></svg>">
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<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">
|
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600&display=swap" rel="stylesheet">
|
||||||
@@ -14,228 +14,153 @@
|
|||||||
<body>
|
<body>
|
||||||
<a href="#main-content" class="skip-link">דלג לתוכן הראשי</a>
|
<a href="#main-content" class="skip-link">דלג לתוכן הראשי</a>
|
||||||
|
|
||||||
<header class="header" id="header">
|
<header class="site-header">
|
||||||
<div class="container header__inner">
|
<div class="header-container">
|
||||||
<a href="index.html" class="logo">
|
<a href="index.html" class="logo">
|
||||||
<svg class="logo__icon" viewBox="0 0 40 40" aria-hidden="true">
|
<svg class="logo-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
||||||
<rect fill="var(--accent)" width="40" height="40" rx="6"/>
|
<rect x="4" y="8" width="40" height="32" rx="4" stroke="currentColor" stroke-width="2" fill="none"/>
|
||||||
<path d="M10 28V12h4l6 10V12h4v16h-4l-6-10v10H10z" fill="var(--bg-dark)"/>
|
<path d="M4 16h40M12 16v24M36 16v24M12 28h24M12 36h24" stroke="currentColor" stroke-width="1.5" opacity="0.6"/>
|
||||||
|
<circle cx="24" cy="22" r="3" fill="currentColor"/>
|
||||||
</svg>
|
</svg>
|
||||||
<span class="logo__text">עמוס רוזמרין</span>
|
<span class="logo-text">עמוס רוזמרין</span>
|
||||||
</a>
|
</a>
|
||||||
<button class="nav-toggle" aria-label="תפריט" aria-expanded="false">
|
<nav class="main-nav" role="navigation" aria-label="ניווט ראשי">
|
||||||
<span></span><span></span><span></span>
|
<ul class="nav-list">
|
||||||
</button>
|
<li><a href="index.html" class="nav-link">בית</a></li>
|
||||||
<nav class="nav" id="nav">
|
<li><a href="about.html" class="nav-link">אודות</a></li>
|
||||||
<ul class="nav__list">
|
<li><a href="products.html" class="nav-link">מוצרים</a></li>
|
||||||
<li><a href="index.html" class="nav__link">בית</a></li>
|
<li><a href="technology.html" class="nav-link">טכנולוגיה</a></li>
|
||||||
<li><a href="about.html" class="nav__link">אודות</a></li>
|
<li><a href="clients.html" class="nav-link active" aria-current="page">לקוחות</a></li>
|
||||||
<li><a href="products.html" class="nav__link">מוצרים</a></li>
|
<li><a href="contact.html" class="nav-link nav-cta">דברו איתי</a></li>
|
||||||
<li><a href="technology.html" class="nav__link">טכנולוגיה</a></li>
|
|
||||||
<li><a href="clients.html" class="nav__link active">לקוחות</a></li>
|
|
||||||
<li><a href="contact.html" class="nav__link nav__link--cta">צור קשר</a></li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
|
<button class="mobile-menu-toggle" aria-label="תפריט" aria-expanded="false">
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main id="main-content">
|
<main id="main-content">
|
||||||
<section class="page-hero">
|
<section class="page-hero">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="page-hero__content reveal">
|
<span class="section-tag reveal-fade">לקוחות</span>
|
||||||
<span class="section-label">סומכים עליי</span>
|
<h1 class="page-title reveal-fade">לקוחות שסומכים עלינו</h1>
|
||||||
<h1 class="page-hero__title">לקוחות</h1>
|
<p class="page-subtitle reveal-fade">שיתופי פעולה ארוכי טווח עם מותגים מובילים בתעשייה הישראלית</p>
|
||||||
<p class="page-hero__subtitle">גאה לעבוד עם מיטב יצרני המזון בישראל</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="clients-full">
|
<section class="clients-showcase" aria-labelledby="clients-list-heading">
|
||||||
|
<h2 id="clients-list-heading" class="visually-hidden">רשימת לקוחות</h2>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="clients-intro reveal">
|
<div class="clients-cloud reveal-fade">
|
||||||
<p>במשך למעלה מ-18 שנה אני מלווה מפעלי מזון, קוסמטיקה וחקלאות בישראל. הלקוחות שלי סומכים עליי לספק פתרונות אריזה אמינים, איכותיים ובמחירים תחרותיים.</p>
|
<div class="cloud-item cloud-large">
|
||||||
|
<span>מאפיית ברמן</span>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="cloud-item cloud-medium">
|
||||||
<div class="clients-cloud reveal">
|
<span>דגנית</span>
|
||||||
<div class="client-block">
|
|
||||||
<div class="client-block__logo">
|
|
||||||
<svg viewBox="0 0 100 60" aria-hidden="true">
|
|
||||||
<rect width="100" height="60" rx="8" fill="var(--bg-darker)"/>
|
|
||||||
<rect x="20" y="20" width="60" height="20" rx="4" fill="var(--accent)" opacity="0.2"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
</div>
|
||||||
<span class="client-block__name">מאפיית ברמן</span>
|
<div class="cloud-item cloud-large">
|
||||||
|
<span>חסלט</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="client-block">
|
<div class="cloud-item cloud-medium">
|
||||||
<div class="client-block__logo">
|
<span>יבולי הכפר</span>
|
||||||
<svg viewBox="0 0 100 60" aria-hidden="true">
|
|
||||||
<rect width="100" height="60" rx="8" fill="var(--bg-darker)"/>
|
|
||||||
<circle cx="50" cy="30" r="15" fill="var(--gold)" opacity="0.2"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
</div>
|
||||||
<span class="client-block__name">דגנית</span>
|
<div class="cloud-item cloud-small">
|
||||||
|
<span>אסיף</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="client-block">
|
<div class="cloud-item cloud-large">
|
||||||
<div class="client-block__logo">
|
<span>חטיפי העמק</span>
|
||||||
<svg viewBox="0 0 100 60" aria-hidden="true">
|
|
||||||
<rect width="100" height="60" rx="8" fill="var(--bg-darker)"/>
|
|
||||||
<path d="M30 40 L50 20 L70 40" stroke="var(--accent)" stroke-width="3" fill="none"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
</div>
|
||||||
<span class="client-block__name">חסלט</span>
|
<div class="cloud-item cloud-medium">
|
||||||
|
<span>פרג</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="client-block">
|
<div class="cloud-item cloud-small">
|
||||||
<div class="client-block__logo">
|
<span>שיבולים</span>
|
||||||
<svg viewBox="0 0 100 60" aria-hidden="true">
|
|
||||||
<rect width="100" height="60" rx="8" fill="var(--bg-darker)"/>
|
|
||||||
<circle cx="40" cy="30" r="10" fill="var(--gold)" opacity="0.3"/>
|
|
||||||
<circle cx="60" cy="30" r="10" fill="var(--accent)" opacity="0.3"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
</div>
|
||||||
<span class="client-block__name">יבולי הכפר</span>
|
<div class="cloud-item cloud-large">
|
||||||
|
<span>מאיר בייגל</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="client-block">
|
<div class="cloud-item cloud-medium">
|
||||||
<div class="client-block__logo">
|
<span>גילרו</span>
|
||||||
<svg viewBox="0 0 100 60" aria-hidden="true">
|
|
||||||
<rect width="100" height="60" rx="8" fill="var(--bg-darker)"/>
|
|
||||||
<rect x="25" y="15" width="50" height="30" rx="6" fill="var(--accent)" opacity="0.2"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<span class="client-block__name">אסיף</span>
|
|
||||||
</div>
|
|
||||||
<div class="client-block">
|
|
||||||
<div class="client-block__logo">
|
|
||||||
<svg viewBox="0 0 100 60" aria-hidden="true">
|
|
||||||
<rect width="100" height="60" rx="8" fill="var(--bg-darker)"/>
|
|
||||||
<ellipse cx="50" cy="30" rx="25" ry="15" fill="var(--gold)" opacity="0.2"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<span class="client-block__name">חטיפי העמק</span>
|
|
||||||
</div>
|
|
||||||
<div class="client-block">
|
|
||||||
<div class="client-block__logo">
|
|
||||||
<svg viewBox="0 0 100 60" aria-hidden="true">
|
|
||||||
<rect width="100" height="60" rx="8" fill="var(--bg-darker)"/>
|
|
||||||
<path d="M30 30 Q50 10 70 30 Q50 50 30 30" fill="var(--accent)" opacity="0.2"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<span class="client-block__name">פרג</span>
|
|
||||||
</div>
|
|
||||||
<div class="client-block">
|
|
||||||
<div class="client-block__logo">
|
|
||||||
<svg viewBox="0 0 100 60" aria-hidden="true">
|
|
||||||
<rect width="100" height="60" rx="8" fill="var(--bg-darker)"/>
|
|
||||||
<rect x="20" y="25" width="15" height="15" rx="2" fill="var(--gold)" opacity="0.3"/>
|
|
||||||
<rect x="40" y="25" width="15" height="15" rx="2" fill="var(--accent)" opacity="0.3"/>
|
|
||||||
<rect x="60" y="25" width="15" height="15" rx="2" fill="var(--gold)" opacity="0.3"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<span class="client-block__name">שיבולים</span>
|
|
||||||
</div>
|
|
||||||
<div class="client-block">
|
|
||||||
<div class="client-block__logo">
|
|
||||||
<svg viewBox="0 0 100 60" aria-hidden="true">
|
|
||||||
<rect width="100" height="60" rx="8" fill="var(--bg-darker)"/>
|
|
||||||
<circle cx="50" cy="30" r="18" fill="none" stroke="var(--accent)" stroke-width="2"/>
|
|
||||||
<circle cx="50" cy="30" r="8" fill="var(--gold)" opacity="0.4"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<span class="client-block__name">מאיר בייגל</span>
|
|
||||||
</div>
|
|
||||||
<div class="client-block">
|
|
||||||
<div class="client-block__logo">
|
|
||||||
<svg viewBox="0 0 100 60" aria-hidden="true">
|
|
||||||
<rect width="100" height="60" rx="8" fill="var(--bg-darker)"/>
|
|
||||||
<path d="M25 35 L40 25 L55 35 L70 25 L85 35" stroke="var(--accent)" stroke-width="2" fill="none"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<span class="client-block__name">גילרו</span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="industries">
|
<section class="industries" aria-labelledby="industries-heading">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="section-header reveal">
|
<header class="section-header reveal-fade">
|
||||||
<span class="section-label">תעשיות</span>
|
<span class="section-tag">תעשיות</span>
|
||||||
<h2 class="section-title">הענפים שאני משרת</h2>
|
<h2 id="industries-heading" class="section-title">אנחנו עובדים עם</h2>
|
||||||
</div>
|
</header>
|
||||||
<div class="industries-grid">
|
<div class="industries-grid">
|
||||||
<div class="industry-card reveal">
|
<div class="industry-card reveal-slide">
|
||||||
<div class="industry-card__icon">
|
<svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
||||||
<svg viewBox="0 0 64 64" aria-hidden="true">
|
<circle cx="24" cy="20" r="12"/>
|
||||||
<rect x="12" y="16" width="40" height="36" rx="6" fill="none" stroke="var(--accent)" stroke-width="2"/>
|
<path d="M12 44c0-6.627 5.373-12 12-12s12 5.373 12 12"/>
|
||||||
<path d="M12 28h40" stroke="var(--gold)" stroke-width="2"/>
|
<path d="M20 18v4h8v-4"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
<span>תעשיית המזון</span>
|
||||||
</div>
|
</div>
|
||||||
<h3 class="industry-card__title">מזון</h3>
|
<div class="industry-card reveal-slide">
|
||||||
<p class="industry-card__text">מאפיות, חטיפים, ממתקים, קפה, תה, מזון קפוא</p>
|
<svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
||||||
</div>
|
<ellipse cx="24" cy="38" rx="16" ry="6"/>
|
||||||
<div class="industry-card reveal">
|
<path d="M8 38V20c0-8 7.2-16 16-16s16 8 16 16v18"/>
|
||||||
<div class="industry-card__icon">
|
<circle cx="24" cy="24" r="6"/>
|
||||||
<svg viewBox="0 0 64 64" aria-hidden="true">
|
|
||||||
<ellipse cx="32" cy="42" rx="18" ry="12" fill="none" stroke="var(--accent)" stroke-width="2"/>
|
|
||||||
<rect x="24" y="18" width="16" height="26" rx="4" fill="none" stroke="var(--gold)" stroke-width="2"/>
|
|
||||||
</svg>
|
</svg>
|
||||||
|
<span>חקלאות</span>
|
||||||
</div>
|
</div>
|
||||||
<h3 class="industry-card__title">קוסמטיקה</h3>
|
<div class="industry-card reveal-slide">
|
||||||
<p class="industry-card__text">מוצרי טיפוח, סבונים, קרמים</p>
|
<svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
||||||
</div>
|
<rect x="12" y="8" width="24" height="36" rx="4"/>
|
||||||
<div class="industry-card reveal">
|
<circle cx="24" cy="28" r="8"/>
|
||||||
<div class="industry-card__icon">
|
<path d="M20 28h8M24 24v8"/>
|
||||||
<svg viewBox="0 0 64 64" aria-hidden="true">
|
|
||||||
<circle cx="32" cy="36" r="16" fill="none" stroke="var(--accent)" stroke-width="2"/>
|
|
||||||
<path d="M32 20 Q36 12 40 20" stroke="var(--gold)" stroke-width="2" fill="none"/>
|
|
||||||
<circle cx="32" cy="36" r="6" fill="var(--gold)" opacity="0.3"/>
|
|
||||||
</svg>
|
</svg>
|
||||||
|
<span>קוסמטיקה</span>
|
||||||
</div>
|
</div>
|
||||||
<h3 class="industry-card__title">חקלאות</h3>
|
<div class="industry-card reveal-slide">
|
||||||
<p class="industry-card__text">פירות, ירקות, תוצרת טרייה</p>
|
<svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
||||||
</div>
|
<rect x="8" y="16" width="32" height="24" rx="4"/>
|
||||||
<div class="industry-card reveal">
|
<path d="M16 16V12a8 8 0 1116 0v4"/>
|
||||||
<div class="industry-card__icon">
|
<circle cx="24" cy="28" r="4"/>
|
||||||
<svg viewBox="0 0 64 64" aria-hidden="true">
|
|
||||||
<path d="M16 48 L16 24 L32 16 L48 24 L48 48" fill="none" stroke="var(--accent)" stroke-width="2"/>
|
|
||||||
<rect x="26" y="32" width="12" height="16" fill="var(--gold)" opacity="0.3"/>
|
|
||||||
</svg>
|
</svg>
|
||||||
|
<span>חומרי ניקוי</span>
|
||||||
</div>
|
</div>
|
||||||
<h3 class="industry-card__title">חומרי ניקוי</h3>
|
<div class="industry-card reveal-slide">
|
||||||
<p class="industry-card__text">מגבונים, חומרי ניקוי, מוצרי כביסה</p>
|
<svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
||||||
|
<path d="M8 40V16l16-8 16 8v24"/>
|
||||||
|
<rect x="18" y="28" width="12" height="12"/>
|
||||||
|
<path d="M24 8v8"/>
|
||||||
|
</svg>
|
||||||
|
<span>היגיינה</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="cta-section">
|
<section class="cta-section" aria-labelledby="clients-cta-heading">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="cta-box reveal">
|
<div class="cta-content reveal-fade">
|
||||||
<div class="cta-box__content">
|
<h2 id="clients-cta-heading" class="cta-title">רוצים להצטרף לרשימת הלקוחות?</h2>
|
||||||
<h2 class="cta-box__title">רוצים להצטרף ללקוחותיי?</h2>
|
<p class="cta-desc">נשמח לשמוע על הצרכים שלכם ולהציע פתרון מותאם</p>
|
||||||
<p class="cta-box__text">אשמח לספר לכם איך אני יכול לעזור</p>
|
<a href="contact.html" class="btn btn-primary btn-large">בואו נדבר</a>
|
||||||
</div>
|
|
||||||
<a href="contact.html" class="btn btn--primary btn--large">צור קשר</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer class="footer">
|
<footer class="site-footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="footer__grid">
|
<div class="footer-grid">
|
||||||
<div class="footer__brand">
|
<div class="footer-brand">
|
||||||
<a href="index.html" class="logo logo--footer">
|
<a href="index.html" class="footer-logo">עמוס רוזמרין</a>
|
||||||
<svg class="logo__icon" viewBox="0 0 40 40" aria-hidden="true">
|
<p class="footer-tagline">מהנדס אריזה<br>פתרונות אריזה גמישה לתעשייה</p>
|
||||||
<rect fill="var(--accent)" width="40" height="40" rx="6"/>
|
|
||||||
<path d="M10 28V12h4l6 10V12h4v16h-4l-6-10v10H10z" fill="var(--bg-dark)"/>
|
|
||||||
</svg>
|
|
||||||
<span class="logo__text">עמוס רוזמרין</span>
|
|
||||||
</a>
|
|
||||||
<p class="footer__tagline">מהנדס אריזה — פתרונות אריזה גמישה לתעשייה הישראלית</p>
|
|
||||||
</div>
|
</div>
|
||||||
<nav class="footer__nav" aria-label="ניווט משני">
|
<nav class="footer-nav" aria-label="ניווט תחתון">
|
||||||
<h4 class="footer__heading">ניווט</h4>
|
<h4>ניווט</h4>
|
||||||
<ul class="footer__links">
|
<ul>
|
||||||
<li><a href="index.html">בית</a></li>
|
<li><a href="index.html">בית</a></li>
|
||||||
<li><a href="about.html">אודות</a></li>
|
<li><a href="about.html">אודות</a></li>
|
||||||
<li><a href="products.html">מוצרים</a></li>
|
<li><a href="products.html">מוצרים</a></li>
|
||||||
@@ -244,34 +169,17 @@
|
|||||||
<li><a href="contact.html">צור קשר</a></li>
|
<li><a href="contact.html">צור קשר</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<div class="footer__contact">
|
<div class="footer-contact">
|
||||||
<h4 class="footer__heading">צור קשר</h4>
|
<h4>צור קשר</h4>
|
||||||
<ul class="footer__links">
|
<address>
|
||||||
<li>
|
<p>זרחין 13, רעננה</p>
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
<p><a href="tel:054-818-1092">054-818-1092</a></p>
|
||||||
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/>
|
<p><a href="mailto:amos.rosemarin@gmail.com">amos.rosemarin@gmail.com</a></p>
|
||||||
</svg>
|
</address>
|
||||||
<a href="tel:054-818-1092">054-818-1092</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
||||||
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
|
|
||||||
<polyline points="22,6 12,13 2,6"/>
|
|
||||||
</svg>
|
|
||||||
<a href="mailto:amos.rosemarin@gmail.com">amos.rosemarin@gmail.com</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
||||||
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
|
|
||||||
<circle cx="12" cy="10" r="3"/>
|
|
||||||
</svg>
|
|
||||||
<span>זרחין 13, רעננה</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer__bottom">
|
<div class="footer-bottom">
|
||||||
<p>© 2025 עמוס רוזמרין — מהנדס אריזה. כל הזכויות שמורות.</p>
|
<p>עמוס רוזמרין - מהנדס אריזה © 2025. כל הזכויות שמורות.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|||||||
+92
-138
@@ -3,9 +3,9 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>צור קשר - עמוס רוזמרין | מהנדס אריזה</title>
|
<title>צור קשר | עמוס רוזמרין - מהנדס אריזה</title>
|
||||||
<meta name="description" content="צרו קשר עם עמוס רוזמרין - מהנדס אריזה. טלפון: 054-818-1092, אימייל: amos.rosemarin@gmail.com">
|
<meta name="description" content="צרו קשר עם עמוס רוזמרין לייעוץ בנושא פתרונות אריזה. טלפון: 054-818-1092, זרחין 13, רעננה.">
|
||||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect fill='%231a1a2e' width='100' height='100' rx='12'/><path d='M25 70V30h10l15 25V30h10v40H50L35 45v25H25z' fill='%230ea5e9'/><path d='M65 30h10v40H65V30z' fill='%23d4af37'/></svg>">
|
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect fill='%231a1a2e' width='100' height='100' rx='12'/><path d='M25 70V30h10l15 25 15-25h10v40h-10V45l-15 25-15-25v25z' fill='%230ea5e9'/></svg>">
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<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">
|
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600&display=swap" rel="stylesheet">
|
||||||
@@ -14,166 +14,137 @@
|
|||||||
<body>
|
<body>
|
||||||
<a href="#main-content" class="skip-link">דלג לתוכן הראשי</a>
|
<a href="#main-content" class="skip-link">דלג לתוכן הראשי</a>
|
||||||
|
|
||||||
<header class="header" id="header">
|
<header class="site-header">
|
||||||
<div class="container header__inner">
|
<div class="header-container">
|
||||||
<a href="index.html" class="logo">
|
<a href="index.html" class="logo">
|
||||||
<svg class="logo__icon" viewBox="0 0 40 40" aria-hidden="true">
|
<svg class="logo-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
||||||
<rect fill="var(--accent)" width="40" height="40" rx="6"/>
|
<rect x="4" y="8" width="40" height="32" rx="4" stroke="currentColor" stroke-width="2" fill="none"/>
|
||||||
<path d="M10 28V12h4l6 10V12h4v16h-4l-6-10v10H10z" fill="var(--bg-dark)"/>
|
<path d="M4 16h40M12 16v24M36 16v24M12 28h24M12 36h24" stroke="currentColor" stroke-width="1.5" opacity="0.6"/>
|
||||||
|
<circle cx="24" cy="22" r="3" fill="currentColor"/>
|
||||||
</svg>
|
</svg>
|
||||||
<span class="logo__text">עמוס רוזמרין</span>
|
<span class="logo-text">עמוס רוזמרין</span>
|
||||||
</a>
|
</a>
|
||||||
<button class="nav-toggle" aria-label="תפריט" aria-expanded="false">
|
<nav class="main-nav" role="navigation" aria-label="ניווט ראשי">
|
||||||
<span></span><span></span><span></span>
|
<ul class="nav-list">
|
||||||
</button>
|
<li><a href="index.html" class="nav-link">בית</a></li>
|
||||||
<nav class="nav" id="nav">
|
<li><a href="about.html" class="nav-link">אודות</a></li>
|
||||||
<ul class="nav__list">
|
<li><a href="products.html" class="nav-link">מוצרים</a></li>
|
||||||
<li><a href="index.html" class="nav__link">בית</a></li>
|
<li><a href="technology.html" class="nav-link">טכנולוגיה</a></li>
|
||||||
<li><a href="about.html" class="nav__link">אודות</a></li>
|
<li><a href="clients.html" class="nav-link">לקוחות</a></li>
|
||||||
<li><a href="products.html" class="nav__link">מוצרים</a></li>
|
<li><a href="contact.html" class="nav-link nav-cta active" aria-current="page">דברו איתי</a></li>
|
||||||
<li><a href="technology.html" class="nav__link">טכנולוגיה</a></li>
|
|
||||||
<li><a href="clients.html" class="nav__link">לקוחות</a></li>
|
|
||||||
<li><a href="contact.html" class="nav__link nav__link--cta active">צור קשר</a></li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
|
<button class="mobile-menu-toggle" aria-label="תפריט" aria-expanded="false">
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main id="main-content">
|
<main id="main-content">
|
||||||
<section class="page-hero">
|
<section class="page-hero">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="page-hero__content reveal">
|
<span class="section-tag reveal-fade">צור קשר</span>
|
||||||
<span class="section-label">אשמח לשמוע מכם</span>
|
<h1 class="page-title reveal-fade">בואו נדבר</h1>
|
||||||
<h1 class="page-hero__title">צור קשר</h1>
|
<p class="page-subtitle reveal-fade">נשמח לשמוע על הצרכים שלכם ולהציע פתרון מותאם</p>
|
||||||
<p class="page-hero__subtitle">מוזמנים לפנות בכל שאלה או בקשה</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="contact-section">
|
<section class="contact-section" aria-labelledby="contact-heading">
|
||||||
|
<h2 id="contact-heading" class="visually-hidden">פרטי יצירת קשר</h2>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="contact-grid">
|
<div class="contact-grid">
|
||||||
<div class="contact-info reveal">
|
<div class="contact-info reveal-fade">
|
||||||
<h2 class="contact-info__title">פרטי התקשרות</h2>
|
<h3>פרטי התקשרות</h3>
|
||||||
<div class="contact-info__items">
|
<div class="contact-cards">
|
||||||
<div class="contact-item">
|
<a href="tel:054-818-1092" class="contact-card">
|
||||||
<div class="contact-item__icon">
|
<div class="contact-icon" aria-hidden="true">
|
||||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||||
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/>
|
<path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z"/>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<div class="contact-item__content">
|
<div class="contact-details">
|
||||||
<span class="contact-item__label">טלפון</span>
|
<span class="contact-label">טלפון</span>
|
||||||
<a href="tel:054-818-1092" class="contact-item__value">054-818-1092</a>
|
<span class="contact-value">054-818-1092</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</a>
|
||||||
<div class="contact-item">
|
<a href="mailto:amos.rosemarin@gmail.com" class="contact-card">
|
||||||
<div class="contact-item__icon">
|
<div class="contact-icon" aria-hidden="true">
|
||||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||||
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
|
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
|
||||||
<polyline points="22,6 12,13 2,6"/>
|
<polyline points="22,6 12,13 2,6"/>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<div class="contact-item__content">
|
<div class="contact-details">
|
||||||
<span class="contact-item__label">אימייל</span>
|
<span class="contact-label">אימייל</span>
|
||||||
<a href="mailto:amos.rosemarin@gmail.com" class="contact-item__value">amos.rosemarin@gmail.com</a>
|
<span class="contact-value" lang="en">amos.rosemarin@gmail.com</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</a>
|
||||||
<div class="contact-item">
|
<div class="contact-card">
|
||||||
<div class="contact-item__icon">
|
<div class="contact-icon" aria-hidden="true">
|
||||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||||
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
|
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/>
|
||||||
<circle cx="12" cy="10" r="3"/>
|
<circle cx="12" cy="10" r="3"/>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<div class="contact-item__content">
|
<div class="contact-details">
|
||||||
<span class="contact-item__label">כתובת</span>
|
<span class="contact-label">כתובת</span>
|
||||||
<span class="contact-item__value">זרחין 13, רעננה</span>
|
<span class="contact-value">זרחין 13, רעננה</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="contact-map reveal">
|
|
||||||
<svg viewBox="0 0 400 250" aria-label="מפה - זרחין 13, רעננה">
|
|
||||||
<defs>
|
|
||||||
<pattern id="map-grid" width="20" height="20" patternUnits="userSpaceOnUse">
|
|
||||||
<path d="M 20 0 L 0 0 0 20" fill="none" stroke="rgba(14,165,233,0.1)" stroke-width="0.5"/>
|
|
||||||
</pattern>
|
|
||||||
</defs>
|
|
||||||
<rect width="400" height="250" fill="var(--bg-darker)" rx="12"/>
|
|
||||||
<rect width="400" height="250" fill="url(#map-grid)"/>
|
|
||||||
<path d="M0 100 L400 100" stroke="rgba(14,165,233,0.2)" stroke-width="8"/>
|
|
||||||
<path d="M0 150 L400 150" stroke="rgba(14,165,233,0.15)" stroke-width="6"/>
|
|
||||||
<path d="M150 0 L150 250" stroke="rgba(14,165,233,0.2)" stroke-width="8"/>
|
|
||||||
<path d="M250 0 L250 250" stroke="rgba(14,165,233,0.15)" stroke-width="6"/>
|
|
||||||
<circle cx="200" cy="125" r="30" fill="var(--accent)" opacity="0.2"/>
|
|
||||||
<circle cx="200" cy="125" r="15" fill="var(--accent)" opacity="0.4"/>
|
|
||||||
<path d="M200 105 a15 15 0 0 1 0 30 a15 15 0 0 1 0 -30 M200 125 L200 145" fill="var(--gold)" stroke="var(--gold)" stroke-width="3"/>
|
|
||||||
<circle cx="200" cy="115" r="5" fill="var(--bg-dark)"/>
|
|
||||||
<rect x="140" y="160" width="120" height="30" rx="4" fill="var(--bg-dark)"/>
|
|
||||||
<text x="200" y="180" text-anchor="middle" fill="var(--text)" font-size="12">זרחין 13, רעננה</text>
|
|
||||||
</svg>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="contact-form reveal-fade">
|
||||||
|
<h3>שלחו הודעה</h3>
|
||||||
<form class="contact-form reveal reveal--delay" action="#" method="POST" novalidate>
|
<form action="#" method="POST" novalidate>
|
||||||
<h2 class="contact-form__title">שלחו הודעה</h2>
|
|
||||||
<div aria-live="polite" aria-atomic="true" class="form-status" id="form-status"></div>
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="name" class="form-label">שם מלא <span class="required">*</span></label>
|
<label for="name">שם מלא <span aria-hidden="true">*</span></label>
|
||||||
<input type="text" id="name" name="name" class="form-input" required autocomplete="name" aria-describedby="name-error">
|
<input type="text" id="name" name="name" required autocomplete="name">
|
||||||
<span class="form-error" id="name-error"></span>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="company" class="form-label">חברה</label>
|
<label for="company">חברה</label>
|
||||||
<input type="text" id="company" name="company" class="form-input" autocomplete="organization">
|
<input type="text" id="company" name="company" autocomplete="organization">
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="email" class="form-label">אימייל <span class="required">*</span></label>
|
<label for="email">אימייל <span aria-hidden="true">*</span></label>
|
||||||
<input type="email" id="email" name="email" class="form-input" required autocomplete="email" aria-describedby="email-error">
|
<input type="email" id="email" name="email" required autocomplete="email">
|
||||||
<span class="form-error" id="email-error"></span>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="phone" class="form-label">טלפון</label>
|
<label for="phone">טלפון</label>
|
||||||
<input type="tel" id="phone" name="phone" class="form-input" autocomplete="tel">
|
<input type="tel" id="phone" name="phone" autocomplete="tel">
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group form-group--full">
|
<div class="form-group">
|
||||||
<label for="subject" class="form-label">נושא</label>
|
<label for="subject">נושא</label>
|
||||||
<select id="subject" name="subject" class="form-input form-select">
|
<select id="subject" name="subject">
|
||||||
<option value="">בחרו נושא...</option>
|
<option value="">בחרו נושא</option>
|
||||||
<option value="quote">בקשת הצעת מחיר</option>
|
<option value="quote">בקשת הצעת מחיר</option>
|
||||||
<option value="info">מידע על מוצרים</option>
|
<option value="consultation">ייעוץ טכני</option>
|
||||||
<option value="support">תמיכה טכנית</option>
|
<option value="general">פנייה כללית</option>
|
||||||
<option value="other">אחר</option>
|
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group form-group--full">
|
<div class="form-group form-group-full">
|
||||||
<label for="message" class="form-label">הודעה <span class="required">*</span></label>
|
<label for="message">הודעה <span aria-hidden="true">*</span></label>
|
||||||
<textarea id="message" name="message" class="form-input form-textarea" rows="5" required aria-describedby="message-error"></textarea>
|
<textarea id="message" name="message" rows="5" required></textarea>
|
||||||
<span class="form-error" id="message-error"></span>
|
|
||||||
</div>
|
</div>
|
||||||
<button type="submit" class="btn btn--primary btn--large form-submit">שלח הודעה</button>
|
<button type="submit" class="btn btn-primary btn-large">שליחה</button>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer class="footer">
|
<footer class="site-footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="footer__grid">
|
<div class="footer-grid">
|
||||||
<div class="footer__brand">
|
<div class="footer-brand">
|
||||||
<a href="index.html" class="logo logo--footer">
|
<a href="index.html" class="footer-logo">עמוס רוזמרין</a>
|
||||||
<svg class="logo__icon" viewBox="0 0 40 40" aria-hidden="true">
|
<p class="footer-tagline">מהנדס אריזה<br>פתרונות אריזה גמישה לתעשייה</p>
|
||||||
<rect fill="var(--accent)" width="40" height="40" rx="6"/>
|
|
||||||
<path d="M10 28V12h4l6 10V12h4v16h-4l-6-10v10H10z" fill="var(--bg-dark)"/>
|
|
||||||
</svg>
|
|
||||||
<span class="logo__text">עמוס רוזמרין</span>
|
|
||||||
</a>
|
|
||||||
<p class="footer__tagline">מהנדס אריזה — פתרונות אריזה גמישה לתעשייה הישראלית</p>
|
|
||||||
</div>
|
</div>
|
||||||
<nav class="footer__nav" aria-label="ניווט משני">
|
<nav class="footer-nav" aria-label="ניווט תחתון">
|
||||||
<h4 class="footer__heading">ניווט</h4>
|
<h4>ניווט</h4>
|
||||||
<ul class="footer__links">
|
<ul>
|
||||||
<li><a href="index.html">בית</a></li>
|
<li><a href="index.html">בית</a></li>
|
||||||
<li><a href="about.html">אודות</a></li>
|
<li><a href="about.html">אודות</a></li>
|
||||||
<li><a href="products.html">מוצרים</a></li>
|
<li><a href="products.html">מוצרים</a></li>
|
||||||
@@ -182,34 +153,17 @@
|
|||||||
<li><a href="contact.html">צור קשר</a></li>
|
<li><a href="contact.html">צור קשר</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<div class="footer__contact">
|
<div class="footer-contact">
|
||||||
<h4 class="footer__heading">צור קשר</h4>
|
<h4>צור קשר</h4>
|
||||||
<ul class="footer__links">
|
<address>
|
||||||
<li>
|
<p>זרחין 13, רעננה</p>
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
<p><a href="tel:054-818-1092">054-818-1092</a></p>
|
||||||
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/>
|
<p><a href="mailto:amos.rosemarin@gmail.com">amos.rosemarin@gmail.com</a></p>
|
||||||
</svg>
|
</address>
|
||||||
<a href="tel:054-818-1092">054-818-1092</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
||||||
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
|
|
||||||
<polyline points="22,6 12,13 2,6"/>
|
|
||||||
</svg>
|
|
||||||
<a href="mailto:amos.rosemarin@gmail.com">amos.rosemarin@gmail.com</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
||||||
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
|
|
||||||
<circle cx="12" cy="10" r="3"/>
|
|
||||||
</svg>
|
|
||||||
<span>זרחין 13, רעננה</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer__bottom">
|
<div class="footer-bottom">
|
||||||
<p>© 2025 עמוס רוזמרין — מהנדס אריזה. כל הזכויות שמורות.</p>
|
<p>עמוס רוזמרין - מהנדס אריזה © 2025. כל הזכויות שמורות.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|||||||
+203
-224
@@ -4,11 +4,12 @@
|
|||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>עמוס רוזמרין - מהנדס אריזה | פתרונות אריזה גמישה לתעשייה</title>
|
<title>עמוס רוזמרין - מהנדס אריזה | פתרונות אריזה גמישה לתעשייה</title>
|
||||||
<meta name="description" content="עמוס רוזמרין - מהנדס ייצור עצמאי מאז 2006, מתמחה בייבוא, פיתוח והתאמה של פתרונות אריזה גמישה וקופסאות קרטון לתעשייה הישראלית.">
|
<meta name="description" content="עמוס רוזמרין - מהנדס ייצור עצמאי מאז 2006. ייבוא, פיתוח והתאמת פתרונות אריזה גמישה וקופסאות קרטון לתעשייה הישראלית.">
|
||||||
<meta property="og:title" content="עמוס רוזמרין - מהנדס אריזה">
|
<meta property="og:title" content="עמוס רוזמרין - מהנדס אריזה">
|
||||||
<meta property="og:description" content="פתרונות אריזה גמישה לתעשייה הישראלית - ניסיון של מעל 18 שנה">
|
<meta property="og:description" content="פתרונות אריזה גמישה לתעשייה הישראלית. ניסיון של למעלה מ-18 שנה.">
|
||||||
<meta property="og:type" content="website">
|
<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 fill='%231a1a2e' width='100' height='100' rx='12'/><path d='M25 70V30h10l15 25V30h10v40H50L35 45v25H25z' fill='%230ea5e9'/><path d='M65 30h10v40H65V30z' fill='%23d4af37'/></svg>">
|
<meta property="og:locale" content="he_IL">
|
||||||
|
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect fill='%231a1a2e' width='100' height='100' rx='12'/><path d='M25 70V30h10l15 25 15-25h10v40h-10V45l-15 25-15-25v25z' fill='%230ea5e9'/></svg>">
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<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">
|
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600&display=swap" rel="stylesheet">
|
||||||
@@ -17,239 +18,234 @@
|
|||||||
<body>
|
<body>
|
||||||
<a href="#main-content" class="skip-link">דלג לתוכן הראשי</a>
|
<a href="#main-content" class="skip-link">דלג לתוכן הראשי</a>
|
||||||
|
|
||||||
<header class="header" id="header">
|
<header class="site-header">
|
||||||
<div class="container header__inner">
|
<div class="header-container">
|
||||||
<a href="index.html" class="logo">
|
<a href="index.html" class="logo">
|
||||||
<svg class="logo__icon" viewBox="0 0 40 40" aria-hidden="true">
|
<svg class="logo-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
||||||
<rect fill="var(--accent)" width="40" height="40" rx="6"/>
|
<rect x="4" y="8" width="40" height="32" rx="4" stroke="currentColor" stroke-width="2" fill="none"/>
|
||||||
<path d="M10 28V12h4l6 10V12h4v16h-4l-6-10v10H10z" fill="var(--bg-dark)"/>
|
<path d="M4 16h40M12 16v24M36 16v24M12 28h24M12 36h24" stroke="currentColor" stroke-width="1.5" opacity="0.6"/>
|
||||||
|
<circle cx="24" cy="22" r="3" fill="currentColor"/>
|
||||||
</svg>
|
</svg>
|
||||||
<span class="logo__text">עמוס רוזמרין</span>
|
<span class="logo-text">עמוס רוזמרין</span>
|
||||||
</a>
|
</a>
|
||||||
<button class="nav-toggle" aria-label="תפריט" aria-expanded="false">
|
<nav class="main-nav" role="navigation" aria-label="ניווט ראשי">
|
||||||
<span></span><span></span><span></span>
|
<ul class="nav-list">
|
||||||
</button>
|
<li><a href="index.html" class="nav-link active" aria-current="page">בית</a></li>
|
||||||
<nav class="nav" id="nav">
|
<li><a href="about.html" class="nav-link">אודות</a></li>
|
||||||
<ul class="nav__list">
|
<li><a href="products.html" class="nav-link">מוצרים</a></li>
|
||||||
<li><a href="index.html" class="nav__link active">בית</a></li>
|
<li><a href="technology.html" class="nav-link">טכנולוגיה</a></li>
|
||||||
<li><a href="about.html" class="nav__link">אודות</a></li>
|
<li><a href="clients.html" class="nav-link">לקוחות</a></li>
|
||||||
<li><a href="products.html" class="nav__link">מוצרים</a></li>
|
<li><a href="contact.html" class="nav-link nav-cta">דברו איתי</a></li>
|
||||||
<li><a href="technology.html" class="nav__link">טכנולוגיה</a></li>
|
|
||||||
<li><a href="clients.html" class="nav__link">לקוחות</a></li>
|
|
||||||
<li><a href="contact.html" class="nav__link nav__link--cta">צור קשר</a></li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
|
<button class="mobile-menu-toggle" aria-label="תפריט" aria-expanded="false">
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main id="main-content">
|
<main id="main-content">
|
||||||
<section class="hero">
|
<section class="hero">
|
||||||
<div class="hero__bg">
|
<div class="hero-bg" aria-hidden="true">
|
||||||
<svg class="hero__pattern" viewBox="0 0 800 600" preserveAspectRatio="xMidYMid slice" aria-hidden="true">
|
<svg class="hero-pattern" viewBox="0 0 800 600" preserveAspectRatio="xMidYMid slice">
|
||||||
<defs>
|
<defs>
|
||||||
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
|
<linearGradient id="heroGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||||
<stop offset="0%" style="stop-color:#1a1a2e"/>
|
<stop offset="0%" style="stop-color:#1a1a2e"/>
|
||||||
<stop offset="100%" style="stop-color:#16213e"/>
|
<stop offset="100%" style="stop-color:#16213e"/>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<pattern id="grid" width="60" height="60" patternUnits="userSpaceOnUse">
|
<pattern id="grid" width="60" height="60" patternUnits="userSpaceOnUse">
|
||||||
<path d="M 60 0 L 0 0 0 60" fill="none" stroke="rgba(14,165,233,0.08)" stroke-width="1"/>
|
<path d="M 60 0 L 0 0 0 60" fill="none" stroke="#0ea5e9" stroke-width="0.5" opacity="0.15"/>
|
||||||
</pattern>
|
</pattern>
|
||||||
</defs>
|
</defs>
|
||||||
<rect fill="url(#grad1)" width="800" height="600"/>
|
<rect fill="url(#heroGrad)" width="800" height="600"/>
|
||||||
<rect fill="url(#grid)" width="800" height="600"/>
|
<rect fill="url(#grid)" width="800" height="600"/>
|
||||||
<circle cx="650" cy="150" r="200" fill="rgba(14,165,233,0.05)"/>
|
<g class="hero-shapes">
|
||||||
<circle cx="100" cy="450" r="150" fill="rgba(212,175,55,0.04)"/>
|
<rect x="600" y="100" width="120" height="180" rx="8" fill="none" stroke="#0ea5e9" stroke-width="1" opacity="0.3"/>
|
||||||
<g class="hero__boxes" opacity="0.6">
|
<rect x="650" y="80" width="100" height="160" rx="8" fill="none" stroke="#d4af37" stroke-width="1" opacity="0.2"/>
|
||||||
<rect x="500" y="200" width="120" height="80" rx="4" fill="none" stroke="var(--accent)" stroke-width="2"/>
|
<rect x="80" y="350" width="140" height="200" rx="8" fill="none" stroke="#0ea5e9" stroke-width="1" opacity="0.25"/>
|
||||||
<rect x="540" y="180" width="100" height="70" rx="4" fill="none" stroke="var(--gold)" stroke-width="1.5"/>
|
<path d="M700 400 Q720 350 750 380 Q780 410 760 450 Q740 490 700 470 Q660 450 680 410 Z" fill="#0ea5e9" opacity="0.08"/>
|
||||||
<rect x="480" y="240" width="80" height="60" rx="4" fill="none" stroke="var(--accent)" stroke-width="1"/>
|
|
||||||
<path d="M500 200 L520 180 M620 200 L640 180 M620 280 L640 250 M500 280 L480 300" stroke="var(--accent)" stroke-width="1" opacity="0.5"/>
|
|
||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<div class="container hero__content">
|
<div class="hero-content">
|
||||||
<div class="hero__text reveal">
|
<div class="hero-badge reveal-fade">מהנדס ייצור עצמאי מאז 2006</div>
|
||||||
<span class="hero__label">מהנדס אריזה עצמאי מאז 2006</span>
|
<h1 class="hero-title reveal-fade">פתרונות אריזה גמישה <span class="highlight">לתעשייה הישראלית</span></h1>
|
||||||
<h1 class="hero__title">פתרונות אריזה גמישה<br>לתעשייה הישראלית</h1>
|
<p class="hero-subtitle reveal-fade">ידע טכני, ניסיון של למעלה מ-18 שנה ומומחיות באריזות גמישות — הכל מתכנס למוצר אחד מדויק עבורכם.</p>
|
||||||
<p class="hero__subtitle">ידע טכני מעמיק, ניסיון של מעל 18 שנה ושיתוף פעולה ישיר עם יצרנים מובילים — הכל מתכנס לפתרון אריזה מדויק עבורכם.</p>
|
<div class="hero-actions reveal-fade">
|
||||||
<div class="hero__actions">
|
<a href="contact.html" class="btn btn-primary">בואו נדבר</a>
|
||||||
<a href="contact.html" class="btn btn--primary">דברו איתי</a>
|
<a href="products.html" class="btn btn-secondary">לכל המוצרים</a>
|
||||||
<a href="products.html" class="btn btn--outline">לכל המוצרים</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="hero-stats reveal-fade">
|
||||||
|
<div class="stat">
|
||||||
|
<span class="stat-number">18+</span>
|
||||||
|
<span class="stat-label">שנות ניסיון</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="hero__visual reveal reveal--delay">
|
<div class="stat">
|
||||||
<div class="hero__card">
|
<span class="stat-number">9</span>
|
||||||
<svg viewBox="0 0 280 320" aria-label="איור אריזה תעשייתית">
|
<span class="stat-label">שכבות שיחול</span>
|
||||||
<defs>
|
</div>
|
||||||
<linearGradient id="pouch" x1="0%" y1="0%" x2="100%" y2="100%">
|
<div class="stat">
|
||||||
<stop offset="0%" style="stop-color:#0ea5e9"/>
|
<span class="stat-number">10</span>
|
||||||
<stop offset="100%" style="stop-color:#0284c7"/>
|
<span class="stat-label">צבעי הדפסה</span>
|
||||||
</linearGradient>
|
|
||||||
</defs>
|
|
||||||
<rect x="40" y="40" width="200" height="260" rx="12" fill="url(#pouch)" opacity="0.9"/>
|
|
||||||
<rect x="60" y="60" width="160" height="180" rx="8" fill="rgba(255,255,255,0.1)"/>
|
|
||||||
<rect x="80" y="80" width="120" height="20" rx="4" fill="rgba(255,255,255,0.3)"/>
|
|
||||||
<rect x="80" y="110" width="80" height="12" rx="3" fill="rgba(255,255,255,0.2)"/>
|
|
||||||
<rect x="80" y="130" width="100" height="12" rx="3" fill="rgba(255,255,255,0.2)"/>
|
|
||||||
<circle cx="140" cy="190" r="35" fill="rgba(255,255,255,0.15)" stroke="rgba(255,255,255,0.3)" stroke-width="2"/>
|
|
||||||
<path d="M125 190 L135 200 L155 180" stroke="#fff" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<rect x="60" y="260" width="160" height="25" rx="4" fill="var(--gold)" opacity="0.8"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="hero__scroll" aria-hidden="true">
|
<div class="scroll-indicator" aria-hidden="true">
|
||||||
<span>גלול למטה</span>
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
||||||
<path d="M12 5v14M5 12l7 7 7-7"/>
|
<path d="M12 5v14M5 12l7 7 7-7"/>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="features">
|
<section class="expertise" aria-labelledby="expertise-heading">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="section-header reveal">
|
<header class="section-header reveal-fade">
|
||||||
<span class="section-label">למה לעבוד איתי</span>
|
<span class="section-tag">תחומי התמחות</span>
|
||||||
<h2 class="section-title">יתרונות ייחודיים</h2>
|
<h2 id="expertise-heading" class="section-title">פתרונות אריזה לכל תעשייה</h2>
|
||||||
</div>
|
</header>
|
||||||
<div class="features__grid">
|
<div class="expertise-grid">
|
||||||
<article class="feature-card feature-card--highlight reveal">
|
<article class="expertise-card reveal-slide">
|
||||||
<div class="feature-card__icon">
|
<div class="card-icon" aria-hidden="true">
|
||||||
<svg viewBox="0 0 48 48" aria-hidden="true">
|
<svg viewBox="0 0 64 64" fill="none">
|
||||||
<circle cx="24" cy="24" r="20" fill="none" stroke="var(--accent)" stroke-width="2"/>
|
<circle cx="32" cy="32" r="28" stroke="currentColor" stroke-width="2"/>
|
||||||
<path d="M24 14v10l7 7" stroke="var(--gold)" stroke-width="2.5" stroke-linecap="round"/>
|
<path d="M20 28c0-6.627 5.373-12 12-12s12 5.373 12 12c0 8-12 20-12 20S20 36 20 28z" stroke="currentColor" stroke-width="2"/>
|
||||||
|
<circle cx="32" cy="28" r="4" fill="currentColor"/>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<h3 class="feature-card__title">ניסיון של 18+ שנה</h3>
|
<h3 class="card-title">אריזות למזון</h3>
|
||||||
<p class="feature-card__text">מאז 2006 אני מלווה מפעלים ישראליים בפיתוח פתרונות אריזה מותאמים אישית. הניסיון הזה מאפשר לי לזהות בעיות מראש ולחסוך לכם זמן וכסף.</p>
|
<p class="card-desc">חטיפים, לחמים, מאפים, קפה, חטיפי אנרגיה, קטניות, פסטה ועוד. פתרונות אריזה עם חסם גבוה לשמירה על טריות.</p>
|
||||||
|
<a href="products.html" class="card-link">
|
||||||
|
גלו את המגוון
|
||||||
|
<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M7.707 14.707a1 1 0 01-1.414-1.414L9.586 10 6.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4z"/></svg>
|
||||||
|
</a>
|
||||||
</article>
|
</article>
|
||||||
<article class="feature-card reveal">
|
<article class="expertise-card reveal-slide">
|
||||||
<div class="feature-card__icon">
|
<div class="card-icon" aria-hidden="true">
|
||||||
<svg viewBox="0 0 48 48" aria-hidden="true">
|
<svg viewBox="0 0 64 64" fill="none">
|
||||||
<rect x="8" y="14" width="32" height="24" rx="3" fill="none" stroke="var(--accent)" stroke-width="2"/>
|
<rect x="16" y="12" width="32" height="44" rx="4" stroke="currentColor" stroke-width="2"/>
|
||||||
<path d="M8 20h32M16 28h8M16 32h16" stroke="var(--gold)" stroke-width="2" stroke-linecap="round"/>
|
<path d="M24 12V8a8 8 0 1116 0v4" stroke="currentColor" stroke-width="2"/>
|
||||||
|
<circle cx="32" cy="36" r="8" stroke="currentColor" stroke-width="2"/>
|
||||||
|
<path d="M32 32v8M28 36h8" stroke="currentColor" stroke-width="2"/>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<h3 class="feature-card__title">עבודה ישירה עם יצרנים</h3>
|
<h3 class="card-title">היגיינה וניקוי</h3>
|
||||||
<p class="feature-card__text">שיתוף פעולה הדוק עם יצרנים טורקיים מובילים למחירים תחרותיים.</p>
|
<p class="card-desc">אריזות עמידות לחומרי ניקוי, מוצרי היגיינה וקוסמטיקה. עמידות כימית גבוהה ואיכות הדפסה מעולה.</p>
|
||||||
|
<a href="products.html" class="card-link">
|
||||||
|
לפרטים נוספים
|
||||||
|
<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M7.707 14.707a1 1 0 01-1.414-1.414L9.586 10 6.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4z"/></svg>
|
||||||
|
</a>
|
||||||
</article>
|
</article>
|
||||||
<article class="feature-card reveal">
|
<article class="expertise-card reveal-slide">
|
||||||
<div class="feature-card__icon">
|
<div class="card-icon" aria-hidden="true">
|
||||||
<svg viewBox="0 0 48 48" aria-hidden="true">
|
<svg viewBox="0 0 64 64" fill="none">
|
||||||
<path d="M24 6L6 18v18l18 6 18-6V18L24 6z" fill="none" stroke="var(--accent)" stroke-width="2"/>
|
<path d="M12 52V20a4 4 0 014-4h32a4 4 0 014 4v32" stroke="currentColor" stroke-width="2"/>
|
||||||
<path d="M24 24v18M6 18l18 6 18-6" stroke="var(--gold)" stroke-width="2"/>
|
<path d="M8 52h48M20 16V8M44 16V8" stroke="currentColor" stroke-width="2"/>
|
||||||
|
<rect x="24" y="28" width="16" height="12" rx="2" stroke="currentColor" stroke-width="2"/>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<h3 class="feature-card__title">שיחול עד 9 שכבות</h3>
|
<h3 class="card-title">שקיות מוכנות</h3>
|
||||||
<p class="feature-card__text">טכנולוגיה מתקדמת עם חסם גבוה על בסיס PA ו-EVOH.</p>
|
<p class="card-desc">Stand-up pouches, Doypack ושקיות מוכנות במגוון גדלים וסגירות. פתרון אידיאלי לקו ייצור מהיר.</p>
|
||||||
|
<a href="products.html" class="card-link">
|
||||||
|
ראו דוגמאות
|
||||||
|
<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M7.707 14.707a1 1 0 01-1.414-1.414L9.586 10 6.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4z"/></svg>
|
||||||
|
</a>
|
||||||
</article>
|
</article>
|
||||||
<article class="feature-card reveal">
|
<article class="expertise-card reveal-slide">
|
||||||
<div class="feature-card__icon">
|
<div class="card-icon" aria-hidden="true">
|
||||||
<svg viewBox="0 0 48 48" aria-hidden="true">
|
<svg viewBox="0 0 64 64" fill="none">
|
||||||
<circle cx="24" cy="24" r="18" fill="none" stroke="var(--accent)" stroke-width="2"/>
|
<ellipse cx="32" cy="48" rx="20" ry="6" stroke="currentColor" stroke-width="2"/>
|
||||||
<path d="M24 12a12 12 0 0 1 0 24" fill="none" stroke="var(--gold)" stroke-width="2.5"/>
|
<path d="M12 48V28c0-8.837 8.954-16 20-16s20 7.163 20 16v20" stroke="currentColor" stroke-width="2"/>
|
||||||
<circle cx="24" cy="24" r="4" fill="var(--gold)"/>
|
<circle cx="24" cy="32" r="3" fill="currentColor"/>
|
||||||
|
<circle cx="40" cy="28" r="3" fill="currentColor"/>
|
||||||
|
<circle cx="32" cy="38" r="2" fill="currentColor"/>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<h3 class="feature-card__title">גלופות HD NX</h3>
|
<h3 class="card-title">פירות וירקות</h3>
|
||||||
<p class="feature-card__text">ייצור גלופות עצמי ללא שפכים, ידידותי לסביבה ובאיכות גבוהה.</p>
|
<p class="card-desc">אריזות ייעודיות לתוצרת חקלאית טרייה. מיקרו-ניקוב מבוקר, שקיפות גבוהה ועמידות בתנאי קירור.</p>
|
||||||
|
<a href="products.html" class="card-link">
|
||||||
|
לפתרונות חקלאות
|
||||||
|
<svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M7.707 14.707a1 1 0 01-1.414-1.414L9.586 10 6.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4z"/></svg>
|
||||||
|
</a>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="products-preview">
|
<section class="tech-highlight" aria-labelledby="tech-heading">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="section-header reveal">
|
<div class="tech-grid">
|
||||||
<span class="section-label">מה אני מציע</span>
|
<div class="tech-visual reveal-fade" aria-hidden="true">
|
||||||
<h2 class="section-title">תחומי התמחות</h2>
|
<svg class="tech-diagram" viewBox="0 0 400 400" fill="none">
|
||||||
</div>
|
<defs>
|
||||||
<div class="products-grid">
|
<linearGradient id="layerGrad1" x1="0%" y1="0%" x2="100%" y2="0%">
|
||||||
<a href="products.html#food" class="product-card reveal">
|
<stop offset="0%" style="stop-color:#0ea5e9;stop-opacity:0.8"/>
|
||||||
<div class="product-card__visual">
|
<stop offset="100%" style="stop-color:#0ea5e9;stop-opacity:0.3"/>
|
||||||
<svg viewBox="0 0 120 120" aria-hidden="true">
|
</linearGradient>
|
||||||
<rect x="20" y="30" width="80" height="70" rx="8" fill="var(--accent)" opacity="0.2"/>
|
<linearGradient id="layerGrad2" x1="0%" y1="0%" x2="100%" y2="0%">
|
||||||
<rect x="30" y="40" width="60" height="50" rx="4" fill="var(--accent)" opacity="0.4"/>
|
<stop offset="0%" style="stop-color:#d4af37;stop-opacity:0.6"/>
|
||||||
<circle cx="60" cy="65" r="15" fill="var(--gold)" opacity="0.6"/>
|
<stop offset="100%" style="stop-color:#d4af37;stop-opacity:0.2"/>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g class="layers-animation">
|
||||||
|
<rect x="50" y="60" width="300" height="20" rx="4" fill="url(#layerGrad1)" class="layer layer-1"/>
|
||||||
|
<rect x="50" y="90" width="300" height="20" rx="4" fill="url(#layerGrad2)" class="layer layer-2"/>
|
||||||
|
<rect x="50" y="120" width="300" height="20" rx="4" fill="url(#layerGrad1)" class="layer layer-3"/>
|
||||||
|
<rect x="50" y="150" width="300" height="20" rx="4" fill="url(#layerGrad2)" class="layer layer-4"/>
|
||||||
|
<rect x="50" y="180" width="300" height="20" rx="4" fill="url(#layerGrad1)" class="layer layer-5"/>
|
||||||
|
<rect x="50" y="210" width="300" height="20" rx="4" fill="url(#layerGrad2)" class="layer layer-6"/>
|
||||||
|
<rect x="50" y="240" width="300" height="20" rx="4" fill="url(#layerGrad1)" class="layer layer-7"/>
|
||||||
|
<rect x="50" y="270" width="300" height="20" rx="4" fill="url(#layerGrad2)" class="layer layer-8"/>
|
||||||
|
<rect x="50" y="300" width="300" height="20" rx="4" fill="url(#layerGrad1)" class="layer layer-9"/>
|
||||||
|
</g>
|
||||||
|
<text x="200" y="370" text-anchor="middle" fill="#fff" font-size="14" opacity="0.7">PE • PP • PET • PA • AL • EVOH • PLA</text>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<h3 class="product-card__title">אריזות מזון</h3>
|
<div class="tech-content">
|
||||||
<p class="product-card__text">חטיפים, לחמים, מאפים, קפה, ממתקים ועוד</p>
|
<span class="section-tag reveal-fade">טכנולוגיה מתקדמת</span>
|
||||||
<span class="product-card__arrow" aria-hidden="true">←</span>
|
<h2 id="tech-heading" class="section-title reveal-fade">שיחול עד 9 שכבות</h2>
|
||||||
</a>
|
<p class="tech-desc reveal-fade">אנו מייצרים יריעות בנות 9 שכבות בעלות חסם גבוה על בסיס PA ו-EVOH, ומספקים פתרונות אריזה מלאים למוצרים הדורשים חסם גבוה כגון בשר ומוצרי חלב.</p>
|
||||||
<a href="products.html#hygiene" class="product-card reveal">
|
<ul class="tech-features">
|
||||||
<div class="product-card__visual">
|
<li class="reveal-fade">
|
||||||
<svg viewBox="0 0 120 120" aria-hidden="true">
|
<svg class="check-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
||||||
<ellipse cx="60" cy="70" rx="35" ry="25" fill="var(--accent)" opacity="0.2"/>
|
<path d="M20 6L9 17l-5-5"/>
|
||||||
<rect x="45" y="35" width="30" height="50" rx="6" fill="var(--accent)" opacity="0.4"/>
|
|
||||||
<circle cx="60" cy="50" r="8" fill="var(--gold)" opacity="0.6"/>
|
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
<span>הדפסה עד 10 צבעים באיכות HD</span>
|
||||||
<h3 class="product-card__title">היגיינה וניקוי</h3>
|
</li>
|
||||||
<p class="product-card__text">אריזות לחומרי ניקוי ומוצרי היגיינה</p>
|
<li class="reveal-fade">
|
||||||
<span class="product-card__arrow" aria-hidden="true">←</span>
|
<svg class="check-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
||||||
</a>
|
<path d="M20 6L9 17l-5-5"/>
|
||||||
<a href="products.html#pouches" class="product-card reveal">
|
|
||||||
<div class="product-card__visual">
|
|
||||||
<svg viewBox="0 0 120 120" aria-hidden="true">
|
|
||||||
<path d="M35 90 L35 40 Q35 30 45 30 L75 30 Q85 30 85 40 L85 90 Q85 95 60 95 Q35 95 35 90" fill="var(--accent)" opacity="0.3"/>
|
|
||||||
<path d="M40 85 L40 45 Q40 38 48 38 L72 38 Q80 38 80 45 L80 85" fill="var(--accent)" opacity="0.2" stroke="var(--gold)" stroke-width="2"/>
|
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
<span>גלופות HD NX ללא שפכים</span>
|
||||||
<h3 class="product-card__title">שקיות מוכנות</h3>
|
</li>
|
||||||
<p class="product-card__text">Stand-up pouches, Doypack ועוד</p>
|
<li class="reveal-fade">
|
||||||
<span class="product-card__arrow" aria-hidden="true">←</span>
|
<svg class="check-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
||||||
</a>
|
<path d="M20 6L9 17l-5-5"/>
|
||||||
<a href="products.html#produce" class="product-card reveal">
|
|
||||||
<div class="product-card__visual">
|
|
||||||
<svg viewBox="0 0 120 120" aria-hidden="true">
|
|
||||||
<circle cx="45" cy="70" r="20" fill="var(--gold)" opacity="0.3"/>
|
|
||||||
<circle cx="70" cy="55" r="18" fill="var(--accent)" opacity="0.3"/>
|
|
||||||
<circle cx="75" cy="80" r="15" fill="var(--gold)" opacity="0.4"/>
|
|
||||||
<path d="M60 35 Q65 25 70 35" stroke="var(--accent)" stroke-width="2" fill="none"/>
|
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
<span>ידידותי לסביבה</span>
|
||||||
<h3 class="product-card__title">פירות וירקות</h3>
|
</li>
|
||||||
<p class="product-card__text">אריזות לתוצרת חקלאית טרייה</p>
|
<li class="reveal-fade">
|
||||||
<span class="product-card__arrow" aria-hidden="true">←</span>
|
<svg class="check-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
||||||
</a>
|
<path d="M20 6L9 17l-5-5"/>
|
||||||
</div>
|
</svg>
|
||||||
<div class="products-preview__cta reveal">
|
<span>מחירים תחרותיים</span>
|
||||||
<a href="products.html" class="btn btn--outline">צפה בכל המוצרים</a>
|
</li>
|
||||||
</div>
|
</ul>
|
||||||
</div>
|
<a href="technology.html" class="btn btn-primary reveal-fade">עוד על הטכנולוגיה</a>
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="stats">
|
|
||||||
<div class="container">
|
|
||||||
<div class="stats__grid">
|
|
||||||
<div class="stat reveal">
|
|
||||||
<span class="stat__number">18+</span>
|
|
||||||
<span class="stat__label">שנות ניסיון</span>
|
|
||||||
</div>
|
|
||||||
<div class="stat reveal">
|
|
||||||
<span class="stat__number">9</span>
|
|
||||||
<span class="stat__label">שכבות שיחול</span>
|
|
||||||
</div>
|
|
||||||
<div class="stat reveal">
|
|
||||||
<span class="stat__number">10</span>
|
|
||||||
<span class="stat__label">צבעי הדפסה</span>
|
|
||||||
</div>
|
|
||||||
<div class="stat reveal">
|
|
||||||
<span class="stat__number">10+</span>
|
|
||||||
<span class="stat__label">לקוחות קבועים</span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="clients-preview">
|
<section class="clients-preview" aria-labelledby="clients-heading">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="section-header reveal">
|
<header class="section-header reveal-fade">
|
||||||
<span class="section-label">סומכים עליי</span>
|
<span class="section-tag">לקוחות</span>
|
||||||
<h2 class="section-title">לקוחות נבחרים</h2>
|
<h2 id="clients-heading" class="section-title">לקוחות שסומכים עלינו</h2>
|
||||||
</div>
|
<p class="section-desc">שיתופי פעולה ארוכי טווח עם מותגים מובילים בתעשיית המזון הישראלית</p>
|
||||||
<div class="clients-logos reveal">
|
</header>
|
||||||
|
<div class="clients-grid reveal-fade">
|
||||||
<div class="client-logo">מאפיית ברמן</div>
|
<div class="client-logo">מאפיית ברמן</div>
|
||||||
<div class="client-logo">דגנית</div>
|
<div class="client-logo">דגנית</div>
|
||||||
<div class="client-logo">חסלט</div>
|
<div class="client-logo">חסלט</div>
|
||||||
@@ -261,41 +257,41 @@
|
|||||||
<div class="client-logo">מאיר בייגל</div>
|
<div class="client-logo">מאיר בייגל</div>
|
||||||
<div class="client-logo">גילרו</div>
|
<div class="client-logo">גילרו</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="clients-preview__cta reveal">
|
<div class="clients-cta reveal-fade">
|
||||||
<a href="clients.html" class="btn btn--outline">לכל הלקוחות</a>
|
<a href="clients.html" class="btn btn-secondary">לכל הלקוחות</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="cta-section">
|
<section class="cta-section" aria-labelledby="cta-heading">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="cta-box reveal">
|
<div class="cta-content reveal-fade">
|
||||||
<div class="cta-box__content">
|
<h2 id="cta-heading" class="cta-title">מחפשים פתרון אריזה לקו הייצור שלכם?</h2>
|
||||||
<h2 class="cta-box__title">מחפשים פתרון אריזה מותאם?</h2>
|
<p class="cta-desc">נשמח לשמוע על הצרכים שלכם ולהציע פתרון מותאם אישית</p>
|
||||||
<p class="cta-box__text">אשמח ללוות אתכם בתהליך ולהתאים את הפתרון המושלם לצרכים שלכם</p>
|
<div class="cta-actions">
|
||||||
|
<a href="contact.html" class="btn btn-primary btn-large">בואו נדבר</a>
|
||||||
|
<a href="tel:054-818-1092" class="btn btn-outline btn-large">
|
||||||
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
||||||
|
<path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z"/>
|
||||||
|
</svg>
|
||||||
|
054-818-1092
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<a href="contact.html" class="btn btn--primary btn--large">דברו איתי</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer class="footer">
|
<footer class="site-footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="footer__grid">
|
<div class="footer-grid">
|
||||||
<div class="footer__brand">
|
<div class="footer-brand">
|
||||||
<a href="index.html" class="logo logo--footer">
|
<a href="index.html" class="footer-logo">עמוס רוזמרין</a>
|
||||||
<svg class="logo__icon" viewBox="0 0 40 40" aria-hidden="true">
|
<p class="footer-tagline">מהנדס אריזה<br>פתרונות אריזה גמישה לתעשייה</p>
|
||||||
<rect fill="var(--accent)" width="40" height="40" rx="6"/>
|
|
||||||
<path d="M10 28V12h4l6 10V12h4v16h-4l-6-10v10H10z" fill="var(--bg-dark)"/>
|
|
||||||
</svg>
|
|
||||||
<span class="logo__text">עמוס רוזמרין</span>
|
|
||||||
</a>
|
|
||||||
<p class="footer__tagline">מהנדס אריזה — פתרונות אריזה גמישה לתעשייה הישראלית</p>
|
|
||||||
</div>
|
</div>
|
||||||
<nav class="footer__nav" aria-label="ניווט משני">
|
<nav class="footer-nav" aria-label="ניווט תחתון">
|
||||||
<h4 class="footer__heading">ניווט</h4>
|
<h4>ניווט</h4>
|
||||||
<ul class="footer__links">
|
<ul>
|
||||||
<li><a href="index.html">בית</a></li>
|
<li><a href="index.html">בית</a></li>
|
||||||
<li><a href="about.html">אודות</a></li>
|
<li><a href="about.html">אודות</a></li>
|
||||||
<li><a href="products.html">מוצרים</a></li>
|
<li><a href="products.html">מוצרים</a></li>
|
||||||
@@ -304,34 +300,17 @@
|
|||||||
<li><a href="contact.html">צור קשר</a></li>
|
<li><a href="contact.html">צור קשר</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<div class="footer__contact">
|
<div class="footer-contact">
|
||||||
<h4 class="footer__heading">צור קשר</h4>
|
<h4>צור קשר</h4>
|
||||||
<ul class="footer__links">
|
<address>
|
||||||
<li>
|
<p>זרחין 13, רעננה</p>
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
<p><a href="tel:054-818-1092">054-818-1092</a></p>
|
||||||
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/>
|
<p><a href="mailto:amos.rosemarin@gmail.com">amos.rosemarin@gmail.com</a></p>
|
||||||
</svg>
|
</address>
|
||||||
<a href="tel:054-818-1092">054-818-1092</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
||||||
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
|
|
||||||
<polyline points="22,6 12,13 2,6"/>
|
|
||||||
</svg>
|
|
||||||
<a href="mailto:amos.rosemarin@gmail.com">amos.rosemarin@gmail.com</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
||||||
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
|
|
||||||
<circle cx="12" cy="10" r="3"/>
|
|
||||||
</svg>
|
|
||||||
<span>זרחין 13, רעננה</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer__bottom">
|
<div class="footer-bottom">
|
||||||
<p>© 2025 עמוס רוזמרין — מהנדס אריזה. כל הזכויות שמורות.</p>
|
<p>עמוס רוזמרין - מהנדס אריזה © 2025. כל הזכויות שמורות.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|||||||
+168
-211
@@ -3,9 +3,9 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>מוצרים - עמוס רוזמרין | מהנדס אריזה</title>
|
<title>מוצרים | עמוס רוזמרין - מהנדס אריזה</title>
|
||||||
<meta name="description" content="מגוון פתרונות אריזה גמישה: אריזות מזון, היגיינה, שקיות מוכנות, אריזות לפירות וירקות וקופסאות קרטון.">
|
<meta name="description" content="מגוון פתרונות אריזה גמישה: אריזות למזון, היגיינה, שקיות מוכנות, פירות וירקות וקופסאות קרטון מעוצבות.">
|
||||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect fill='%231a1a2e' width='100' height='100' rx='12'/><path d='M25 70V30h10l15 25V30h10v40H50L35 45v25H25z' fill='%230ea5e9'/><path d='M65 30h10v40H65V30z' fill='%23d4af37'/></svg>">
|
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect fill='%231a1a2e' width='100' height='100' rx='12'/><path d='M25 70V30h10l15 25 15-25h10v40h-10V45l-15 25-15-25v25z' fill='%230ea5e9'/></svg>">
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<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">
|
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600&display=swap" rel="stylesheet">
|
||||||
@@ -14,211 +14,185 @@
|
|||||||
<body>
|
<body>
|
||||||
<a href="#main-content" class="skip-link">דלג לתוכן הראשי</a>
|
<a href="#main-content" class="skip-link">דלג לתוכן הראשי</a>
|
||||||
|
|
||||||
<header class="header" id="header">
|
<header class="site-header">
|
||||||
<div class="container header__inner">
|
<div class="header-container">
|
||||||
<a href="index.html" class="logo">
|
<a href="index.html" class="logo">
|
||||||
<svg class="logo__icon" viewBox="0 0 40 40" aria-hidden="true">
|
<svg class="logo-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
||||||
<rect fill="var(--accent)" width="40" height="40" rx="6"/>
|
<rect x="4" y="8" width="40" height="32" rx="4" stroke="currentColor" stroke-width="2" fill="none"/>
|
||||||
<path d="M10 28V12h4l6 10V12h4v16h-4l-6-10v10H10z" fill="var(--bg-dark)"/>
|
<path d="M4 16h40M12 16v24M36 16v24M12 28h24M12 36h24" stroke="currentColor" stroke-width="1.5" opacity="0.6"/>
|
||||||
|
<circle cx="24" cy="22" r="3" fill="currentColor"/>
|
||||||
</svg>
|
</svg>
|
||||||
<span class="logo__text">עמוס רוזמרין</span>
|
<span class="logo-text">עמוס רוזמרין</span>
|
||||||
</a>
|
</a>
|
||||||
<button class="nav-toggle" aria-label="תפריט" aria-expanded="false">
|
<nav class="main-nav" role="navigation" aria-label="ניווט ראשי">
|
||||||
<span></span><span></span><span></span>
|
<ul class="nav-list">
|
||||||
</button>
|
<li><a href="index.html" class="nav-link">בית</a></li>
|
||||||
<nav class="nav" id="nav">
|
<li><a href="about.html" class="nav-link">אודות</a></li>
|
||||||
<ul class="nav__list">
|
<li><a href="products.html" class="nav-link active" aria-current="page">מוצרים</a></li>
|
||||||
<li><a href="index.html" class="nav__link">בית</a></li>
|
<li><a href="technology.html" class="nav-link">טכנולוגיה</a></li>
|
||||||
<li><a href="about.html" class="nav__link">אודות</a></li>
|
<li><a href="clients.html" class="nav-link">לקוחות</a></li>
|
||||||
<li><a href="products.html" class="nav__link active">מוצרים</a></li>
|
<li><a href="contact.html" class="nav-link nav-cta">דברו איתי</a></li>
|
||||||
<li><a href="technology.html" class="nav__link">טכנולוגיה</a></li>
|
|
||||||
<li><a href="clients.html" class="nav__link">לקוחות</a></li>
|
|
||||||
<li><a href="contact.html" class="nav__link nav__link--cta">צור קשר</a></li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
|
<button class="mobile-menu-toggle" aria-label="תפריט" aria-expanded="false">
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main id="main-content">
|
<main id="main-content">
|
||||||
<section class="page-hero">
|
<section class="page-hero">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="page-hero__content reveal">
|
<span class="section-tag reveal-fade">מוצרים</span>
|
||||||
<span class="section-label">מה אני מציע</span>
|
<h1 class="page-title reveal-fade">פתרונות אריזה</h1>
|
||||||
<h1 class="page-hero__title">מוצרים</h1>
|
<p class="page-subtitle reveal-fade">מגוון רחב של פתרונות אריזה גמישה לכל תעשייה</p>
|
||||||
<p class="page-hero__subtitle">פתרונות אריזה גמישה מותאמים אישית לכל תעשייה</p>
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="products-section" aria-labelledby="products-heading">
|
||||||
|
<h2 id="products-heading" class="visually-hidden">קטגוריות מוצרים</h2>
|
||||||
|
<div class="container">
|
||||||
|
<div class="products-grid">
|
||||||
|
<article class="product-card product-featured reveal-slide">
|
||||||
|
<div class="product-visual" aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 300 200" fill="none">
|
||||||
|
<rect width="300" height="200" fill="#16213e"/>
|
||||||
|
<rect x="80" y="30" width="140" height="140" rx="8" fill="none" stroke="#0ea5e9" stroke-width="2"/>
|
||||||
|
<path d="M100 50h100M100 70h80M100 90h60" stroke="#0ea5e9" stroke-width="1" opacity="0.5"/>
|
||||||
|
<circle cx="150" cy="130" r="20" fill="#0ea5e9" opacity="0.3"/>
|
||||||
|
<path d="M140 130l8 8 16-16" stroke="#0ea5e9" stroke-width="2"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div class="product-content">
|
||||||
|
<h3 class="product-title">אריזות למזון</h3>
|
||||||
|
<p class="product-desc">פתרונות אריזה מתקדמים לתעשיית המזון עם חסם גבוה לשמירה על טריות ואיכות המוצר.</p>
|
||||||
|
<ul class="product-list">
|
||||||
|
<li>חטיפים ואגוזים</li>
|
||||||
|
<li>קטניות ופסטה</li>
|
||||||
|
<li>לחם ומאפים</li>
|
||||||
|
<li>קפה ותה</li>
|
||||||
|
<li>ופלים, שוקולד וממתקים</li>
|
||||||
|
<li>קמח וסוכר</li>
|
||||||
|
<li>מזון קפוא ושלגונים</li>
|
||||||
|
<li>בשר וגבינה</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article class="product-card reveal-slide">
|
||||||
|
<div class="product-visual" aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 300 200" fill="none">
|
||||||
|
<rect width="300" height="200" fill="#16213e"/>
|
||||||
|
<rect x="110" y="40" width="80" height="120" rx="4" fill="none" stroke="#d4af37" stroke-width="2"/>
|
||||||
|
<ellipse cx="150" cy="50" rx="30" ry="10" stroke="#d4af37" stroke-width="2"/>
|
||||||
|
<path d="M120 80h60M120 100h40M120 120h50" stroke="#d4af37" stroke-width="1" opacity="0.5"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div class="product-content">
|
||||||
|
<h3 class="product-title">היגיינה וחומרי ניקוי</h3>
|
||||||
|
<p class="product-desc">אריזות עמידות לחומרים כימיים, מוצרי היגיינה וקוסמטיקה עם איכות הדפסה מעולה.</p>
|
||||||
|
<ul class="product-list">
|
||||||
|
<li>מוצרי ניקוי</li>
|
||||||
|
<li>מוצרי היגיינה אישית</li>
|
||||||
|
<li>קוסמטיקה</li>
|
||||||
|
<li>חומרי חיטוי</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article class="product-card reveal-slide">
|
||||||
|
<div class="product-visual" aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 300 200" fill="none">
|
||||||
|
<rect width="300" height="200" fill="#16213e"/>
|
||||||
|
<path d="M110 160 L110 60 Q110 40 130 40 L170 40 Q190 40 190 60 L190 160" fill="none" stroke="#0ea5e9" stroke-width="2"/>
|
||||||
|
<path d="M100 160 L200 160" stroke="#0ea5e9" stroke-width="2"/>
|
||||||
|
<ellipse cx="150" cy="50" rx="25" ry="8" stroke="#0ea5e9" stroke-width="1" opacity="0.5"/>
|
||||||
|
<path d="M130 80h40M130 100h30M130 120h35" stroke="#0ea5e9" stroke-width="1" opacity="0.5"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div class="product-content">
|
||||||
|
<h3 class="product-title">שקיות מוכנות</h3>
|
||||||
|
<p class="product-desc">Stand-up pouches, Doypack ושקיות מוכנות במגוון גדלים וסגירות לקו ייצור מהיר ויעיל.</p>
|
||||||
|
<ul class="product-list">
|
||||||
|
<li>Stand-up pouches</li>
|
||||||
|
<li>Doypack</li>
|
||||||
|
<li>סגירת זיפר</li>
|
||||||
|
<li>מגוון נפחים</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article class="product-card reveal-slide">
|
||||||
|
<div class="product-visual" aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 300 200" fill="none">
|
||||||
|
<rect width="300" height="200" fill="#16213e"/>
|
||||||
|
<ellipse cx="150" cy="100" rx="60" ry="50" fill="none" stroke="#d4af37" stroke-width="2"/>
|
||||||
|
<circle cx="130" cy="85" r="8" fill="#d4af37" opacity="0.4"/>
|
||||||
|
<circle cx="160" cy="95" r="10" fill="#d4af37" opacity="0.3"/>
|
||||||
|
<circle cx="145" cy="115" r="6" fill="#d4af37" opacity="0.5"/>
|
||||||
|
<path d="M90 100h120" stroke="#d4af37" stroke-width="1" stroke-dasharray="4 4" opacity="0.3"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div class="product-content">
|
||||||
|
<h3 class="product-title">פירות וירקות</h3>
|
||||||
|
<p class="product-desc">אריזות ייעודיות לתוצרת חקלאית טרייה עם מיקרו-ניקוב מבוקר ושקיפות גבוהה.</p>
|
||||||
|
<ul class="product-list">
|
||||||
|
<li>ירקות טריים</li>
|
||||||
|
<li>פירות</li>
|
||||||
|
<li>תוצרת חקלאית</li>
|
||||||
|
<li>עמידות בקירור</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article class="product-card reveal-slide">
|
||||||
|
<div class="product-visual" aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 300 200" fill="none">
|
||||||
|
<rect width="300" height="200" fill="#16213e"/>
|
||||||
|
<path d="M80 50 L220 50 L220 150 L80 150 Z" fill="none" stroke="#0ea5e9" stroke-width="2"/>
|
||||||
|
<path d="M80 50 L100 30 L240 30 L240 130 L220 150" fill="none" stroke="#0ea5e9" stroke-width="1" opacity="0.5"/>
|
||||||
|
<path d="M220 50 L240 30" stroke="#0ea5e9" stroke-width="1" opacity="0.5"/>
|
||||||
|
<rect x="100" y="70" width="80" height="60" fill="none" stroke="#0ea5e9" stroke-width="1" opacity="0.5"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div class="product-content">
|
||||||
|
<h3 class="product-title">קופסאות קרטון</h3>
|
||||||
|
<p class="product-desc">קופסאות קרטון מעוצבות להתאמה מושלמת למוצר ולמותג שלכם.</p>
|
||||||
|
<ul class="product-list">
|
||||||
|
<li>עיצוב מותאם</li>
|
||||||
|
<li>הדפסה באיכות גבוהה</li>
|
||||||
|
<li>מגוון גדלים</li>
|
||||||
|
<li>חומרים איכותיים</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="products-full" id="food">
|
<section class="cta-section" aria-labelledby="products-cta-heading">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<article class="product-section reveal">
|
<div class="cta-content reveal-fade">
|
||||||
<div class="product-section__header">
|
<h2 id="products-cta-heading" class="cta-title">מחפשים פתרון אריזה מותאם?</h2>
|
||||||
<div class="product-section__icon">
|
<p class="cta-desc">ספרו לנו על הצרכים שלכם ונציע את הפתרון המושלם</p>
|
||||||
<svg viewBox="0 0 64 64" aria-hidden="true">
|
<a href="contact.html" class="btn btn-primary btn-large">בואו נדבר</a>
|
||||||
<rect x="12" y="16" width="40" height="36" rx="6" fill="none" stroke="var(--accent)" stroke-width="2"/>
|
|
||||||
<path d="M12 28h40" stroke="var(--accent)" stroke-width="2"/>
|
|
||||||
<circle cx="32" cy="40" r="8" fill="var(--gold)" opacity="0.4"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<div class="product-section__title-wrap">
|
|
||||||
<h2 class="product-section__title">אריזות מזון</h2>
|
|
||||||
<p class="product-section__subtitle">פתרונות אריזה למגוון רחב של מוצרי מזון</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="product-section__content">
|
|
||||||
<div class="product-tags">
|
|
||||||
<span class="product-tag">חטיפים ואגוזים</span>
|
|
||||||
<span class="product-tag">קטניות ופסטה</span>
|
|
||||||
<span class="product-tag">לחם ומאפים</span>
|
|
||||||
<span class="product-tag">קפה ותה</span>
|
|
||||||
<span class="product-tag">ופלים ושוקולד</span>
|
|
||||||
<span class="product-tag">ממתקים</span>
|
|
||||||
<span class="product-tag">קמח וסוכר</span>
|
|
||||||
<span class="product-tag">חטיפי אנרגיה</span>
|
|
||||||
<span class="product-tag">מזון קפוא</span>
|
|
||||||
<span class="product-tag">שלגונים</span>
|
|
||||||
<span class="product-tag">בשר</span>
|
|
||||||
<span class="product-tag">גבינה ומוצרי חלב</span>
|
|
||||||
</div>
|
|
||||||
<p class="product-section__description">אני מציע אריזות גמישות באיכות גבוהה למגוון רחב של מוצרי מזון. האריזות מיוצרות עם שיחול רב-שכבתי המספק חסם מיטבי לשמירה על טריות ואיכות המוצר.</p>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
|
|
||||||
<article class="product-section reveal" id="hygiene">
|
|
||||||
<div class="product-section__header">
|
|
||||||
<div class="product-section__icon">
|
|
||||||
<svg viewBox="0 0 64 64" aria-hidden="true">
|
|
||||||
<ellipse cx="32" cy="42" rx="18" ry="12" fill="none" stroke="var(--accent)" stroke-width="2"/>
|
|
||||||
<rect x="24" y="18" width="16" height="26" rx="4" fill="none" stroke="var(--accent)" stroke-width="2"/>
|
|
||||||
<circle cx="32" cy="28" r="4" fill="var(--gold)" opacity="0.6"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<div class="product-section__title-wrap">
|
|
||||||
<h2 class="product-section__title">היגיינה וחומרי ניקוי</h2>
|
|
||||||
<p class="product-section__subtitle">אריזות עמידות למוצרי היגיינה וניקוי</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="product-section__content">
|
|
||||||
<div class="product-tags">
|
|
||||||
<span class="product-tag">מגבונים</span>
|
|
||||||
<span class="product-tag">חומרי ניקוי</span>
|
|
||||||
<span class="product-tag">סבונים</span>
|
|
||||||
<span class="product-tag">מוצרי כביסה</span>
|
|
||||||
<span class="product-tag">מוצרי אמבט</span>
|
|
||||||
</div>
|
|
||||||
<p class="product-section__description">אריזות מיוחדות העמידות בפני חומרים כימיים ולחות, מותאמות לדרישות המיוחדות של תעשיית ההיגיינה וחומרי הניקוי.</p>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
|
|
||||||
<article class="product-section reveal" id="pouches">
|
|
||||||
<div class="product-section__header">
|
|
||||||
<div class="product-section__icon">
|
|
||||||
<svg viewBox="0 0 64 64" aria-hidden="true">
|
|
||||||
<path d="M18 52 L18 20 Q18 12 26 12 L38 12 Q46 12 46 20 L46 52 Q46 56 32 56 Q18 56 18 52" fill="none" stroke="var(--accent)" stroke-width="2"/>
|
|
||||||
<path d="M22 48 L22 24 Q22 18 28 18 L36 18 Q42 18 42 24 L42 48" fill="var(--gold)" opacity="0.2"/>
|
|
||||||
<rect x="26" y="22" width="12" height="4" rx="1" fill="var(--gold)" opacity="0.6"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<div class="product-section__title-wrap">
|
|
||||||
<h2 class="product-section__title">שקיות מוכנות</h2>
|
|
||||||
<p class="product-section__subtitle">Stand-up pouches ו-Doypack</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="product-section__content">
|
|
||||||
<div class="product-tags">
|
|
||||||
<span class="product-tag">Stand-up Pouches</span>
|
|
||||||
<span class="product-tag">Doypack</span>
|
|
||||||
<span class="product-tag">שקיות עם זיפר</span>
|
|
||||||
<span class="product-tag">שקיות עם פיה</span>
|
|
||||||
<span class="product-tag">שקיות שטוחות</span>
|
|
||||||
</div>
|
|
||||||
<p class="product-section__description">שקיות מוכנות בעיצובים מגוונים, כולל שקיות עומדות (Stand-up), שקיות Doypack, שקיות עם סגירת זיפר ושקיות עם פיה למוצרים נוזליים.</p>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
|
|
||||||
<article class="product-section reveal" id="produce">
|
|
||||||
<div class="product-section__header">
|
|
||||||
<div class="product-section__icon">
|
|
||||||
<svg viewBox="0 0 64 64" aria-hidden="true">
|
|
||||||
<circle cx="24" cy="38" r="12" fill="var(--gold)" opacity="0.3"/>
|
|
||||||
<circle cx="40" cy="32" r="10" fill="var(--accent)" opacity="0.3"/>
|
|
||||||
<circle cx="38" cy="44" r="8" fill="var(--gold)" opacity="0.4"/>
|
|
||||||
<path d="M32 18 Q36 10 40 18" stroke="var(--accent)" stroke-width="2" fill="none"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<div class="product-section__title-wrap">
|
|
||||||
<h2 class="product-section__title">פירות וירקות</h2>
|
|
||||||
<p class="product-section__subtitle">אריזות לתוצרת חקלאית טרייה</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="product-section__content">
|
|
||||||
<div class="product-tags">
|
|
||||||
<span class="product-tag">פירות טריים</span>
|
|
||||||
<span class="product-tag">ירקות</span>
|
|
||||||
<span class="product-tag">סלטים</span>
|
|
||||||
<span class="product-tag">עשבי תיבול</span>
|
|
||||||
<span class="product-tag">תוצרת אורגנית</span>
|
|
||||||
</div>
|
|
||||||
<p class="product-section__description">אריזות מיוחדות לתוצרת חקלאית טרייה, עם אוורור מבוקר לשמירה על טריות ומראה המוצר. מתאימות גם לתוצרת אורגנית.</p>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
|
|
||||||
<article class="product-section reveal" id="carton">
|
|
||||||
<div class="product-section__header">
|
|
||||||
<div class="product-section__icon">
|
|
||||||
<svg viewBox="0 0 64 64" aria-hidden="true">
|
|
||||||
<path d="M12 22 L32 12 L52 22 L52 46 L32 56 L12 46 Z" fill="none" stroke="var(--accent)" stroke-width="2"/>
|
|
||||||
<path d="M32 32 L32 56 M12 22 L32 32 L52 22" stroke="var(--gold)" stroke-width="2"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<div class="product-section__title-wrap">
|
|
||||||
<h2 class="product-section__title">קופסאות קרטון</h2>
|
|
||||||
<p class="product-section__subtitle">קופסאות קרטון מעוצבות</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="product-section__content">
|
|
||||||
<div class="product-tags">
|
|
||||||
<span class="product-tag">קופסאות מזון</span>
|
|
||||||
<span class="product-tag">אריזות מתנה</span>
|
|
||||||
<span class="product-tag">קופסאות תצוגה</span>
|
|
||||||
<span class="product-tag">אריזות משלוח</span>
|
|
||||||
</div>
|
|
||||||
<p class="product-section__description">קופסאות קרטון מעוצבות באיכות גבוהה, מותאמות למגוון שימושים — ממזון ועד מוצרי מתנה. הדפסה באיכות גבוהה עם אפשרויות גימור מגוונות.</p>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="cta-section">
|
|
||||||
<div class="container">
|
|
||||||
<div class="cta-box reveal">
|
|
||||||
<div class="cta-box__content">
|
|
||||||
<h2 class="cta-box__title">צריכים אריזה מותאמת?</h2>
|
|
||||||
<p class="cta-box__text">ספרו לי על המוצר שלכם ואציע פתרון מושלם</p>
|
|
||||||
</div>
|
|
||||||
<a href="contact.html" class="btn btn--primary btn--large">קבלו הצעה</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer class="footer">
|
<footer class="site-footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="footer__grid">
|
<div class="footer-grid">
|
||||||
<div class="footer__brand">
|
<div class="footer-brand">
|
||||||
<a href="index.html" class="logo logo--footer">
|
<a href="index.html" class="footer-logo">עמוס רוזמרין</a>
|
||||||
<svg class="logo__icon" viewBox="0 0 40 40" aria-hidden="true">
|
<p class="footer-tagline">מהנדס אריזה<br>פתרונות אריזה גמישה לתעשייה</p>
|
||||||
<rect fill="var(--accent)" width="40" height="40" rx="6"/>
|
|
||||||
<path d="M10 28V12h4l6 10V12h4v16h-4l-6-10v10H10z" fill="var(--bg-dark)"/>
|
|
||||||
</svg>
|
|
||||||
<span class="logo__text">עמוס רוזמרין</span>
|
|
||||||
</a>
|
|
||||||
<p class="footer__tagline">מהנדס אריזה — פתרונות אריזה גמישה לתעשייה הישראלית</p>
|
|
||||||
</div>
|
</div>
|
||||||
<nav class="footer__nav" aria-label="ניווט משני">
|
<nav class="footer-nav" aria-label="ניווט תחתון">
|
||||||
<h4 class="footer__heading">ניווט</h4>
|
<h4>ניווט</h4>
|
||||||
<ul class="footer__links">
|
<ul>
|
||||||
<li><a href="index.html">בית</a></li>
|
<li><a href="index.html">בית</a></li>
|
||||||
<li><a href="about.html">אודות</a></li>
|
<li><a href="about.html">אודות</a></li>
|
||||||
<li><a href="products.html">מוצרים</a></li>
|
<li><a href="products.html">מוצרים</a></li>
|
||||||
@@ -227,34 +201,17 @@
|
|||||||
<li><a href="contact.html">צור קשר</a></li>
|
<li><a href="contact.html">צור קשר</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<div class="footer__contact">
|
<div class="footer-contact">
|
||||||
<h4 class="footer__heading">צור קשר</h4>
|
<h4>צור קשר</h4>
|
||||||
<ul class="footer__links">
|
<address>
|
||||||
<li>
|
<p>זרחין 13, רעננה</p>
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
<p><a href="tel:054-818-1092">054-818-1092</a></p>
|
||||||
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/>
|
<p><a href="mailto:amos.rosemarin@gmail.com">amos.rosemarin@gmail.com</a></p>
|
||||||
</svg>
|
</address>
|
||||||
<a href="tel:054-818-1092">054-818-1092</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
||||||
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
|
|
||||||
<polyline points="22,6 12,13 2,6"/>
|
|
||||||
</svg>
|
|
||||||
<a href="mailto:amos.rosemarin@gmail.com">amos.rosemarin@gmail.com</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
||||||
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
|
|
||||||
<circle cx="12" cy="10" r="3"/>
|
|
||||||
</svg>
|
|
||||||
<span>זרחין 13, רעננה</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer__bottom">
|
<div class="footer-bottom">
|
||||||
<p>© 2025 עמוס רוזמרין — מהנדס אריזה. כל הזכויות שמורות.</p>
|
<p>עמוס רוזמרין - מהנדס אריזה © 2025. כל הזכויות שמורות.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|||||||
@@ -1,225 +1,196 @@
|
|||||||
// ========================================
|
(function() {
|
||||||
// HEADER SCROLL EFFECT
|
'use strict';
|
||||||
// ========================================
|
|
||||||
const header = document.getElementById('header');
|
|
||||||
let lastScroll = 0;
|
|
||||||
|
|
||||||
function handleScroll() {
|
// Mobile Menu
|
||||||
const currentScroll = window.pageYOffset;
|
const mobileMenuToggle = document.querySelector('.mobile-menu-toggle');
|
||||||
|
const mainNav = document.querySelector('.main-nav');
|
||||||
|
|
||||||
if (currentScroll > 50) {
|
if (mobileMenuToggle && mainNav) {
|
||||||
header.classList.add('header--scrolled');
|
mobileMenuToggle.addEventListener('click', function() {
|
||||||
} else {
|
const isOpen = mainNav.classList.toggle('open');
|
||||||
header.classList.remove('header--scrolled');
|
this.classList.toggle('open');
|
||||||
}
|
this.setAttribute('aria-expanded', isOpen);
|
||||||
|
document.body.style.overflow = isOpen ? 'hidden' : '';
|
||||||
lastScroll = currentScroll;
|
|
||||||
}
|
|
||||||
|
|
||||||
window.addEventListener('scroll', handleScroll, { passive: true });
|
|
||||||
|
|
||||||
// ========================================
|
|
||||||
// MOBILE NAVIGATION
|
|
||||||
// ========================================
|
|
||||||
const navToggle = document.querySelector('.nav-toggle');
|
|
||||||
const nav = document.getElementById('nav');
|
|
||||||
|
|
||||||
if (navToggle && nav) {
|
|
||||||
navToggle.addEventListener('click', () => {
|
|
||||||
const isExpanded = navToggle.getAttribute('aria-expanded') === 'true';
|
|
||||||
navToggle.setAttribute('aria-expanded', !isExpanded);
|
|
||||||
nav.classList.toggle('active');
|
|
||||||
});
|
});
|
||||||
|
|
||||||
// Close nav when clicking on a link
|
// Close menu when clicking a link
|
||||||
nav.querySelectorAll('.nav__link').forEach(link => {
|
mainNav.querySelectorAll('.nav-link').forEach(function(link) {
|
||||||
link.addEventListener('click', () => {
|
link.addEventListener('click', function() {
|
||||||
navToggle.setAttribute('aria-expanded', 'false');
|
mainNav.classList.remove('open');
|
||||||
nav.classList.remove('active');
|
mobileMenuToggle.classList.remove('open');
|
||||||
|
mobileMenuToggle.setAttribute('aria-expanded', 'false');
|
||||||
|
document.body.style.overflow = '';
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
// Close nav on escape key
|
// Close menu when clicking outside
|
||||||
document.addEventListener('keydown', (e) => {
|
document.addEventListener('click', function(e) {
|
||||||
if (e.key === 'Escape' && nav.classList.contains('active')) {
|
if (mainNav.classList.contains('open') &&
|
||||||
navToggle.setAttribute('aria-expanded', 'false');
|
!mainNav.contains(e.target) &&
|
||||||
nav.classList.remove('active');
|
!mobileMenuToggle.contains(e.target)) {
|
||||||
navToggle.focus();
|
mainNav.classList.remove('open');
|
||||||
|
mobileMenuToggle.classList.remove('open');
|
||||||
|
mobileMenuToggle.setAttribute('aria-expanded', 'false');
|
||||||
|
document.body.style.overflow = '';
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
|
||||||
|
|
||||||
// ========================================
|
// Close menu on Escape key
|
||||||
// REVEAL ON SCROLL
|
document.addEventListener('keydown', function(e) {
|
||||||
// ========================================
|
if (e.key === 'Escape' && mainNav.classList.contains('open')) {
|
||||||
function initReveal() {
|
mainNav.classList.remove('open');
|
||||||
|
mobileMenuToggle.classList.remove('open');
|
||||||
|
mobileMenuToggle.setAttribute('aria-expanded', 'false');
|
||||||
|
document.body.style.overflow = '';
|
||||||
|
mobileMenuToggle.focus();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Check for reduced motion preference
|
||||||
const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
||||||
|
|
||||||
if (prefersReducedMotion) {
|
// Scroll Reveal Animation
|
||||||
document.querySelectorAll('.reveal').forEach(el => {
|
const observerOptions = {
|
||||||
el.classList.add('visible');
|
root: null,
|
||||||
});
|
rootMargin: '0px 0px -50px 0px',
|
||||||
return;
|
threshold: 0.1
|
||||||
}
|
};
|
||||||
|
|
||||||
const revealElements = document.querySelectorAll('.reveal');
|
const revealObserver = new IntersectionObserver(function(entries) {
|
||||||
|
entries.forEach(function(entry) {
|
||||||
const observer = new IntersectionObserver((entries) => {
|
|
||||||
entries.forEach(entry => {
|
|
||||||
if (entry.isIntersecting) {
|
if (entry.isIntersecting) {
|
||||||
entry.target.classList.add('visible');
|
entry.target.classList.add('revealed');
|
||||||
observer.unobserve(entry.target);
|
revealObserver.unobserve(entry.target);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}, {
|
}, observerOptions);
|
||||||
threshold: 0.1,
|
|
||||||
rootMargin: '0px 0px -50px 0px'
|
if (!prefersReducedMotion) {
|
||||||
|
document.querySelectorAll('.reveal-fade, .reveal-slide').forEach(function(el) {
|
||||||
|
revealObserver.observe(el);
|
||||||
});
|
});
|
||||||
|
} else {
|
||||||
reveal Elements.forEach(el => observer.observe(el));
|
// If reduced motion is preferred, show all elements immediately
|
||||||
}
|
document.querySelectorAll('.reveal-fade, .reveal-slide').forEach(function(el) {
|
||||||
|
el.classList.add('revealed');
|
||||||
// ========================================
|
|
||||||
// SMOOTH SCROLL FOR ANCHOR LINKS
|
|
||||||
// ========================================
|
|
||||||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
|
||||||
anchor.addEventListener('click', function(e) {
|
|
||||||
const href = this.getAttribute('href');
|
|
||||||
if (href === '#') return;
|
|
||||||
|
|
||||||
const target = document.querySelector(href);
|
|
||||||
if (target) {
|
|
||||||
e.preventDefault();
|
|
||||||
const headerHeight = header.offsetHeight;
|
|
||||||
const targetPosition = target.getBoundingClientRect().top + window.pageYOffset - headerHeight;
|
|
||||||
|
|
||||||
window.scrollTo({
|
|
||||||
top: targetPosition,
|
|
||||||
behavior: 'smooth'
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Layer animation observer for tech diagram
|
||||||
|
const layerObserver = new IntersectionObserver(function(entries) {
|
||||||
|
entries.forEach(function(entry) {
|
||||||
|
if (entry.isIntersecting) {
|
||||||
|
const layers = entry.target.querySelectorAll('.layer');
|
||||||
|
layers.forEach(function(layer) {
|
||||||
|
layer.classList.add('animate');
|
||||||
});
|
});
|
||||||
});
|
layerObserver.unobserve(entry.target);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}, { threshold: 0.3 });
|
||||||
|
|
||||||
// ========================================
|
const techDiagram = document.querySelector('.tech-diagram');
|
||||||
// FORM HANDLING
|
if (techDiagram && !prefersReducedMotion) {
|
||||||
// ========================================
|
layerObserver.observe(techDiagram);
|
||||||
const contactForm = document.querySelector('.contact-form');
|
} else if (techDiagram) {
|
||||||
|
techDiagram.querySelectorAll('.layer').forEach(function(layer) {
|
||||||
|
layer.style.opacity = '1';
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
if (contactForm) {
|
// Header scroll effect
|
||||||
const formStatus = document.getElementById('form-status');
|
const header = document.querySelector('.site-header');
|
||||||
|
|
||||||
function showError(field, message) {
|
function updateHeader() {
|
||||||
const errorEl = document.getElementById(field.id + '-error');
|
const currentScrollY = window.scrollY;
|
||||||
field.classList.add('error');
|
|
||||||
field.setAttribute('aria-invalid', 'true');
|
if (currentScrollY > 100) {
|
||||||
if (errorEl) {
|
header.style.background = 'rgba(26, 26, 46, 0.98)';
|
||||||
errorEl.textContent = message;
|
} else {
|
||||||
|
header.style.background = 'rgba(26, 26, 46, 0.9)';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function clearError(field) {
|
window.addEventListener('scroll', updateHeader, { passive: true });
|
||||||
const errorEl = document.getElementById(field.id + '-error');
|
|
||||||
field.classList.remove('error');
|
|
||||||
field.removeAttribute('aria-invalid');
|
|
||||||
if (errorEl) {
|
|
||||||
errorEl.textContent = '';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
// Form handling (basic validation feedback)
|
||||||
|
const contactForm = document.querySelector('.contact-form form');
|
||||||
|
|
||||||
|
if (contactForm) {
|
||||||
contactForm.addEventListener('submit', function(e) {
|
contactForm.addEventListener('submit', function(e) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
|
|
||||||
|
// Basic validation
|
||||||
|
const requiredFields = this.querySelectorAll('[required]');
|
||||||
let isValid = true;
|
let isValid = true;
|
||||||
let firstError = null;
|
|
||||||
|
|
||||||
// Validate name
|
requiredFields.forEach(function(field) {
|
||||||
const nameField = this.querySelector('#name');
|
if (!field.value.trim()) {
|
||||||
if (!nameField.value.trim()) {
|
|
||||||
showError(nameField, 'נא להזין שם מלא');
|
|
||||||
isValid = false;
|
isValid = false;
|
||||||
if (!firstError) firstError = nameField;
|
field.style.borderColor = '#ef4444';
|
||||||
} else {
|
} else {
|
||||||
clearError(nameField);
|
field.style.borderColor = '';
|
||||||
}
|
|
||||||
|
|
||||||
// Validate email
|
|
||||||
const emailField = this.querySelector('#email');
|
|
||||||
const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
|
||||||
if (!emailField.value.trim()) {
|
|
||||||
showError(emailField, 'נא להזין כתובת אימייל');
|
|
||||||
isValid = false;
|
|
||||||
if (!firstError) firstError = emailField;
|
|
||||||
} else if (!emailPattern.test(emailField.value)) {
|
|
||||||
showError(emailField, 'נא להזין כתובת אימייל תקינה');
|
|
||||||
isValid = false;
|
|
||||||
if (!firstError) firstError = emailField;
|
|
||||||
} else {
|
|
||||||
clearError(emailField);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Validate message
|
|
||||||
const messageField = this.querySelector('#message');
|
|
||||||
if (!messageField.value.trim()) {
|
|
||||||
showError(messageField, 'נא להזין הודעה');
|
|
||||||
isValid = false;
|
|
||||||
if (!firstError) firstError = messageField;
|
|
||||||
} else {
|
|
||||||
clearError(messageField);
|
|
||||||
}
|
}
|
||||||
|
});
|
||||||
|
|
||||||
if (!isValid) {
|
if (!isValid) {
|
||||||
if (firstError) {
|
|
||||||
firstError.focus();
|
|
||||||
}
|
|
||||||
if (formStatus) {
|
|
||||||
formStatus.textContent = 'יש לתקן את השגיאות בטופס';
|
|
||||||
}
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
const submitBtn = this.querySelector('.form-submit');
|
const submitBtn = this.querySelector('button[type="submit"]');
|
||||||
const originalText = submitBtn.textContent;
|
const originalText = submitBtn.textContent;
|
||||||
|
|
||||||
|
// Simple visual feedback
|
||||||
submitBtn.textContent = 'שולח...';
|
submitBtn.textContent = 'שולח...';
|
||||||
submitBtn.disabled = true;
|
submitBtn.disabled = true;
|
||||||
|
|
||||||
// Simulate form submission
|
// Simulate form submission (replace with actual form handling)
|
||||||
setTimeout(() => {
|
setTimeout(function() {
|
||||||
submitBtn.textContent = 'נשלח בהצלחה!';
|
submitBtn.textContent = 'נשלח בהצלחה!';
|
||||||
submitBtn.style.background = 'var(--gold)';
|
submitBtn.style.background = '#22c55e';
|
||||||
if (formStatus) {
|
|
||||||
formStatus.textContent = 'ההודעה נשלחה בהצלחה. אחזור אליכם בהקדם.';
|
|
||||||
}
|
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(function() {
|
||||||
submitBtn.textContent = originalText;
|
submitBtn.textContent = originalText;
|
||||||
submitBtn.style.background = '';
|
submitBtn.style.background = '';
|
||||||
submitBtn.disabled = false;
|
submitBtn.disabled = false;
|
||||||
contactForm.reset();
|
contactForm.reset();
|
||||||
if (formStatus) {
|
}, 2000);
|
||||||
formStatus.textContent = '';
|
}, 1000);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Clear error state on input
|
||||||
|
contactForm.querySelectorAll('input, textarea, select').forEach(function(field) {
|
||||||
|
field.addEventListener('input', function() {
|
||||||
|
this.style.borderColor = '';
|
||||||
|
});
|
||||||
|
});
|
||||||
}
|
}
|
||||||
}, 3000);
|
|
||||||
}, 1500);
|
|
||||||
});
|
|
||||||
|
|
||||||
// Clear error on input
|
// Smooth scroll for anchor links
|
||||||
contactForm.querySelectorAll('.form-input').forEach(input => {
|
document.querySelectorAll('a[href^="#"]').forEach(function(anchor) {
|
||||||
input.addEventListener('input', function() {
|
anchor.addEventListener('click', function(e) {
|
||||||
clearError(this);
|
const targetId = this.getAttribute('href');
|
||||||
|
if (targetId === '#') return;
|
||||||
|
|
||||||
|
const targetElement = document.querySelector(targetId);
|
||||||
|
if (targetElement) {
|
||||||
|
e.preventDefault();
|
||||||
|
targetElement.scrollIntoView({
|
||||||
|
behavior: prefersReducedMotion ? 'auto' : 'smooth'
|
||||||
|
});
|
||||||
|
// Set focus for accessibility
|
||||||
|
targetElement.setAttribute('tabindex', '-1');
|
||||||
|
targetElement.focus();
|
||||||
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
}
|
|
||||||
|
|
||||||
// ========================================
|
// Add staggered animation delay to grid items
|
||||||
// INIT
|
if (!prefersReducedMotion) {
|
||||||
// ========================================
|
document.querySelectorAll('.expertise-grid .expertise-card, .products-grid .product-card, .advantages-grid .advantage-item, .industries-grid .industry-card').forEach(function(card, index) {
|
||||||
document.addEventListener('DOMContentLoaded', () => {
|
card.style.transitionDelay = (index * 0.1) + 's';
|
||||||
initReveal();
|
});
|
||||||
});
|
}
|
||||||
|
|
||||||
// Also run on load for images etc
|
})();
|
||||||
window.addEventListener('load', () => {
|
|
||||||
setTimeout(initReveal, 100);
|
|
||||||
});
|
|
||||||
|
|||||||
+159
-215
@@ -3,9 +3,9 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>טכנולוגיה - עמוס רוזמרין | מהנדס אריזה</title>
|
<title>טכנולוגיה | עמוס רוזמרין - מהנדס אריזה</title>
|
||||||
<meta name="description" content="טכנולוגיות מתקדמות: שיחול עד 9 שכבות, הדפסה עד 10 צבעים, גלופות HD NX ידידותיות לסביבה.">
|
<meta name="description" content="טכנולוגיות מתקדמות לייצור אריזות: שיחול עד 9 שכבות, הדפסה עד 10 צבעים, גלופות HD NX ידידותיות לסביבה.">
|
||||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect fill='%231a1a2e' width='100' height='100' rx='12'/><path d='M25 70V30h10l15 25V30h10v40H50L35 45v25H25z' fill='%230ea5e9'/><path d='M65 30h10v40H65V30z' fill='%23d4af37'/></svg>">
|
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect fill='%231a1a2e' width='100' height='100' rx='12'/><path d='M25 70V30h10l15 25 15-25h10v40h-10V45l-15 25-15-25v25z' fill='%230ea5e9'/></svg>">
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<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">
|
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600&display=swap" rel="stylesheet">
|
||||||
@@ -14,234 +14,195 @@
|
|||||||
<body>
|
<body>
|
||||||
<a href="#main-content" class="skip-link">דלג לתוכן הראשי</a>
|
<a href="#main-content" class="skip-link">דלג לתוכן הראשי</a>
|
||||||
|
|
||||||
<header class="header" id="header">
|
<header class="site-header">
|
||||||
<div class="container header__inner">
|
<div class="header-container">
|
||||||
<a href="index.html" class="logo">
|
<a href="index.html" class="logo">
|
||||||
<svg class="logo__icon" viewBox="0 0 40 40" aria-hidden="true">
|
<svg class="logo-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
||||||
<rect fill="var(--accent)" width="40" height="40" rx="6"/>
|
<rect x="4" y="8" width="40" height="32" rx="4" stroke="currentColor" stroke-width="2" fill="none"/>
|
||||||
<path d="M10 28V12h4l6 10V12h4v16h-4l-6-10v10H10z" fill="var(--bg-dark)"/>
|
<path d="M4 16h40M12 16v24M36 16v24M12 28h24M12 36h24" stroke="currentColor" stroke-width="1.5" opacity="0.6"/>
|
||||||
|
<circle cx="24" cy="22" r="3" fill="currentColor"/>
|
||||||
</svg>
|
</svg>
|
||||||
<span class="logo__text">עמוס רוזמרין</span>
|
<span class="logo-text">עמוס רוזמרין</span>
|
||||||
</a>
|
</a>
|
||||||
<button class="nav-toggle" aria-label="תפריט" aria-expanded="false">
|
<nav class="main-nav" role="navigation" aria-label="ניווט ראשי">
|
||||||
<span></span><span></span><span></span>
|
<ul class="nav-list">
|
||||||
</button>
|
<li><a href="index.html" class="nav-link">בית</a></li>
|
||||||
<nav class="nav" id="nav">
|
<li><a href="about.html" class="nav-link">אודות</a></li>
|
||||||
<ul class="nav__list">
|
<li><a href="products.html" class="nav-link">מוצרים</a></li>
|
||||||
<li><a href="index.html" class="nav__link">בית</a></li>
|
<li><a href="technology.html" class="nav-link active" aria-current="page">טכנולוגיה</a></li>
|
||||||
<li><a href="about.html" class="nav__link">אודות</a></li>
|
<li><a href="clients.html" class="nav-link">לקוחות</a></li>
|
||||||
<li><a href="products.html" class="nav__link">מוצרים</a></li>
|
<li><a href="contact.html" class="nav-link nav-cta">דברו איתי</a></li>
|
||||||
<li><a href="technology.html" class="nav__link active">טכנולוגיה</a></li>
|
|
||||||
<li><a href="clients.html" class="nav__link">לקוחות</a></li>
|
|
||||||
<li><a href="contact.html" class="nav__link nav__link--cta">צור קשר</a></li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
|
<button class="mobile-menu-toggle" aria-label="תפריט" aria-expanded="false">
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main id="main-content">
|
<main id="main-content">
|
||||||
<section class="page-hero">
|
<section class="page-hero">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="page-hero__content reveal">
|
<span class="section-tag reveal-fade">טכנולוגיה</span>
|
||||||
<span class="section-label">חדשנות ואיכות</span>
|
<h1 class="page-title reveal-fade">טכנולוגיה מתקדמת</h1>
|
||||||
<h1 class="page-hero__title">טכנולוגיה</h1>
|
<p class="page-subtitle reveal-fade">חדשנות וטכנולוגיה מתקדמת לתוצאות מעולות</p>
|
||||||
<p class="page-hero__subtitle">הטכנולוגיות המתקדמות ביותר לייצור אריזות גמישות</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="tech-section">
|
<section class="tech-details" aria-labelledby="tech-details-heading">
|
||||||
|
<h2 id="tech-details-heading" class="visually-hidden">פרטי טכנולוגיה</h2>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<article class="tech-card tech-card--large reveal">
|
<div class="tech-feature reveal-fade">
|
||||||
<div class="tech-card__visual">
|
<div class="tech-feature-visual" aria-hidden="true">
|
||||||
<svg viewBox="0 0 400 300" aria-hidden="true">
|
<svg viewBox="0 0 400 300" fill="none">
|
||||||
<defs>
|
<defs>
|
||||||
<linearGradient id="layer-grad" x1="0%" y1="0%" x2="0%" y2="100%">
|
<linearGradient id="techGrad1" x1="0%" y1="0%" x2="100%" y2="0%">
|
||||||
<stop offset="0%" style="stop-color:var(--accent)"/>
|
<stop offset="0%" style="stop-color:#0ea5e9;stop-opacity:0.9"/>
|
||||||
<stop offset="100%" style="stop-color:var(--gold)"/>
|
<stop offset="100%" style="stop-color:#0ea5e9;stop-opacity:0.4"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="techGrad2" x1="0%" y1="0%" x2="100%" y2="0%">
|
||||||
|
<stop offset="0%" style="stop-color:#d4af37;stop-opacity:0.7"/>
|
||||||
|
<stop offset="100%" style="stop-color:#d4af37;stop-opacity:0.3"/>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
</defs>
|
</defs>
|
||||||
<rect width="400" height="300" fill="var(--bg-darker)" rx="12"/>
|
<rect x="40" y="30" width="320" height="24" rx="4" fill="url(#techGrad1)"/>
|
||||||
<!-- 9 layers visualization -->
|
<rect x="40" y="60" width="320" height="24" rx="4" fill="url(#techGrad2)"/>
|
||||||
<g transform="translate(100, 30)">
|
<rect x="40" y="90" width="320" height="24" rx="4" fill="url(#techGrad1)"/>
|
||||||
<rect x="0" y="0" width="200" height="20" rx="2" fill="var(--accent)" opacity="0.9"/>
|
<rect x="40" y="120" width="320" height="24" rx="4" fill="url(#techGrad2)"/>
|
||||||
<text x="210" y="15" fill="var(--text-muted)" font-size="10">PE</text>
|
<rect x="40" y="150" width="320" height="24" rx="4" fill="url(#techGrad1)"/>
|
||||||
<rect x="0" y="25" width="200" height="20" rx="2" fill="var(--accent)" opacity="0.8"/>
|
<rect x="40" y="180" width="320" height="24" rx="4" fill="url(#techGrad2)"/>
|
||||||
<text x="210" y="40" fill="var(--text-muted)" font-size="10">PP</text>
|
<rect x="40" y="210" width="320" height="24" rx="4" fill="url(#techGrad1)"/>
|
||||||
<rect x="0" y="50" width="200" height="20" rx="2" fill="var(--gold)" opacity="0.7"/>
|
<rect x="40" y="240" width="320" height="24" rx="4" fill="url(#techGrad2)"/>
|
||||||
<text x="210" y="65" fill="var(--text-muted)" font-size="10">PET</text>
|
<rect x="40" y="270" width="320" height="24" rx="4" fill="url(#techGrad1)"/>
|
||||||
<rect x="0" y="75" width="200" height="20" rx="2" fill="var(--accent)" opacity="0.6"/>
|
<text x="200" y="20" text-anchor="middle" fill="#fff" font-size="12" opacity="0.6">9 שכבות</text>
|
||||||
<text x="210" y="90" fill="var(--text-muted)" font-size="10">PA</text>
|
</svg>
|
||||||
<rect x="0" y="100" width="200" height="20" rx="2" fill="var(--gold)" opacity="0.8"/>
|
</div>
|
||||||
<text x="210" y="115" fill="var(--text-muted)" font-size="10">AL</text>
|
<div class="tech-feature-content">
|
||||||
<rect x="0" y="125" width="200" height="20" rx="2" fill="var(--accent)" opacity="0.7"/>
|
<h3>שיחול עד 9 שכבות</h3>
|
||||||
<text x="210" y="140" fill="var(--text-muted)" font-size="10">EVOH</text>
|
<p>אנו מייצרים יריעות בנות 9 שכבות בעלות חסם גבוה על בסיס PA ו-EVOH. טכנולוגיה זו מאפשרת לנו לספק פתרונות אריזה מלאים למוצרים הדורשים חסם גבוה, כגון בשר ומוצרי חלב.</p>
|
||||||
<rect x="0" y="150" width="200" height="20" rx="2" fill="var(--gold)" opacity="0.6"/>
|
<div class="materials-list">
|
||||||
<text x="210" y="165" fill="var(--text-muted)" font-size="10">PLA</text>
|
<span class="material">PE</span>
|
||||||
<rect x="0" y="175" width="200" height="20" rx="2" fill="var(--accent)" opacity="0.5"/>
|
<span class="material">PP</span>
|
||||||
<text x="210" y="190" fill="var(--text-muted)" font-size="10">שכבה 8</text>
|
<span class="material">PET</span>
|
||||||
<rect x="0" y="200" width="200" height="20" rx="2" fill="var(--gold)" opacity="0.5"/>
|
<span class="material">PA</span>
|
||||||
<text x="210" y="215" fill="var(--text-muted)" font-size="10">שכבה 9</text>
|
<span class="material">AL</span>
|
||||||
|
<span class="material">EVOH</span>
|
||||||
|
<span class="material">PLA</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="tech-feature reverse reveal-fade">
|
||||||
|
<div class="tech-feature-visual" aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 400 300" fill="none">
|
||||||
|
<g class="print-colors">
|
||||||
|
<circle cx="80" cy="80" r="30" fill="#FF6B6B" opacity="0.8"/>
|
||||||
|
<circle cx="120" cy="90" r="30" fill="#4ECDC4" opacity="0.8"/>
|
||||||
|
<circle cx="160" cy="80" r="30" fill="#45B7D1" opacity="0.8"/>
|
||||||
|
<circle cx="200" cy="90" r="30" fill="#96CEB4" opacity="0.8"/>
|
||||||
|
<circle cx="240" cy="80" r="30" fill="#FFEAA7" opacity="0.8"/>
|
||||||
|
<circle cx="280" cy="90" r="30" fill="#DDA0DD" opacity="0.8"/>
|
||||||
|
<circle cx="320" cy="80" r="30" fill="#98D8C8" opacity="0.8"/>
|
||||||
|
<circle cx="100" cy="150" r="30" fill="#F7DC6F" opacity="0.8"/>
|
||||||
|
<circle cx="140" cy="160" r="30" fill="#BB8FCE" opacity="0.8"/>
|
||||||
|
<circle cx="180" cy="150" r="30" fill="#85C1E9" opacity="0.8"/>
|
||||||
</g>
|
</g>
|
||||||
|
<rect x="60" y="200" width="280" height="60" rx="8" fill="none" stroke="#0ea5e9" stroke-width="2"/>
|
||||||
|
<text x="200" y="238" text-anchor="middle" fill="#fff" font-size="16">10 צבעים באיכות HD</text>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<div class="tech-card__content">
|
<div class="tech-feature-content">
|
||||||
<span class="tech-card__label">טכנולוגיית ייצור</span>
|
<h3>הדפסה עד 10 צבעים</h3>
|
||||||
<h2 class="tech-card__title">שיחול עד 9 שכבות</h2>
|
<p>אנו מציעים טכנולוגיית דפוס חדישה עם ארבע מכונות המסוגלות להדפיס עד 10 צבעים באמצעות גלופות HD NX. איכות דפוס גבוהה במיוחד עם רוחב יריעה של 1,450 מ"מ ופסיעה של 1,250 מ"מ.</p>
|
||||||
<p class="tech-card__text">אני מספק יריעות בנות עד 9 שכבות בעלות חסם גבוה על בסיס PA ו-EVOH. טכנולוגיה זו מאפשרת לי לספק פתרונות אריזה מלאים למוצרים הדורשים אריזה עם חסם גבוה, כגון בשר ומוצרי חלב.</p>
|
<ul class="tech-specs">
|
||||||
<div class="tech-card__specs">
|
<li><strong>רוחב יריעה:</strong> 1,450 מ"מ</li>
|
||||||
<div class="spec">
|
<li><strong>פסיעה:</strong> 1,250 מ"מ</li>
|
||||||
<span class="spec__label">חומרים</span>
|
<li><strong>צבעים:</strong> עד 10</li>
|
||||||
<span class="spec__value">PE, PP, PET, PA, AL, EVOH, PLA</span>
|
</ul>
|
||||||
</div>
|
|
||||||
<div class="spec">
|
|
||||||
<span class="spec__label">יתרון מרכזי</span>
|
|
||||||
<span class="spec__value">חסם גבוה לשמירת טריות</span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
|
|
||||||
<div class="tech-grid">
|
<div class="tech-feature reveal-fade">
|
||||||
<article class="tech-card reveal">
|
<div class="tech-feature-visual" aria-hidden="true">
|
||||||
<div class="tech-card__icon">
|
<svg viewBox="0 0 400 300" fill="none">
|
||||||
<svg viewBox="0 0 80 80" aria-hidden="true">
|
<circle cx="200" cy="150" r="100" fill="none" stroke="#0ea5e9" stroke-width="2"/>
|
||||||
<circle cx="40" cy="40" r="30" fill="none" stroke="var(--accent)" stroke-width="2"/>
|
<circle cx="200" cy="150" r="70" fill="none" stroke="#d4af37" stroke-width="2"/>
|
||||||
<circle cx="40" cy="40" r="20" fill="none" stroke="var(--gold)" stroke-width="2"/>
|
<circle cx="200" cy="150" r="40" fill="#0ea5e9" opacity="0.2"/>
|
||||||
<circle cx="40" cy="40" r="10" fill="var(--accent)" opacity="0.3"/>
|
<path d="M200 50v40M200 210v40M100 150h40M260 150h40" stroke="#0ea5e9" stroke-width="2" opacity="0.5"/>
|
||||||
<g fill="var(--gold)">
|
<path d="M130 80l25 25M270 220l-25-25M270 80l-25 25M130 220l25-25" stroke="#d4af37" stroke-width="1" opacity="0.5"/>
|
||||||
<circle cx="40" cy="15" r="4"/>
|
<circle cx="200" cy="150" r="15" fill="#0ea5e9"/>
|
||||||
<circle cx="61" cy="27" r="4"/>
|
<path d="M190 150l7 7 13-14" stroke="#1a1a2e" stroke-width="2"/>
|
||||||
<circle cx="61" cy="53" r="4"/>
|
|
||||||
<circle cx="40" cy="65" r="4"/>
|
|
||||||
<circle cx="19" cy="53" r="4"/>
|
|
||||||
<circle cx="19" cy="27" r="4"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<span class="tech-card__label">הדפסה</span>
|
<div class="tech-feature-content">
|
||||||
<h3 class="tech-card__title">עד 10 צבעים</h3>
|
<h3>גלופות HD NX</h3>
|
||||||
<p class="tech-card__text">טכנולוגיית דפוס חדישה עם ארבע מכונות המסוגלות להדפיס עד 10 צבעים. רוחב יריעה של 1,450 מ"מ ופסיעה של 1,250 מ"מ מאפשרים גמישות מרבית בעיצוב.</p>
|
<p>אנו מספקים יתרונות ייחודיים ללקוחותינו בכך שיש בבעלותנו אמצעי ייצור גלופות. אנו עושים שימוש בטכנולוגיית HD NX המשדרגת את איכות הדפסת הפלקסו לרמה גבוהה במיוחד.</p>
|
||||||
<div class="tech-card__specs">
|
<div class="eco-badge">
|
||||||
<div class="spec">
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
||||||
<span class="spec__label">רוחב יריעה</span>
|
<path d="M12 2a10 10 0 100 20 10 10 0 000-20z"/>
|
||||||
<span class="spec__value">1,450 מ"מ</span>
|
<path d="M12 6v6l4 2"/>
|
||||||
</div>
|
|
||||||
<div class="spec">
|
|
||||||
<span class="spec__label">פסיעה</span>
|
|
||||||
<span class="spec__value">1,250 מ"מ</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
|
|
||||||
<article class="tech-card reveal">
|
|
||||||
<div class="tech-card__icon">
|
|
||||||
<svg viewBox="0 0 80 80" aria-hidden="true">
|
|
||||||
<rect x="15" y="20" width="50" height="40" rx="4" fill="none" stroke="var(--accent)" stroke-width="2"/>
|
|
||||||
<path d="M25 35 h30 M25 45 h20 M25 55 h25" stroke="var(--gold)" stroke-width="2" stroke-linecap="round"/>
|
|
||||||
<circle cx="55" cy="30" r="8" fill="var(--gold)" opacity="0.3"/>
|
|
||||||
<path d="M52 30 l3 3 l6-6" stroke="var(--gold)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
</svg>
|
||||||
|
<span>ללא שפכים • ידידותי לסביבה</span>
|
||||||
</div>
|
</div>
|
||||||
<span class="tech-card__label">גלופות</span>
|
|
||||||
<h3 class="tech-card__title">HD NX</h3>
|
|
||||||
<p class="tech-card__text">ייצור גלופות עצמי בטכנולוגיית HD NX המשדרגת את איכות הדפסת הפלקסו לרמה גבוהה במיוחד. הטכנולוגיה ידידותית לסביבה — ללא שפכים.</p>
|
|
||||||
<div class="tech-card__specs">
|
|
||||||
<div class="spec">
|
|
||||||
<span class="spec__label">יתרון</span>
|
|
||||||
<span class="spec__value">איכות הדפסה גבוהה</span>
|
|
||||||
</div>
|
|
||||||
<div class="spec">
|
|
||||||
<span class="spec__label">סביבה</span>
|
|
||||||
<span class="spec__value">ללא שפכים</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="tech-benefits">
|
|
||||||
<div class="container">
|
|
||||||
<div class="section-header reveal">
|
|
||||||
<span class="section-label">למה זה חשוב</span>
|
|
||||||
<h2 class="section-title">יתרונות טכנולוגיים</h2>
|
|
||||||
</div>
|
|
||||||
<div class="benefits-grid">
|
|
||||||
<div class="benefit reveal">
|
|
||||||
<div class="benefit__icon">
|
|
||||||
<svg viewBox="0 0 48 48" aria-hidden="true">
|
|
||||||
<path d="M24 4 L4 14 v16 l20 10 l20-10 V14 Z" fill="none" stroke="var(--accent)" stroke-width="2"/>
|
|
||||||
<path d="M4 14 l20 10 l20-10 M24 24 v20" stroke="var(--gold)" stroke-width="2"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<h3 class="benefit__title">חסם מיטבי</h3>
|
|
||||||
<p class="benefit__text">שכבות מרובות מספקות הגנה מקסימלית מפני חמצן, לחות ואור</p>
|
|
||||||
</div>
|
|
||||||
<div class="benefit reveal">
|
|
||||||
<div class="benefit__icon">
|
|
||||||
<svg viewBox="0 0 48 48" aria-hidden="true">
|
|
||||||
<circle cx="24" cy="24" r="18" fill="none" stroke="var(--accent)" stroke-width="2"/>
|
|
||||||
<path d="M16 24 l6 6 l10-12" stroke="var(--gold)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<h3 class="benefit__title">איכות גבוהה</h3>
|
|
||||||
<p class="benefit__text">הדפסה באיכות גבוהה במיוחד בזכות טכנולוגיית HD NX</p>
|
|
||||||
</div>
|
|
||||||
<div class="benefit reveal">
|
|
||||||
<div class="benefit__icon">
|
|
||||||
<svg viewBox="0 0 48 48" aria-hidden="true">
|
|
||||||
<circle cx="24" cy="24" r="18" fill="none" stroke="var(--accent)" stroke-width="2"/>
|
|
||||||
<path d="M24 12 a12 12 0 0 1 0 24" fill="none" stroke="var(--gold)" stroke-width="3" stroke-linecap="round"/>
|
|
||||||
<circle cx="24" cy="24" r="4" fill="var(--gold)"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<h3 class="benefit__title">ידידות לסביבה</h3>
|
|
||||||
<p class="benefit__text">תהליך ייצור ללא שפכים, מפחית את ההשפעה הסביבתית</p>
|
|
||||||
</div>
|
|
||||||
<div class="benefit reveal">
|
|
||||||
<div class="benefit__icon">
|
|
||||||
<svg viewBox="0 0 48 48" aria-hidden="true">
|
|
||||||
<rect x="8" y="8" width="32" height="32" rx="4" fill="none" stroke="var(--accent)" stroke-width="2"/>
|
|
||||||
<path d="M16 24 h16 M24 16 v16" stroke="var(--gold)" stroke-width="3" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<h3 class="benefit__title">גמישות</h3>
|
|
||||||
<p class="benefit__text">יכולת להתאים כל פתרון לדרישות הספציפיות של הלקוח</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="cta-section">
|
<section class="advantages" aria-labelledby="advantages-heading">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="cta-box reveal">
|
<header class="section-header reveal-fade">
|
||||||
<div class="cta-box__content">
|
<span class="section-tag">יתרונות</span>
|
||||||
<h2 class="cta-box__title">רוצים לשמוע עוד?</h2>
|
<h2 id="advantages-heading" class="section-title">למה לעבוד איתנו?</h2>
|
||||||
<p class="cta-box__text">אשמח להסביר איך הטכנולוגיות שלי יכולות לשרת אתכם</p>
|
</header>
|
||||||
|
<div class="advantages-grid">
|
||||||
|
<div class="advantage-item reveal-slide">
|
||||||
|
<div class="advantage-number" aria-hidden="true">01</div>
|
||||||
|
<h3>מחירים תחרותיים</h3>
|
||||||
|
<p>עבודה ישירה עם יצרנים טורקיים מובילים מאפשרת לנו להציע מחירים תחרותיים במיוחד.</p>
|
||||||
</div>
|
</div>
|
||||||
<a href="contact.html" class="btn btn--primary btn--large">דברו איתי</a>
|
<div class="advantage-item reveal-slide">
|
||||||
|
<div class="advantage-number" aria-hidden="true">02</div>
|
||||||
|
<h3>איכות גבוהה</h3>
|
||||||
|
<p>טכנולוגיות מתקדמות וחומרים איכותיים לתוצאות מעולות בכל פרויקט.</p>
|
||||||
|
</div>
|
||||||
|
<div class="advantage-item reveal-slide">
|
||||||
|
<div class="advantage-number" aria-hidden="true">03</div>
|
||||||
|
<h3>שירות אישי</h3>
|
||||||
|
<p>ליווי צמוד מהייעוץ הראשוני ועד האספקה הסופית.</p>
|
||||||
|
</div>
|
||||||
|
<div class="advantage-item reveal-slide">
|
||||||
|
<div class="advantage-number" aria-hidden="true">04</div>
|
||||||
|
<h3>ידידות לסביבה</h3>
|
||||||
|
<p>טכנולוגיות ירוקות ללא שפכים ועם צמצום השפעה סביבתית.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="cta-section" aria-labelledby="tech-cta-heading">
|
||||||
|
<div class="container">
|
||||||
|
<div class="cta-content reveal-fade">
|
||||||
|
<h2 id="tech-cta-heading" class="cta-title">רוצים לשמוע עוד?</h2>
|
||||||
|
<p class="cta-desc">נשמח להסביר על הטכנולוגיות שלנו ולהתאים פתרון לצרכים שלכם</p>
|
||||||
|
<a href="contact.html" class="btn btn-primary btn-large">בואו נדבר</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer class="footer">
|
<footer class="site-footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="footer__grid">
|
<div class="footer-grid">
|
||||||
<div class="footer__brand">
|
<div class="footer-brand">
|
||||||
<a href="index.html" class="logo logo--footer">
|
<a href="index.html" class="footer-logo">עמוס רוזמרין</a>
|
||||||
<svg class="logo__icon" viewBox="0 0 40 40" aria-hidden="true">
|
<p class="footer-tagline">מהנדס אריזה<br>פתרונות אריזה גמישה לתעשייה</p>
|
||||||
<rect fill="var(--accent)" width="40" height="40" rx="6"/>
|
|
||||||
<path d="M10 28V12h4l6 10V12h4v16h-4l-6-10v10H10z" fill="var(--bg-dark)"/>
|
|
||||||
</svg>
|
|
||||||
<span class="logo__text">עמוס רוזמרין</span>
|
|
||||||
</a>
|
|
||||||
<p class="footer__tagline">מהנדס אריזה — פתרונות אריזה גמישה לתעשייה הישראלית</p>
|
|
||||||
</div>
|
</div>
|
||||||
<nav class="footer__nav" aria-label="ניווט משני">
|
<nav class="footer-nav" aria-label="ניווט תחתון">
|
||||||
<h4 class="footer__heading">ניווט</h4>
|
<h4>ניווט</h4>
|
||||||
<ul class="footer__links">
|
<ul>
|
||||||
<li><a href="index.html">בית</a></li>
|
<li><a href="index.html">בית</a></li>
|
||||||
<li><a href="about.html">אודות</a></li>
|
<li><a href="about.html">אודות</a></li>
|
||||||
<li><a href="products.html">מוצרים</a></li>
|
<li><a href="products.html">מוצרים</a></li>
|
||||||
@@ -250,34 +211,17 @@
|
|||||||
<li><a href="contact.html">צור קשר</a></li>
|
<li><a href="contact.html">צור קשר</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<div class="footer__contact">
|
<div class="footer-contact">
|
||||||
<h4 class="footer__heading">צור קשר</h4>
|
<h4>צור קשר</h4>
|
||||||
<ul class="footer__links">
|
<address>
|
||||||
<li>
|
<p>זרחין 13, רעננה</p>
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
<p><a href="tel:054-818-1092">054-818-1092</a></p>
|
||||||
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/>
|
<p><a href="mailto:amos.rosemarin@gmail.com">amos.rosemarin@gmail.com</a></p>
|
||||||
</svg>
|
</address>
|
||||||
<a href="tel:054-818-1092">054-818-1092</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
||||||
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
|
|
||||||
<polyline points="22,6 12,13 2,6"/>
|
|
||||||
</svg>
|
|
||||||
<a href="mailto:amos.rosemarin@gmail.com">amos.rosemarin@gmail.com</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
||||||
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
|
|
||||||
<circle cx="12" cy="10" r="3"/>
|
|
||||||
</svg>
|
|
||||||
<span>זרחין 13, רעננה</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer__bottom">
|
<div class="footer-bottom">
|
||||||
<p>© 2025 עמוס רוזמרין — מהנדס אריזה. כל הזכויות שמורות.</p>
|
<p>עמוס רוזמרין - מהנדס אריזה © 2025. כל הזכויות שמורות.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|||||||
Reference in New Issue
Block a user