Events & News -תכנים איכותיים

:root { --color-primary: #1a365d; --color-secondary: #2c5282; --color-accent: #c69c3f; --color-accent-light: #d4af5a; --color-accent-dark: #a88432; --color-text: #2d3748; --color-text-light: #4a5568; --color-bg: #f8f7f4; --color-bg-alt: #f0efe9; --color-white: #ffffff; --color-golan: #556B2F; --font-heading: 'Frank Ruhl Libre', serif; --font-body: 'Heebo', sans-serif; --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --radius: 12px; --radius-xl: 20px; } * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: var(--font-body); line-height: 1.7; color: var(--color-text); background: var(--color-bg); min-height: 100vh; padding: 2rem 1rem; } .container { max-width: 1400px; margin: 0 auto; } /* Header Section */ .header { background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%); padding: 3rem 2rem; border-radius: var(--radius-xl); margin-bottom: 2rem; box-shadow: var(--shadow-xl); text-align: center; position: relative; overflow: hidden; } .header::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); opacity: 0.5; } .header h1 { font-family: var(--font-heading); font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 700; color: var(--color-white); margin-bottom: 0.5rem; letter-spacing: -0.02em; position: relative; } .header-subtitle { color: var(--color-accent); font-size: 1.25rem; font-weight: 500; position: relative; } /* SEO Introduction */ .intro { background: var(--color-white); padding: 2.5rem 2rem; border-radius: var(--radius-xl); margin-bottom: 2rem; box-shadow: var(--shadow-lg); text-align: center; } .intro h2 { font-family: var(--font-heading); font-size: clamp(1.5rem, 4vw, 2.25rem); font-weight: 700; color: var(--color-primary); margin-bottom: 1.25rem; line-height: 1.3; } .intro p { font-size: 1.1rem; line-height: 1.8; color: var(--color-text-light); max-width: 900px; margin: 0 auto; } .intro strong { color: var(--color-primary); font-weight: 600; } /* Events Grid Container */ .events-wrapper { background: var(--color-white); padding: 3rem 2rem; border-radius: var(--radius-xl); box-shadow: var(--shadow-xl); margin-bottom: 2rem; } .section-title { font-family: var(--font-heading); font-size: 1.75rem; font-weight: 700; color: var(--color-primary); text-align: center; margin-bottom: 2rem; position: relative; } .section-title::after { content: ''; display: block; width: 80px; height: 3px; background: linear-gradient(90deg, var(--color-accent), var(--color-accent-light)); margin: 0.75rem auto 0; border-radius: 2px; } .events-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin-bottom: 2rem; } /* Category Headers */ .category-header { grid-column: span 1; text-align: center; padding: 1.25rem; border-radius: var(--radius); font-family: var(--font-heading); font-size: 1.25rem; font-weight: 700; color: var(--color-white); box-shadow: var(--shadow-lg); } .category-header.israel { background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)); } .category-header.business { background: linear-gradient(135deg, var(--color-accent), var(--color-accent-dark)); } .category-header.international { background: linear-gradient(135deg, var(--color-golan), #3d4f21); } /* Event Cards */ .event-card { background: var(--color-white); border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-lg); transition: all 0.3s ease; border: 2px solid var(--color-bg-alt); display: flex; flex-direction: column; scroll-margin-top: 2rem; } .event-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-xl); border-color: var(--color-accent); } .event-card.highlight { border-color: var(--color-accent); box-shadow: 0 0 0 3px rgba(198, 156, 63, 0.3), var(--shadow-xl); } .event-header { padding: 1.75rem 1.5rem; text-align: center; color: var(--color-white); position: relative; } .event-header.golan { background: linear-gradient(135deg, var(--color-golan), #3d4f21); } .event-header.tab { background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)); } .event-header.webinar { background: linear-gradient(135deg, #2c5282, #3182ce); } .event-header.h7 { background: linear-gradient(135deg, var(--color-accent), var(--color-accent-dark)); } .event-header.resources { background: linear-gradient(135deg, var(--color-golan), #4a5d23); } .event-header.workshop { background: linear-gradient(135deg, var(--color-secondary), var(--color-primary)); } .event-header.stratpro { background: linear-gradient(135deg, var(--color-accent-dark), var(--color-accent)); } .event-header.himap { background: linear-gradient(135deg, #1a365d, #2c5282); } .event-title { font-family: var(--font-heading); font-size: 1.4rem; font-weight: 700; margin-bottom: 0.5rem; line-height: 1.3; } .event-subtitle { font-size: 0.95rem; opacity: 0.95; margin-bottom: 0.5rem; } .event-title-en { font-size: 0.9rem; opacity: 0.85; font-style: italic; direction: ltr; } .event-content { padding: 1.5rem; flex-grow: 1; display: flex; flex-direction: column; } .event-description { font-size: 0.95rem; line-height: 1.7; color: var(--color-text-light); margin-bottom: 1.5rem; flex-grow: 1; } .event-cta { text-align: center; margin-top: auto; } .event-btn { display: inline-flex; align-items: center; gap: 0.5rem; background: linear-gradient(135deg, var(--color-accent), var(--color-accent-light)); color: var(--color-primary); padding: 0.875rem 1.75rem; text-decoration: none; border-radius: 50px; font-weight: 600; font-size: 0.95rem; transition: all 0.3s ease; box-shadow: var(--shadow); } .event-btn:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); background: linear-gradient(135deg, var(--color-accent-light), var(--color-accent)); } /* Contact Section */ .contact-section { background: var(--color-white); padding: 3rem 2rem; border-radius: var(--radius-xl); box-shadow: var(--shadow-xl); margin-bottom: 2rem; } .contact-section h2 { font-family: var(--font-heading); font-size: clamp(1.5rem, 4vw, 2rem); font-weight: 700; color: var(--color-primary); text-align: center; margin-bottom: 2rem; } .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; } /* Contact Form */ .contact-form { background: var(--color-bg); padding: 2rem; border-radius: var(--radius); } .form-group { margin-bottom: 1.25rem; } .form-group label { display: block; font-weight: 600; margin-bottom: 0.5rem; color: var(--color-text); } .form-group label .optional { font-weight: 400; color: var(--color-text-light); font-size: 0.875rem; } .form-group input, .form-group select, .form-group textarea { width: 100%; padding: 0.875rem 1rem; border: 2px solid var(--color-bg-alt); border-radius: 8px; font-family: inherit; font-size: 1rem; transition: border-color 0.3s ease, box-shadow 0.3s ease; } .form-group input:focus, .form-group select:focus, .form-group textarea:focus { outline: none; border-color: var(--color-accent); box-shadow: 0 0 0 3px rgba(198, 156, 63, 0.1); } .form-group textarea { min-height: 120px; resize: vertical; } .other-field { display: none; margin-top: 0.75rem; } .other-field.visible { display: block; } .submit-btn { width: 100%; padding: 1rem; background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)); color: var(--color-white); border: none; border-radius: 50px; font-family: inherit; font-size: 1.1rem; font-weight: 700; cursor: pointer; transition: all 0.3s ease; box-shadow: var(--shadow); } .submit-btn:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); } /* Contact Info */ .contact-info { display: flex; flex-direction: column; gap: 1.5rem; } .contact-item { display: flex; align-items: center; gap: 1rem; padding: 1rem; background: var(--color-bg); border-radius: 12px; transition: background 0.3s ease; } .contact-item:hover { background: var(--color-bg-alt); } .contact-icon { width: 48px; height: 48px; background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .contact-icon svg { width: 24px; height: 24px; fill: var(--color-white); } .contact-details h4 { font-family: var(--font-heading); font-weight: 600; color: var(--color-primary); margin-bottom: 0.25rem; } .contact-details a, .contact-details p { color: var(--color-text-light); text-decoration: none; font-size: 0.95rem; } .contact-details a:hover { color: var(--color-accent); } /* Social Media */ .social-section { margin-top: 2rem; padding-top: 2rem; border-top: 2px solid var(--color-bg-alt); } .social-section h3 { font-family: var(--font-heading); font-size: 1.25rem; font-weight: 700; color: var(--color-primary); margin-bottom: 1rem; text-align: center; } .social-links { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; } .social-link { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; text-decoration: none; transition: all 0.3s ease; box-shadow: var(--shadow); background: var(--color-primary); } .social-link:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); background: var(--color-accent); } .social-link svg { width: 22px; height: 22px; fill: var(--color-white); } /* FAQ Section */ .faq-section { background: var(--color-white); padding: 3rem 2rem; border-radius: var(--radius-xl); box-shadow: var(--shadow-xl); margin-bottom: 2rem; } .faq-section h2 { font-family: var(--font-heading); font-size: clamp(1.5rem, 4vw, 2rem); font-weight: 700; color: var(--color-primary); text-align: center; margin-bottom: 2rem; } .faq-section h2::after { content: ''; display: block; width: 80px; height: 3px; background: linear-gradient(90deg, var(--color-accent), var(--color-accent-light)); margin: 0.75rem auto 0; border-radius: 2px; } .faq-grid { display: flex; flex-direction: column; gap: 1rem; max-width: 900px; margin: 0 auto; } .faq-item { background: var(--color-bg); border-radius: var(--radius); overflow: hidden; border: 2px solid transparent; transition: all 0.3s ease; } .faq-item:hover { border-color: var(--color-accent); } .faq-question { padding: 1.25rem 1.5rem; font-family: var(--font-heading); font-size: 1.1rem; font-weight: 600; color: var(--color-primary); cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 1rem; } .faq-question::after { content: '+'; font-size: 1.5rem; color: var(--color-accent); font-weight: 400; transition: transform 0.3s ease; } .faq-item.open .faq-question::after { transform: rotate(45deg); } .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .faq-item.open .faq-answer { max-height: 300px; } .faq-answer p { padding: 0 1.5rem 1.25rem; color: var(--color-text-light); line-height: 1.7; } /* Recommended Reading */ .reading-section { background: linear-gradient(135deg, var(--color-bg) 0%, var(--color-bg-alt) 100%); padding: 3rem 2rem; border-radius: var(--radius-xl); box-shadow: var(--shadow-xl); margin-bottom: 2rem; } .reading-section h2 { font-family: var(--font-heading); font-size: clamp(1.5rem, 4vw, 2rem); font-weight: 700; color: var(--color-primary); text-align: center; margin-bottom: 2rem; } .reading-section h2::after { content: ''; display: block; width: 80px; height: 3px; background: linear-gradient(90deg, var(--color-accent), var(--color-accent-light)); margin: 0.75rem auto 0; border-radius: 2px; } .reading-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; } .reading-card { background: var(--color-white); border-radius: var(--radius); padding: 1.5rem; text-decoration: none; transition: all 0.3s ease; border: 2px solid transparent; display: flex; flex-direction: column; text-align: center; } .reading-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: var(--color-accent); } .reading-card .icon-box { width: 60px; height: 60px; background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; } .reading-card .icon-box svg { width: 28px; height: 28px; fill: var(--color-white); } .reading-card .tag { display: inline-block; padding: 0.25rem 0.75rem; background: var(--color-accent); color: var(--color-primary); border-radius: 20px; font-size: 0.75rem; font-weight: 600; margin-bottom: 0.75rem; align-self: center; } .reading-card .tag.cornerstone { background: var(--color-primary); color: var(--color-white); } .reading-card h3 { font-family: var(--font-heading); font-size: 1rem; font-weight: 600; color: var(--color-primary); line-height: 1.5; margin-bottom: 0.5rem; } .reading-card p { font-size: 0.85rem; color: var(--color-text-light); line-height: 1.5; } /* Responsive Design */ @media (max-width: 1024px) { .events-grid { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; } .category-header { grid-column: span 2; } .contact-grid { grid-template-columns: 1fr; gap: 2rem; } .reading-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { body { padding: 1rem 0.5rem; } .header { padding: 2rem 1.5rem; margin-bottom: 1.5rem; } .intro { padding: 2rem 1.5rem; margin-bottom: 1.5rem; } .intro h2 { font-size: 1.4rem; } .intro p { font-size: 1rem; } .events-wrapper { padding: 2rem 1rem; } .events-grid { grid-template-columns: 1fr; gap: 1.25rem; } .category-header { grid-column: span 1; font-size: 1.1rem; padding: 1rem; } .event-card:hover { transform: none; } .event-title { font-size: 1.2rem; } .contact-section, .faq-section, .reading-section { padding: 2rem 1rem; } .contact-form { padding: 1.5rem; } .reading-grid { grid-template-columns: 1fr; } .faq-question { font-size: 1rem; padding: 1rem 1.25rem; } } /* Animations */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .fade-in { animation: fadeInUp 0.6s ease-out; } .event-card { animation: fadeInUp 0.6s ease-out; animation-fill-mode: both; } .event-card:nth-child(1) { animation-delay: 0.1s; } .event-card:nth-child(2) { animation-delay: 0.2s; } .event-card:nth-child(3) { animation-delay: 0.3s; } .event-card:nth-child(4) { animation-delay: 0.4s; } .event-card:nth-child(5) { animation-delay: 0.5s; } .event-card:nth-child(6) { animation-delay: 0.6s; } .event-card:nth-child(7) { animation-delay: 0.7s; } .event-card:nth-child(8) { animation-delay: 0.8s; } .event-card:nth-child(9) { animation-delay: 0.9s; } /* Accessibility */ .event-btn:focus, .submit-btn:focus, .social-link:focus { outline: 3px solid var(--color-accent); outline-offset: 2px; } { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "מהו דירקטוריון חלופי TAB?", "acceptedAnswer": { "@type": "Answer", "text": "ראשית, דירקטוריון חלופי TAB הוא פורום של בעלי עסקים ומנכ״לים שנפגשים באופן קבוע כדי לשתף אתגרים. בנוסף, המשתתפים מקבלים עצות מעמיתים ומפתחים את העסק שלהם. למעשה, זוהי קבוצת תמיכה עסקית שמספקת פרספקטיבה חיצונית ומקצועית. לכן, זוהי השקעה משתלמת לכל בעל עסק." } }, { "@type": "Question", "name": "מה ההבדל בין STRATPRO ל-HI-MAP?", "acceptedAnswer": { "@type": "Answer", "text": "ראשית, STRATPRO מתמקדת בתכנון אסטרטגי לעסק כולו. לכן, היא מתאימה לבעלי עסקים שרוצים לבנות חזון ותוכנית פעולה. לעומת זאת, HI-MAP מתמקדת בפיתוח מנהלים ורתימת הצוות לחזון הארגוני. בנוסף, שתי התוכניות משלימות זו את זו." } }, { "@type": "Question", "name": "למי מתאימים האירועים של NIRMAKO?", "acceptedAnswer": { "@type": "Answer", "text": "ראשית, האירועים מתאימים בעיקר לבעלי חברות, מנכ״לים ויזמים בישראל. בנוסף, גם מנהלים בכירים שמחפשים לפתח את הכישורים הניהוליים שלהם יכולים להפיק תועלת רבה מהתוכניות שלנו. לכן, מומלץ לבדוק איזה אירוע מתאים לכם." } }, { "@type": "Question", "name": "האם יש אפשרות להשתתף במפגש היכרות לפני ההרשמה?", "acceptedAnswer": { "@type": "Answer", "text": "בהחלט! ראשית, אנו מציעים מפגש טעימה חוויתי בשם 'A Taste of TAB' שמאפשר להכיר את הפורמט. בנוסף, תוכלו לחוות את הכוח של הלמידה הקבוצתית. כתוצאה מכך, תוכלו לקבל החלטה מושכלת לגבי ההצטרפות. לכן, מומלץ להתחיל במפגש היכרות." } }, { "@type": "Question", "name": "מהי עלות ההשתתפות באירועים?", "acceptedAnswer": { "@type": "Answer", "text": "ראשית, העלות משתנה בהתאם לסוג האירוע והתוכנית. לכן, אנו ממליצים ליצור קשר ישירות לקבלת הצעת מחיר מותאמת אישית. בנוסף, חלק מהאירועים כוללים מפגשי היכרות חינמיים. יתרה מכך, אנו מציעים גמישות בתנאי התשלום." } } ] } // Handle interest dropdown change function handleInterestChange(select) { const otherField = document.getElementById('otherField'); const otherInput = document.getElementById('otherInterest'); if (select.value === 'אחר') { otherField.classList.add('visible'); otherInput.required = true; } else { otherField.classList.remove('visible'); otherInput.required = false; otherInput.value = ''; } // Scroll to event section scrollToEvent(select.value); } // Scroll to event based on selection function scrollToEvent(value) { let targetId = null; switch(value) { case 'TAB': targetId = 'event-tab'; break; case 'STRATPRO': targetId = 'event-stratpro'; break; case 'HIMAP': targetId = 'event-himap'; break; case 'לחצות את הרף': targetId = 'event-raise-the-bar'; break; } if (targetId) { const element = document.getElementById(targetId); if (element) { // Remove previous highlight document.querySelectorAll('.event-card.highlight').forEach(card => { card.classList.remove('highlight'); }); // Add highlight to selected event element.classList.add('highlight'); // Scroll to element element.scrollIntoView({ behavior: 'smooth', block: 'center' }); // Remove highlight after 3 seconds setTimeout(() => { element.classList.remove('highlight'); }, 3000); } } } // FAQ Accordion document.querySelectorAll('.faq-question').forEach(question => { question.addEventListener('click', () => { const item = question.parentElement; const isOpen = item.classList.contains('open'); // Close all items document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open')); // Open clicked item if it wasn't open if (!isOpen) { item.classList.add('open'); } }); }); // Form submission handling document.getElementById('contactForm').addEventListener('submit', function(e) { // You can add custom validation or handling here // The form will submit to Formspree by default });