282 lines
14 KiB
HTML
282 lines
14 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="לקוחותיי: מאפיית ברמן, דגנית, חסלט, יבולי הכפר, אסיף ועוד מפעלי מזון מובילים בישראל.">
|
|
<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">מוצרים</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>
|
|
</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="clients-full">
|
|
<div class="container">
|
|
<div class="clients-intro reveal">
|
|
<p>במשך למעלה מ-18 שנה אני מלווה מפעלי מזון, קוסמטיקה וחקלאות בישראל. הלקוחות שלי סומכים עליי לספק פתרונות אריזה אמינים, איכותיים ובמחירים תחרותיים.</p>
|
|
</div>
|
|
|
|
<div class="clients-cloud reveal">
|
|
<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>
|
|
<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="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 40 L50 20 L70 40" stroke="var(--accent)" stroke-width="3" fill="none"/>
|
|
</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="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>
|
|
<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="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>
|
|
</section>
|
|
|
|
<section class="industries">
|
|
<div class="container">
|
|
<div class="section-header reveal">
|
|
<span class="section-label">תעשיות</span>
|
|
<h2 class="section-title">הענפים שאני משרת</h2>
|
|
</div>
|
|
<div class="industries-grid">
|
|
<div class="industry-card reveal">
|
|
<div class="industry-card__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(--gold)" stroke-width="2"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="industry-card__title">מזון</h3>
|
|
<p class="industry-card__text">מאפיות, חטיפים, ממתקים, קפה, תה, מזון קפוא</p>
|
|
</div>
|
|
<div class="industry-card reveal">
|
|
<div class="industry-card__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(--gold)" stroke-width="2"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="industry-card__title">קוסמטיקה</h3>
|
|
<p class="industry-card__text">מוצרי טיפוח, סבונים, קרמים</p>
|
|
</div>
|
|
<div class="industry-card reveal">
|
|
<div class="industry-card__icon">
|
|
<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>
|
|
</div>
|
|
<h3 class="industry-card__title">חקלאות</h3>
|
|
<p class="industry-card__text">פירות, ירקות, תוצרת טרייה</p>
|
|
</div>
|
|
<div class="industry-card reveal">
|
|
<div class="industry-card__icon">
|
|
<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>
|
|
</div>
|
|
<h3 class="industry-card__title">חומרי ניקוי</h3>
|
|
<p class="industry-card__text">מגבונים, חומרי ניקוי, מוצרי כביסה</p>
|
|
</div>
|
|
</div>
|
|
</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>
|