client-sites/est-trade
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

AI update: הוסף לאתר כפתור צף (floating toggle) בפינת המסך שמאפשר החלפה בין עברית לאנגלית. צור תרגום מלא לאנגלית של כל תוכן האתר הק

Browse Source
This commit is contained in:
ccadmingit1
2026-09-03 14:41:55 +00:00
parent 0c65b5e2d1
commit 30881b1f3a
4 changed files with 286 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files
contact.html
+50 -42
View File
@@ -15,7 +15,15 @@
<link rel="stylesheet" href="style.css">
</head>
<body>
<a href="#main-content" class="skip-link">דלג לתוכן הראשי</a>
<a href="#main-content" class="skip-link" data-lang-he="דלג לתוכן הראשי" data-lang-en="Skip to main content">דלג לתוכן הראשי</a>
<button class="lang-toggle" id="langToggle" aria-label="Switch language">
<span class="lang-toggle-text">EN</span>
<svg class="lang-toggle-icon" viewBox="0 0 24 24" aria-hidden="true">
<circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2"/>
<path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" fill="none" stroke="currentColor" stroke-width="2"/>
</svg>
</button>
<header class="site-header">
<nav class="nav-container">
@@ -30,11 +38,11 @@
<span></span><span></span><span></span>
</button>
<ul class="nav-links">
<li><a href="index.html#about">מי אנחנו</a></li>
<li><a href="index.html#services">תחומי פעילות</a></li>
<li><a href="index.html#advantages">יתרונות</a></li>
<li><a href="index.html#testimonials">לקוחות ממליצים</a></li>
<li><a href="contact.html" class="nav-cta" aria-current="page">צור קשר</a></li>
<li><a href="index.html#about" data-lang-he="מי אנחנו" data-lang-en="About Us">מי אנחנו</a></li>
<li><a href="index.html#services" data-lang-he="תחומי פעילות" data-lang-en="Services">תחומי פעילות</a></li>
<li><a href="index.html#advantages" data-lang-he="יתרונות" data-lang-en="Advantages">יתרונות</a></li>
<li><a href="index.html#testimonials" data-lang-he="לקוחות ממליצים" data-lang-en="Testimonials">לקוחות ממליצים</a></li>
<li><a href="contact.html" class="nav-cta" aria-current="page" data-lang-he="צור קשר" data-lang-en="Contact Us">צור קשר</a></li>
</ul>
</nav>
</header>
@@ -55,9 +63,9 @@
</div>
<div class="container">
<div class="contact-hero-content">
<span class="section-tag">צור קשר</span>
<h1 class="page-title">נשמח לשמוע מכם</h1>
<p class="page-subtitle">השאירו פרטים ונחזור אליכם בהקדם האפשרי עם הצעת מחיר מותאמת</p>
<span class="section-tag" data-lang-he="צור קשר" data-lang-en="Contact Us">צור קשר</span>
<h1 class="page-title" data-lang-he="נשמח לשמוע מכם" data-lang-en="We'd Love to Hear From You">נשמח לשמוע מכם</h1>
<p class="page-subtitle" data-lang-he="השאירו פרטים ונחזור אליכם בהקדם האפשרי עם הצעת מחיר מותאמת" data-lang-en="Leave your details and we'll get back to you as soon as possible with a customized quote">השאירו פרטים ונחזור אליכם בהקדם האפשרי עם הצעת מחיר מותאמת</p>
</div>
</div>
</section>
@@ -68,56 +76,56 @@
<div class="contact-form-wrapper">
<form class="contact-form" id="contactForm" novalidate>
<div class="form-group">
<label for="name">שם מלא <span class="required" aria-hidden="true">*</span></label>
<label for="name"><span data-lang-he="שם מלא" data-lang-en="Full Name">שם מלא</span> <span class="required" aria-hidden="true">*</span></label>
<input type="text" id="name" name="name" required autocomplete="name" aria-required="true">
<span class="form-error" role="alert"></span>
</div>
<div class="form-group">
<label for="company">שם החברה</label>
<label for="company" data-lang-he="שם החברה" data-lang-en="Company Name">שם החברה</label>
<input type="text" id="company" name="company" autocomplete="organization">
</div>
<div class="form-row">
<div class="form-group">
<label for="email">אימייל <span class="required" aria-hidden="true">*</span></label>
<label for="email"><span data-lang-he="אימייל" data-lang-en="Email">אימייל</span> <span class="required" aria-hidden="true">*</span></label>
<input type="email" id="email" name="email" required autocomplete="email" aria-required="true">
<span class="form-error" role="alert"></span>
</div>
<div class="form-group">
<label for="phone">טלפון <span class="required" aria-hidden="true">*</span></label>
<label for="phone"><span data-lang-he="טלפון" data-lang-en="Phone">טלפון</span> <span class="required" aria-hidden="true">*</span></label>
<input type="tel" id="phone" name="phone" required autocomplete="tel" aria-required="true">
<span class="form-error" role="alert"></span>
</div>
</div>
<div class="form-group">
<label for="subject">נושא הפנייה</label>
<label for="subject" data-lang-he="נושא הפנייה" data-lang-en="Subject">נושא הפנייה</label>
<select id="subject" name="subject">
<option value="">בחרו נושא</option>
<option value="quote">בקשת הצעת מחיר</option>
<option value="info">מידע על מוצרים</option>
<option value="partnership">שיתוף פעולה</option>
<option value="other">אחר</option>
<option value="" data-lang-he="בחרו נושא" data-lang-en="Select a subject">בחרו נושא</option>
<option value="quote" data-lang-he="בקשת הצעת מחיר" data-lang-en="Request a Quote">בקשת הצעת מחיר</option>
<option value="info" data-lang-he="מידע על מוצרים" data-lang-en="Product Information">מידע על מוצרים</option>
<option value="partnership" data-lang-he="שיתוף פעולה" data-lang-en="Partnership">שיתוף פעולה</option>
<option value="other" data-lang-he="אחר" data-lang-en="Other">אחר</option>
</select>
</div>
<div class="form-group">
<label for="message">הודעה <span class="required" aria-hidden="true">*</span></label>
<label for="message"><span data-lang-he="הודעה" data-lang-en="Message">הודעה</span> <span class="required" aria-hidden="true">*</span></label>
<textarea id="message" name="message" rows="5" required aria-required="true"></textarea>
<span class="form-error" role="alert"></span>
</div>
<button type="submit" class="btn btn-primary btn-large">שליחת הפנייה</button>
<p class="form-note">* שדות חובה</p>
<button type="submit" class="btn btn-primary btn-large" data-lang-he="שליחת הפנייה" data-lang-en="Send Message">שליחת הפנייה</button>
<p class="form-note" data-lang-he="* שדות חובה" data-lang-en="* Required fields">* שדות חובה</p>
</form>
<div class="form-success" id="formSuccess" role="status" aria-live="polite" hidden>
<svg viewBox="0 0 64 64" aria-hidden="true">
<circle cx="32" cy="32" r="28" fill="var(--accent)" opacity="0.2"/>
<path d="M20 32l8 8 16-16" fill="none" stroke="var(--accent)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<h3>תודה על פנייתכם!</h3>
<p>נחזור אליכם בהקדם האפשרי.</p>
<h3 data-lang-he="תודה על פנייתכם!" data-lang-en="Thank You!">תודה על פנייתכם!</h3>
<p data-lang-he="נחזור אליכם בהקדם האפשרי." data-lang-en="We'll get back to you as soon as possible.">נחזור אליכם בהקדם האפשרי.</p>
</div>
</div>
<aside class="contact-info">
<div class="info-card">
<h3>דרכי התקשרות</h3>
<h3 data-lang-he="דרכי התקשרות" data-lang-en="Contact Information">דרכי התקשרות</h3>
<ul class="info-list">
<li>
<svg viewBox="0 0 24 24" aria-hidden="true">
@@ -129,22 +137,22 @@
<svg viewBox="0 0 24 24" aria-hidden="true">
<path fill="var(--accent)" d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/>
</svg>
<span>אזור התעשייה, ישראל</span>
<span data-lang-he="אזור התעשייה, ישראל" data-lang-en="Industrial Zone, Israel">אזור התעשייה, ישראל</span>
</li>
</ul>
</div>
<div class="info-card">
<h3>שעות פעילות</h3>
<h3 data-lang-he="שעות פעילות" data-lang-en="Business Hours">שעות פעילות</h3>
<ul class="hours-list">
<li><span>ראשון - חמישי</span><span>08:00 - 17:00</span></li>
<li><span>שישי</span><span>08:00 - 13:00</span></li>
<li><span>שבת</span><span>סגור</span></li>
<li><span data-lang-he="ראשון - חמישי" data-lang-en="Sunday - Thursday">ראשון - חמישי</span><span>08:00 - 17:00</span></li>
<li><span data-lang-he="שישי" data-lang-en="Friday">שישי</span><span>08:00 - 13:00</span></li>
<li><span data-lang-he="שבת" data-lang-en="Saturday">שבת</span><span data-lang-he="סגור" data-lang-en="Closed">סגור</span></li>
</ul>
</div>
<div class="info-card info-card-cta">
<h3>מעדיפים לדבר?</h3>
<p>הצוות שלנו ישמח לענות על כל שאלה</p>
<p class="cta-note">השאירו מספר טלפון ונחזור אליכם</p>
<h3 data-lang-he="מעדיפים לדבר?" data-lang-en="Prefer to Talk?">מעדיפים לדבר?</h3>
<p data-lang-he="הצוות שלנו ישמח לענות על כל שאלה" data-lang-en="Our team would be happy to answer any question">הצוות שלנו ישמח לענות על כל שאלה</p>
<p class="cta-note" data-lang-he="השאירו מספר טלפון ונחזור אליכם" data-lang-en="Leave your phone number and we'll call you back">השאירו מספר טלפון ונחזור אליכם</p>
</div>
</aside>
</div>
@@ -163,24 +171,24 @@
</svg>
<span class="logo-text">Est Trade</span>
</a>
<p class="footer-tagline">פתרונות יבוא ויצוא מקצועיים לעסקים</p>
<p class="footer-tagline" data-lang-he="פתרונות יבוא ויצוא מקצועיים לעסקים" data-lang-en="Professional import & export solutions for businesses">פתרונות יבוא ויצוא מקצועיים לעסקים</p>
</div>
<nav class="footer-nav" aria-label="ניווט תחתון">
<h4>ניווט מהיר</h4>
<h4 data-lang-he="ניווט מהיר" data-lang-en="Quick Navigation">ניווט מהיר</h4>
<ul>
<li><a href="index.html#about">מי אנחנו</a></li>
<li><a href="index.html#services">תחומי פעילות</a></li>
<li><a href="index.html#advantages">יתרונות</a></li>
<li><a href="contact.html">צור קשר</a></li>
<li><a href="index.html#about" data-lang-he="מי אנחנו" data-lang-en="About Us">מי אנחנו</a></li>
<li><a href="index.html#services" data-lang-he="תחומי פעילות" data-lang-en="Services">תחומי פעילות</a></li>
<li><a href="index.html#advantages" data-lang-he="יתרונות" data-lang-en="Advantages">יתרונות</a></li>
<li><a href="contact.html" data-lang-he="צור קשר" data-lang-en="Contact Us">צור קשר</a></li>
</ul>
</nav>
<div class="footer-contact">
<h4>יצירת קשר</h4>
<a href="contact.html" class="btn btn-outline">השאירו פרטים</a>
<h4 data-lang-he="יצירת קשר" data-lang-en="Contact">יצירת קשר</h4>
<a href="contact.html" class="btn btn-outline" data-lang-he="השאירו פרטים" data-lang-en="Leave Details">השאירו פרטים</a>
</div>
</div>
<div class="footer-bottom">
<p>© 2024 Est Trade. כל הזכויות שמורות.</p>
<p data-lang-he="© 2024 Est Trade. כל הזכויות שמורות." data-lang-en="© 2024 Est Trade. All rights reserved.">© 2024 Est Trade. כל הזכויות שמורות.</p>
</div>
</div>
</footer>