321 lines
18 KiB
HTML
321 lines
18 KiB
HTML
<!doctype html>
|
|
<html lang="he" dir="rtl">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>עמוס רוזמרין - מהנדס אריזה | פתרונות אריזה גמישה לתעשייה</title>
|
|
<meta name="description" content="עמוס רוזמרין - מהנדס ייצור עצמאי מאז 2006. ייבוא, פיתוח והתאמת פתרונות אריזה גמישה וקופסאות קרטון לתעשייה הישראלית.">
|
|
<meta property="og:title" content="עמוס רוזמרין - מהנדס אריזה">
|
|
<meta property="og:description" content="פתרונות אריזה גמישה לתעשייה הישראלית. ניסיון של למעלה מ-18 שנה.">
|
|
<meta property="og:type" content="website">
|
|
<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.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<a href="#main-content" class="skip-link">דלג לתוכן הראשי</a>
|
|
|
|
<header class="site-header">
|
|
<div class="header-container">
|
|
<a href="index.html" class="logo">
|
|
<svg class="logo-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
<rect x="4" y="8" width="40" height="32" rx="4" stroke="currentColor" stroke-width="2" fill="none"/>
|
|
<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>
|
|
<span class="logo-text">עמוס רוזמרין</span>
|
|
</a>
|
|
<nav class="main-nav" role="navigation" aria-label="ניווט ראשי">
|
|
<ul class="nav-list">
|
|
<li><a href="index.html" class="nav-link active" aria-current="page">בית</a></li>
|
|
<li><a href="about.html" class="nav-link">אודות</a></li>
|
|
<li><a href="products.html" class="nav-link">מוצרים</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-cta">דברו איתי</a></li>
|
|
</ul>
|
|
</nav>
|
|
<button class="mobile-menu-toggle" aria-label="תפריט" aria-expanded="false">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</button>
|
|
</div>
|
|
</header>
|
|
|
|
<main id="main-content">
|
|
<section class="hero">
|
|
<div class="hero-bg" aria-hidden="true">
|
|
<svg class="hero-pattern" viewBox="0 0 800 600" preserveAspectRatio="xMidYMid slice">
|
|
<defs>
|
|
<linearGradient id="heroGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#1a1a2e"/>
|
|
<stop offset="100%" style="stop-color:#16213e"/>
|
|
</linearGradient>
|
|
<pattern id="grid" width="60" height="60" patternUnits="userSpaceOnUse">
|
|
<path d="M 60 0 L 0 0 0 60" fill="none" stroke="#0ea5e9" stroke-width="0.5" opacity="0.15"/>
|
|
</pattern>
|
|
</defs>
|
|
<rect fill="url(#heroGrad)" width="800" height="600"/>
|
|
<rect fill="url(#grid)" width="800" height="600"/>
|
|
<g class="hero-shapes">
|
|
<rect x="600" y="100" width="120" height="180" rx="8" fill="none" stroke="#0ea5e9" stroke-width="1" opacity="0.3"/>
|
|
<rect x="650" y="80" width="100" height="160" rx="8" fill="none" stroke="#d4af37" stroke-width="1" opacity="0.2"/>
|
|
<rect x="80" y="350" width="140" height="200" rx="8" fill="none" stroke="#0ea5e9" stroke-width="1" opacity="0.25"/>
|
|
<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"/>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div class="hero-content">
|
|
<div class="hero-badge reveal-fade">מהנדס ייצור עצמאי מאז 2006</div>
|
|
<h1 class="hero-title reveal-fade">פתרונות אריזה גמישה <span class="highlight">לתעשייה הישראלית</span></h1>
|
|
<p class="hero-subtitle reveal-fade">ידע טכני, ניסיון של למעלה מ-18 שנה ומומחיות באריזות גמישות — הכל מתכנס למוצר אחד מדויק עבורכם.</p>
|
|
<div class="hero-actions reveal-fade">
|
|
<a href="contact.html" class="btn btn-primary">בואו נדבר</a>
|
|
<a href="products.html" class="btn btn-secondary">לכל המוצרים</a>
|
|
</div>
|
|
<div class="hero-stats reveal-fade">
|
|
<div class="stat">
|
|
<span class="stat-number">18+</span>
|
|
<span class="stat-label">שנות ניסיון</span>
|
|
</div>
|
|
<div class="stat">
|
|
<span class="stat-number">9</span>
|
|
<span class="stat-label">שכבות שיחול</span>
|
|
</div>
|
|
<div class="stat">
|
|
<span class="stat-number">10</span>
|
|
<span class="stat-label">צבעי הדפסה</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="scroll-indicator" aria-hidden="true">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M12 5v14M5 12l7 7 7-7"/>
|
|
</svg>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="expertise" aria-labelledby="expertise-heading">
|
|
<div class="container">
|
|
<header class="section-header reveal-fade">
|
|
<span class="section-tag">תחומי התמחות</span>
|
|
<h2 id="expertise-heading" class="section-title">פתרונות אריזה לכל תעשייה</h2>
|
|
</header>
|
|
<div class="expertise-grid">
|
|
<article class="expertise-card reveal-slide">
|
|
<div class="card-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 64 64" fill="none">
|
|
<circle cx="32" cy="32" r="28" stroke="currentColor" stroke-width="2"/>
|
|
<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>
|
|
</div>
|
|
<h3 class="card-title">אריזות למזון</h3>
|
|
<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 class="expertise-card reveal-slide">
|
|
<div class="card-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 64 64" fill="none">
|
|
<rect x="16" y="12" width="32" height="44" rx="4" stroke="currentColor" stroke-width="2"/>
|
|
<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>
|
|
</div>
|
|
<h3 class="card-title">היגיינה וניקוי</h3>
|
|
<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 class="expertise-card reveal-slide">
|
|
<div class="card-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 64 64" fill="none">
|
|
<path d="M12 52V20a4 4 0 014-4h32a4 4 0 014 4v32" stroke="currentColor" 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>
|
|
</div>
|
|
<h3 class="card-title">שקיות מוכנות</h3>
|
|
<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 class="expertise-card reveal-slide">
|
|
<div class="card-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 64 64" fill="none">
|
|
<ellipse cx="32" cy="48" rx="20" ry="6" stroke="currentColor" stroke-width="2"/>
|
|
<path d="M12 48V28c0-8.837 8.954-16 20-16s20 7.163 20 16v20" stroke="currentColor" stroke-width="2"/>
|
|
<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>
|
|
</div>
|
|
<h3 class="card-title">פירות וירקות</h3>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="tech-highlight" aria-labelledby="tech-heading">
|
|
<div class="container">
|
|
<div class="tech-grid">
|
|
<div class="tech-visual reveal-fade" aria-hidden="true">
|
|
<svg class="tech-diagram" viewBox="0 0 400 400" fill="none">
|
|
<defs>
|
|
<linearGradient id="layerGrad1" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
<stop offset="0%" style="stop-color:#0ea5e9;stop-opacity:0.8"/>
|
|
<stop offset="100%" style="stop-color:#0ea5e9;stop-opacity:0.3"/>
|
|
</linearGradient>
|
|
<linearGradient id="layerGrad2" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
<stop offset="0%" style="stop-color:#d4af37;stop-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>
|
|
</div>
|
|
<div class="tech-content">
|
|
<span class="section-tag reveal-fade">טכנולוגיה מתקדמת</span>
|
|
<h2 id="tech-heading" class="section-title reveal-fade">שיחול עד 9 שכבות</h2>
|
|
<p class="tech-desc reveal-fade">אנו מייצרים יריעות בנות 9 שכבות בעלות חסם גבוה על בסיס PA ו-EVOH, ומספקים פתרונות אריזה מלאים למוצרים הדורשים חסם גבוה כגון בשר ומוצרי חלב.</p>
|
|
<ul class="tech-features">
|
|
<li class="reveal-fade">
|
|
<svg class="check-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<path d="M20 6L9 17l-5-5"/>
|
|
</svg>
|
|
<span>הדפסה עד 10 צבעים באיכות HD</span>
|
|
</li>
|
|
<li class="reveal-fade">
|
|
<svg class="check-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<path d="M20 6L9 17l-5-5"/>
|
|
</svg>
|
|
<span>גלופות HD NX ללא שפכים</span>
|
|
</li>
|
|
<li class="reveal-fade">
|
|
<svg class="check-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<path d="M20 6L9 17l-5-5"/>
|
|
</svg>
|
|
<span>ידידותי לסביבה</span>
|
|
</li>
|
|
<li class="reveal-fade">
|
|
<svg class="check-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<path d="M20 6L9 17l-5-5"/>
|
|
</svg>
|
|
<span>מחירים תחרותיים</span>
|
|
</li>
|
|
</ul>
|
|
<a href="technology.html" class="btn btn-primary reveal-fade">עוד על הטכנולוגיה</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="clients-preview" aria-labelledby="clients-heading">
|
|
<div class="container">
|
|
<header class="section-header reveal-fade">
|
|
<span class="section-tag">לקוחות</span>
|
|
<h2 id="clients-heading" class="section-title">לקוחות שסומכים עלינו</h2>
|
|
<p class="section-desc">שיתופי פעולה ארוכי טווח עם מותגים מובילים בתעשיית המזון הישראלית</p>
|
|
</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>
|
|
<div class="client-logo">פרג</div>
|
|
<div class="client-logo">שיבולים</div>
|
|
<div class="client-logo">מאיר בייגל</div>
|
|
<div class="client-logo">גילרו</div>
|
|
</div>
|
|
<div class="clients-cta reveal-fade">
|
|
<a href="clients.html" class="btn btn-secondary">לכל הלקוחות</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="cta-section" aria-labelledby="cta-heading">
|
|
<div class="container">
|
|
<div class="cta-content reveal-fade">
|
|
<h2 id="cta-heading" class="cta-title">מחפשים פתרון אריזה לקו הייצור שלכם?</h2>
|
|
<p class="cta-desc">נשמח לשמוע על הצרכים שלכם ולהציע פתרון מותאם אישית</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>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="site-footer">
|
|
<div class="container">
|
|
<div class="footer-grid">
|
|
<div class="footer-brand">
|
|
<a href="index.html" class="footer-logo">עמוס רוזמרין</a>
|
|
<p class="footer-tagline">מהנדס אריזה<br>פתרונות אריזה גמישה לתעשייה</p>
|
|
</div>
|
|
<nav class="footer-nav" aria-label="ניווט תחתון">
|
|
<h4>ניווט</h4>
|
|
<ul>
|
|
<li><a href="index.html">בית</a></li>
|
|
<li><a href="about.html">אודות</a></li>
|
|
<li><a href="products.html">מוצרים</a></li>
|
|
<li><a href="technology.html">טכנולוגיה</a></li>
|
|
<li><a href="clients.html">לקוחות</a></li>
|
|
<li><a href="contact.html">צור קשר</a></li>
|
|
</ul>
|
|
</nav>
|
|
<div class="footer-contact">
|
|
<h4>צור קשר</h4>
|
|
<address>
|
|
<p>זרחין 13, רעננה</p>
|
|
<p><a href="tel:054-818-1092">054-818-1092</a></p>
|
|
<p><a href="mailto:amos.rosemarin@gmail.com">amos.rosemarin@gmail.com</a></p>
|
|
</address>
|
|
</div>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<p>עמוס רוזמרין - מהנדס אריזה © 2025. כל הזכויות שמורות.</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|