opinion

.opinion-item { width: 564px; max-height: 90px; display: flex; align-items: center; gap: 11px; margin-bottom: 45px; border : none ; } .opinion-section{ width: 474px; max-height: 66px; } .opinion-section > *:not(:last-child) { margin-bottom: 8px; } .opinion-item .author-image img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 1px solid #E3E3E3; } .opinion-item .author-image { max-height: 90px; max-width: 90px; } .opinion-text { font-family: Myriad Pro,Arial; font-size: 19px; font-weight: 400; line-height: 22px; letter-spacing: -0.36000001430511475px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: #000; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .opinion-title { font-family: Myriad Pro,Arial; font-size: 11.63px; font-weight: 500; line-height: 14px; letter-spacing: -0.11999999731779099px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color:#A2A2A2; } .opinion-date { font-family: Myriad Pro,Arial; font-size: 11.63px; font-weight: 500; line-height: 14px; letter-spacing: -0.11999999731779099px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: #979797; } .opinion-section-title { font-family: Myriad Pro,Arial; font-size: 21px; font-weight: 700; line-height: 25.41px; letter-spacing: -0.01em; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .opinion-section-divider { border-top: 2px solid #000; margin-bottom: 17px; } .small-divider { border-top: 1px solid #767676; margin-bottom: 10px; } .show-more-btn { font-family: Myriad Pro,Arial; font-size: 15px; font-weight: 500; line-height: 18.15px; letter-spacing: -0.01em; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; background: none; border: none; cursor: pointer; color: #767676; } .show-more-btn:hover { text-decoration: underline; } a.opinion-list-title{text-decoration:none;color:#000;display:block;margin-top:8px;} a.opinion-list-title:hover{color:#000} @media screen and (max-width: 1140px) { .opinion-item { width: auto; /* padding: 5px; */ } }
.alert-success { color :#A3656F ; } .alert-danger { color : red ; } .footer { font-family:Myriad Pro,Arial; }
document.addEventListener('DOMContentLoaded', function () { function validateEmail(email) { return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email); } function showModal(message,type) { const messageContainer = document.getElementById("messageContainerFooter"); messageContainer.textContent = message; messageContainer.className = `alert alert-${type} mt-3`; // Bootstrap alert styling messageContainer.classList.remove("d-none"); // Hide message after 5 seconds setTimeout(() => { messageContainer.classList.add("d-none"); }, 5000); } document.getElementById("emailFormFooter").addEventListener("submit", function(event) { event.preventDefault(); const emailInput = document.getElementById("emailFooter"); const email = emailInput.value.trim(); if (!validateEmail(email)) { showModal('Invalid email format','danger'); return; } const url = `/subscribeNewsletter?email=${encodeURIComponent(email)}`; fetch(url, { method: "GET", headers: { "Accept": "application/json" } }) .then(response => { if (!response.ok) { showModal("Error submitting email. Try again.",'danger'); } return response.json(); }) .then(data => { showModal(data.message,'success'); }) .catch(error => { showModal("Error submitting email. Try again.",'danger'); }); }); });