site-1a835/products.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="מגוון פתרונות אריזה גמישה: אריזות מזון, היגיינה, שקיות מוכנות, אריזות לפירות וירקות וקופסאות קרטון.">
  <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>