Newsletter - Copy this React, Tailwind Component to your project
<!DOCTYPE html> <html lang="he" dir="rtl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="קורסים מקצועיים במוסד ללימודי המשך באופטומטריה"> <meta name="keywords" content="אופטומטריה, קורסים, לימודי המשך, עיניים, דימות אוקלורי, ביומטריה, קטרקט"> <title>המוסד ללימודי המשך באופטומטריה - קורסים מקצועיים בתחום דימות וביומטריה</title> <style> @font-face { font-family: 'Heebo'; src: url('https://fonts.gstatic.com/s/heebo/v21/NGSpv5_NC0k9P_v6ZUCbLRAHxK1EiSysdUmj.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } body { font-family: 'Heebo', sans-serif; line-height: 1.6; color: #333; margin: 0; padding: 0; background-color: #f9f9f9; font-size: 18px; } .container { max-width: 1200px; margin: 0 auto; padding: 20px; } .logo-container { text-align: center; margin-bottom: 20px; } .logo-image { max-width: 100%; height: auto; } header { background-color: #2c3e50; color: white; text-align: center; padding: 2rem; margin-bottom: 2rem; } header h1 { color: white; margin: 0; font-size: 2.5em; } .icon { color: #3498db; margin-left: 10px; } h1, h2 { color: #2c3e50; } h2 { font-size: 2em; background-color: #ecf0f1; padding: 10px; border-radius: 5px; margin-bottom: 20px; } h3 { font-size: 1.5em; } .course { background-color: white; border-radius: 8px; padding: 30px; margin-bottom: 30px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); border-right: 5px solid #3498db; } .limited-seats { background-color: #e74c3c; color: white; padding: 15px; text-align: center; font-weight: bold; margin: 20px 0; border-radius: 8px; font-size: 1.2em; } form { background-color: white; padding: 30px; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); margin-bottom: 20px; border: 2px solid #3498db; } form input[type="submit"] { background-color: #2ecc71; color: white; padding: 12px 24px; border: none; border-radius: 4px; cursor: pointer; font-size: 1.1em; transition: background-color 0.3s ease; } form input[type="submit"]:hover { background-color: #27ae60; } #tranzila-iframe { width: 100%; height: 600px; border: none; display: none; } #discount-warning { color: #e74c3c; font-weight: bold; margin-bottom: 15px; padding: 15px; background-color: #fadbd8; border-radius: 8px; font-size: 1.1em; } .register-button { background-color: #3498db; color: white; padding: 12px 24px; border: none; border-radius: 4px; cursor: pointer; font-size: 1.1em; margin-top: 15px; transition: background-color 0.3s ease; } .register-button:hover { background-color: #2980b9; } .info-button { background-color: #2ecc71; color: white; padding: 12px 24px; border: none; border-radius: 4px; cursor: pointer; font-size: 1.2em; margin-top: 15px; margin-bottom: 15px; font-weight: bold; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; display: inline-block; } .info-button:hover { background-color: #27ae60; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15); transform: translateY(-2px); } .course-divider { display: flex; align-items: center; text-align: center; margin: 40px 0; } .course-divider::before, .course-divider::after { content: ''; flex: 1; border-bottom: 1px solid #3498db; } .course-divider::before { margin-left: 15px; } .course-divider::after { margin-right: 15px; } .course-divider-icon { display: flex; align-items: center; padding: 0 15px; color: #3498db; font-size: 24px; } .certificate-notice { background-color: #f39c12; color: white; padding: 15px; text-align: center; font-weight: bold; margin: 20px 0; border-radius: 8px; font-size: 1.2em; } .opening-speech { margin-bottom: 10px; } input[type="email"], input[type="tel"], input[type="text"] { width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #bdc3c7; border-radius: 4px; font-size: 1em; } input[type="radio"] { margin-right: 10px; } label { display: inline-block; margin-bottom: 10px; font-size: 1.1em; } ul { padding-right: 20px; } .sponsor { text-align: center; font-style: italic; color: #7f8c8d; margin-top: 30px; font-size: 1.1em; } .meeting-date { font-weight: bold; color: #e74c3c; background-color: #ffeaa7; padding: 5px 10px; border-radius: 4px; display: inline-block; margin-bottom: 5px; font-size: 1.1em; } .whatsapp-share { background-color: #25D366; color: white; padding: 10px 20px; border-radius: 5px; text-decoration: none; display: inline-block; margin: 10px 0; font-weight: bold; transition: background-color 0.3s ease; } .whatsapp-share:hover { background-color: #128C7E; } .share-container { text-align: center; margin: 20px 0; padding: 10px; background-color: #f1f8e9; border-radius: 5px; } .share-text { font-size: 1.2em; margin-bottom: 10px; } .lecture { margin-bottom: 10px; } .subsidy-notice { background-color: #3498db; color: white; padding: 15px; text-align: center; font-weight: bold; margin: 20px 0; border-radius: 8px; font-size: 1.2em; } @media (max-width: 768px) { .container { padding: 10px; } header { padding: 1rem; } header h1 { font-size: 2em; } .course { padding: 20px; } .info-button, .register-button { width: 100%; margin-bottom: 10px; } } </style> </head> <body> <div id="custom-registration-form"> <div class="container"> <div class="logo-container"> <img src="https://optometry.ussl.co.il/wp-content/uploads/2024/10/עיצוב-ללא-שם-12.png" alt="לוגו המוסד ללימודי המשך באופטומטריה" class="logo-image"> </div> <div class="subsidy-notice"> <i class="fas fa-info-circle icon" aria-hidden="true"></i> הקורסים מסובסדים על ידי מועצת האופטומטריסטים בישראל </div> <header> <h1> <i class="fas fa-eye icon" aria-hidden="true"></i> המוסד ללימודי המשך באופטומטריה <br> קורסים מקצועיים בתחום דימות וביומטריה </h1> </header> <div class="share-container"> <p class="share-text">שתפו את המבצע עם חברים ועמיתים למקצוע</p> <a href="https://wa.me/?text=הצטרפו%20לקורסים%20המקצועיים%20של%20המוסד%20ללימודי%20המשך%20באופטומטריה.%20לפרטים%20נוספים:%20https://optometry.ussl.co.il" target="_blank" rel="noopener noreferrer" class="whatsapp-share"> <i class="fab fa-whatsapp" aria-hidden="true"></i> שתפו בוואטסאפ </a> </div> <div class="limited-seats"> <i class="fas fa-exclamation-triangle icon" aria-hidden="true"></i> שימו לב: מספר המקומות מוגבל. </div> <main> <div class="course"> <h2><i class="fas fa-camera-retro icon" aria-hidden="true"></i> דימות אוקולרי קליני ופענוח</h2> <p>קורס ייחודי המקנה ידע נרחב לאנשי מקצוע בתחום הדימות האוקולרי הקליני.</p> <h3><i class="fas fa-users icon" aria-hidden="true"></i> קהל יעד:</h3> <p>אופטומטריסטים, רופאי עיניים ורופאים מתמחים ברפואת עיניים.</p> <p><strong>היקף הקורס:</strong> כ-25 שעות אקדמיות. 4 מפגשים בימי שלישי ושני במהלך חודש ינואר 2025</p> <h3><i class="fas fa-chalkboard-teacher icon" aria-hidden="true"></i> דרכי הוראה:</h3> <p>עקומת למידה מדורגת (מהקל אל הכבד), תכנים קליניים, אפשרות להדרכות קליניות בקבוצות קטנות לאחר ההרצאות</p> <p><strong>מיקום:</strong> חוצות שפיים, ג'ונסון אנד ג'ונסון, אולם נגב, קומה שלישית. 15:30 עד 19:45 בימי שלישי ושני</p> <p><strong>מנהלי הקורס:</strong> <strong>פרופ' דויד צדוק</strong>, <strong>ד"ר ניר ארדינסט</strong></p> <h3><i class="fas fa-list-ul icon" aria-hidden="true"></i> תוכנית המפגשים:</h3> <ul> <li> <span class="meeting-date"><i class="fas fa-calendar-day icon" aria-hidden="true"></i> יום שלישי, 7/1/2025:</span> <div class="opening-speech"> <strong>אדי מרקוביץ</strong>, יו"ר מועצת האופטומטריסטים בישראל - דברי פתיחה </div> <div class="lecture"><strong>פרופ' דויד צדוק</strong> - מבוא מיפויי קרנית ופענוח</div> <div class="lecture"><strong>פרופ' דויד צדוק</strong> - צילום במנורת סדק באמצעות טלפון נייד</div> <div class="lecture"><strong>ד"ר לירון ברקוביץ</strong> - הדמיות קרנית בניתוחי רפרקציה</div> </li> <li> <span class="meeting-date"><i class="fas fa-calendar-day icon" aria-hidden="true"></i> יום שני, 13/1/2025:</span> <div class="lecture"><strong>ד"ר ישי ווייל</strong> - מבוא ל-OCT קדמי</div> <div class="lecture"><strong>ד"ר ישי ווייל</strong> - עין יבשה, ECC, Epi-OCT, Confocal ופענוח</div> <div class="lecture"><strong>ד"ר דוד ברקוב</strong> - מבוא לאבומטריה, אברומטריה קלינית</div> </li> <li> <span class="meeting-date"><i class="fas fa-calendar-day icon" aria-hidden="true"></i> יום שלישי, 21/1/2025:</span> <div class="lecture"><strong>ד"ר איריס מורוז</strong> - מבוא ל-OCT, FFA, צילומי פונדוס ופענוח</div> <div class="lecture"><strong>ד"ר נעה שטרית</strong> - פענוח אולטראסאונד</div> <div class="lecture"><strong>ד"ר קובי ברוש</strong> - פענוחי OCT</div> </li> <li> <span class="meeting-date"><i class="fas fa-calendar-day icon" aria-hidden="true"></i> יום שני, 27/1/2025:</span> <div class="lecture"><strong>ד"ר יניב ברקנא</strong> - מבוא לדימות בגלאוקומה</div> <div class="lecture"><strong>ד"ר יניב ברקנא</strong> - דימות בגלאוקומה ופענוח</div> <div class="lecture"><strong>ד"ר מוטי גולדברג</strong> - מקרים קליניים של הדמיות בגלאוקומה ופענוח</div> </li> </ul> <a href="https://optometry.ussl.co.il/wp-content/uploads/2024/10/ברושור-קורס-חודש-ינואר-סופי-1.pdf" target="_blank" rel="noopener noreferrer" class="info-button">למידע נוסף על הקורס</a> <br> <button class="register-button" onclick="scrollToForm('course1')">הרשמה לקורס</button> <div class="certificate-notice"> <i class="fas fa-certificate" aria-hidden="true"></i> בסיום הקורס יוענקו תעודות למשתתפים </div> </div> <div class="course-divider"> <div class="course-divider-icon"> <i class="fas fa-book-medical" aria-hidden="true"></i> </div> </div> <div class="course"> <h2><i class="fas fa-eye icon" aria-hidden="true"></i> ביומטריה, עדשות תוך עיניות (IOL) וקטרקט</h2> <p>בקורס מקיף זה הסטודנטים יקבלו הכשרה קלינית מקיפה אודות ביומטריה, עדשות תוך עיניות וקטרקט.</p> <h3><i class="fas fa-users icon" aria-hidden="true"></i> קהל יעד:</h3> <p>אופטומטריסטים, רופאי עיניים ורופאים מתמחים ברפואת עיניים.</p> <p><strong>היקף הקורס:</strong> קורס מואץ ומרוכז זה כולל 5 מפגשים בהיקף של 30 שעות אקדמאיות.</p> <h3><i class="fas fa-chalkboard-teacher icon" aria-hidden="true"></i> דרכי הוראה:</h3> <p>המשתתפים יעברו הכשרה אינטנסיבית ומקיפה הכוללת גם הכנה לעיסוק בתחומי הביומטריה ועדשות תוך עיניות בבתי חולים.</p> <p><strong>מיקום:</strong> חוצות שפיים, ג'ונסון אנד ג'ונסון, אולם נגב, קומה שלישית. החל משעה 15:30 עד 19:45 בימי שלישי ושני.</p> <p><strong>מנהלי הקורס:</strong> <strong>פרופ' דויד צדוק</strong>, <strong>ד"ר ניר ארדינסט</strong></p> <h3><i class="fas fa-list-ul icon" aria-hidden="true"></i> תוכנית המפגשים:</h3> <ul> <li> <span class="meeting-date"><i class="fas fa-calendar-day icon" aria-hidden="true"></i> יום שלישי 11/2/2025:</span> <div class="opening-speech"> <strong>אדי מרקוביץ</strong>, יו"ר מועצת האופטומטריסטים בישראל - דברי פתיחה </div> <div class="lecture"><strong>גב' אור חזות</strong> - מבוא לביומטריה</div> <div class="lecture"><strong>ד"ר עדי אבולעפיה</strong> - חישובי עדשה ועדשות פרימיום</div> </li> <li> <span class="meeting-date"><i class="fas fa-calendar-day icon" aria-hidden="true"></i> יום שני 3/2/2025:</span> <div class="lecture"><strong>ד"ר ישי ווייל</strong> - מבוא לניתוחי קטרקט (כולל עדשות וחישובים)</div> <div class="lecture"><strong>ד"ר איתי מגל</strong> - ניתוחי קטרקט ורשתית</div> </li> <li> <span class="meeting-date"><i class="fas fa-calendar-day icon" aria-hidden="true"></i> יום שלישי 18/2/2025:</span> <div class="lecture"><strong>פרופ' אורי אלבז</strong> - קטרקט בילדים</div> <div class="lecture"><strong>ד"ר מוטי גולדברג</strong> - ניתוחי קטרקט וגלאוקומה</div> <div class="lecture"><strong>ד"ר לירון ברקוביץ</strong> - פתולוגיות קרנית במועמדים לניתוח קטרקט</div> </li> <li> <span class="meeting-date"><i class="fas fa-calendar-day icon" aria-hidden="true"></i> יום שני 24/2/2025:</span> <div class="lecture"><strong>פרופ' דויד צדוק</strong> - מהלך ניתוח קטרקט</div> <div class="lecture"><strong>מר ערן שמש</strong> - מקרים בביומטריה וקטרקט</div> </li> <li> <span class="meeting-date"><i class="fas fa-calendar-day icon" aria-hidden="true"></i> חודש מרץ:</span> <div class="lecture">קבוצה א' עד קבוצה ד' - שדות קליניים בבית חולים.</div> </li> </ul> <a href="https://optometry.ussl.co.il/wp-content/uploads/2024/10/ברושור-קורס-פברואר-סופי.pdf" target="_blank" rel="noopener noreferrer" class="info-button">למידע נוסף על הקורס</a> <br> <button class="register-button" onclick="scrollToForm('course2')">הרשמה לקורס</button> <div class="certificate-notice"> <i class="fas fa-certificate" aria-hidden="true"></i> בסיום הקורס יוענקו תעודות למשתתפים </div> </div> <form id="payment-form" action="https://direct.tranzila.com/nakash21/iframenew.php" method="post" target="tranzila-iframe"> <input type="hidden" name="supplier" value="nakash21"> <input type="hidden" name="sum" id="payment-sum" value=""> <input type="hidden" name="currency" value="1"> <input type="hidden" name="pdesc" id="payment-description" value=""> <input type="hidden" name="contact" id="contact-info" value=""> <input type="hidden" name="success_url_address" id="success-url" value="https://optometry.ussl.co.il/registration-for-optometry-courses/elementor-669/?"> <input type="hidden" name="fail_url" id="fail-url" value="https://optometry.ussl.co.il/the-transaction-failed/"> <input type="hidden" name="notify_url" id="notify-url" value="https://optometry.ussl.co.il/?wc-api=WC_Gateway_Tranzila&trnz_signature=gLEGkUXgJPrp"> <div id="discount-warning" style="display: none;"> <i class="fas fa-exclamation-circle" aria-hidden="true"></i> שימו לב: בקנייה זו תשלמו מחיר מלא של 480 ש"ח לקורס ולא תהנו מההנחה ברכישת שני קורסים </div> <h3><i class="fas fa-shopping-cart icon" aria-hidden="true"></i> בחרו את הקורס הרצוי:</h3> <input type="radio" id="course1" name="course_radio" value="480" data-desc="דימות אוקולרי קליני ופענוח"> <label for="course1">דימות אוקולרי קליני ופענוח - 480 ש"ח</label><br> <input type="radio" id="course2" name="course_radio" value="480" data-desc="ביומטריה, עדשות תוך עיניות (IOL) וקטרקט"> <label for="course2">ביומטריה, עדשות תוך עיניות (IOL) וקטרקט - 480 ש"ח</label><br> <input type="radio" id="bothCourses" name="course_radio" value="600" data-desc="שני הקורסים"> <label for="bothCourses">שני הקורסים - 600 ש"ח (חיסכון של 360 ש"ח!)</label><br> <input type="email" name="email" id="email" placeholder="כתובת אימייל" required> <input type="tel" name="phone" id="phone" placeholder="מספר טלפון" required> <input type="text" name="fullname" id="fullname" placeholder="שם מלא" required> <input type="submit" value="לתשלום"> </form> <iframe id="tranzila-iframe" name="tranzila-iframe" title="טופס תשלום Tranzila"></iframe> <p class="sponsor"><i class="fas fa-handshake icon" aria-hidden="true"></i> הקורסים מסובסדים על ידי מועצת האופטומטריסטים בישראל</p> </main> <div class="share-container"> <p class="share-text">שתפו את המבצע עם חברים ועמיתים למקצוע</p> <a href="https://wa.me/?text=הצטרפו%20לקורסים%20המקצועיים%20של%20המוסד%20ללימודי%20המשך%20באופטומטריה.%20לפרטים%20נוספים:%20https://optometry.ussl.co.il" target="_blank" rel="noopener noreferrer" class="whatsapp-share"> <i class="fab fa-whatsapp" aria-hidden="true"></i> שתפו בוואטסאפ </a> </div> </div> </div> <script> document.addEventListener('DOMContentLoaded', (event) => { const form = document.getElementById('payment-form'); const iframe = document.getElementById('tranzila-iframe'); const discountWarning = document.getElementById('discount-warning'); const radioButtons = document.querySelectorAll('input[name="course_radio"]'); function showDiscountWarning() { const selectedCourse = document.querySelector('input[name="course_radio"]:checked'); if (selectedCourse && selectedCourse.value === "480") { discountWarning.style.display = 'block'; } else { discountWarning.style.display = 'none'; } } radioButtons.forEach(button => { button.addEventListener('change', showDiscountWarning); }); showDiscountWarning(); form.addEventListener('submit', function(e) { e.preventDefault(); const selectedCourse = document.querySelector('input[name="course_radio"]:checked'); if (!selectedCourse) { alert('אנא בחר קורס'); return; } const sum = selectedCourse.value; const desc = selectedCourse.dataset.desc; const name = document.getElementById('fullname').value; const email = document.getElementById('email').value; const phone = document.getElementById('phone').value; document.getElementById('payment-sum').value = sum; document.getElementById('payment-description').value = desc; document.getElementById('contact-info').value = `${name}, ${email}, ${phone}`; // Update success and failure URLs document.getElementById('success-url').value = 'https://optometry.ussl.co.il/registration-for-optometry-courses/elementor-669/?'; document.getElementById('fail-url').value = 'https://optometry.ussl.co.il/the-transaction-failed/'; iframe.style.display = 'block'; form.submit(); }); }); function scrollToForm(courseId) { const form = document.getElementById('payment-form'); form.scrollIntoView({ behavior: 'smooth' }); const radioButton = document.getElementById(courseId); if (radioButton) { radioButton.checked = true; radioButton.dispatchEvent(new Event('change')); } } </script> </body> </html>