Initial AI-generated site

This commit is contained in:
2026-10-11 13:43:05 +00:00
parent 4211e44dd5
commit 03e7fc0f33
8 changed files with 3354 additions and 0 deletions
+264
View File
@@ -0,0 +1,264 @@
<!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="מגוון פתרונות אריזה גמישה: אריזות מזון, היגיינה, שקיות מוכנות, אריזות לפירות וירקות וקופסאות קרטון.">
<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="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="header" id="header">
<div class="container header__inner">
<a href="index.html" class="logo">
<svg class="logo__icon" viewBox="0 0 40 40" aria-hidden="true">
<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>
<button class="nav-toggle" aria-label="תפריט" aria-expanded="false">
<span></span><span></span><span></span>
</button>
<nav class="nav" id="nav">
<ul class="nav__list">
<li><a href="index.html" class="nav__link">בית</a></li>
<li><a href="about.html" class="nav__link">אודות</a></li>
<li><a href="products.html" class="nav__link active">מוצרים</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>
</nav>
</div>
</header>
<main id="main-content">
<section class="page-hero">
<div class="container">
<div class="page-hero__content reveal">
<span class="section-label">מה אני מציע</span>
<h1 class="page-hero__title">מוצרים</h1>
<p class="page-hero__subtitle">פתרונות אריזה גמישה מותאמים אישית לכל תעשייה</p>
</div>
</div>
</section>
<section class="products-full" id="food">
<div class="container">
<article class="product-section reveal">
<div class="product-section__header">
<div class="product-section__icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<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>
</section>
</main>
<footer class="footer">
<div class="container">
<div class="footer__grid">
<div class="footer__brand">
<a href="index.html" class="logo logo--footer">
<svg class="logo__icon" viewBox="0 0 40 40" aria-hidden="true">
<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>
<nav class="footer__nav" aria-label="ניווט משני">
<h4 class="footer__heading">ניווט</h4>
<ul class="footer__links">
<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 class="footer__heading">צור קשר</h4>
<ul class="footer__links">
<li>
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<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"/>
</svg>
<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 class="footer__bottom">
<p>© 2025 עמוס רוזמרין — מהנדס אריזה. כל הזכויות שמורות.</p>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>