<div style="display: flex; justify-content: center; width: 100%; padding: 40px 0;">
<div style="display: flex; flex-direction: column; align-items: flex-start; width: 100%; max-width: 700px; gap: 16px;">
<h2 style="font-size: 1.8rem; margin: 0; color: #333;">Join our newsletter for updates</h2>
<div style="display: flex; width: 100%; gap: 12px;">
<input type="email" id="emailInput"
placeholder="Your email address"
style="flex: 1; padding: 14px 16px; font-size: 1rem; border: 1px solid #ccc; border-radius: 8px;">
<button onclick="subscribe()"
style="padding: 14px 24px; background-color: #072a39; color: white; border: none; border-radius: 8px; font-size: 1rem; cursor: pointer;">
Subscribe
</button>
</div>
<div id="message" style="font-weight: bold;"></div>
</div>
</div>
<script>
function subscribe() {
const email = document.getElementById('emailInput').value.trim();
const msg = document.getElementById('message');
if (email) {
msg.textContent = 'Thank you for subscribing!';
msg.style.color = 'green';
} else {
msg.textContent = 'Please enter a valid email.';
msg.style.color = 'red';
}
}
</script>
<div style="display: flex; justify-content: center; width: 100%; padding: 40px 0;">
<div style="display: flex; flex-direction: column; align-items: flex-start; width: 100%; max-width: 700px; gap: 16px;">
<h2 style="font-size: 1.8rem; margin: 0; color: #333;">Join our newsletter for updates</h2>
<div style="display: flex; width: 100%; gap: 12px;">
<input type="email" id="emailInput"
placeholder="Your email address"
style="flex: 1; padding: 14px 16px; font-size: 1rem; border: 1px solid #ccc; border-radius: 8px;">
<button onclick="subscribe()"
style="padding: 14px 24px; background-color: #072a39; color: white; border: none; border-radius: 8px; font-size: 1rem; cursor: pointer;">
Subscribe
</button>
</div>
<div id="message" style="font-weight: bold;"></div>
</div>
</div>
<script>
function subscribe() {
const email = document.getElementById('emailInput').value.trim();
const msg = document.getElementById('message');
if (email) {
msg.textContent = 'Thank you for subscribing!';
msg.style.color = 'green';
} else {
msg.textContent = 'Please enter a valid email.';
msg.style.color = 'red';
}
}
</script>
<div style="display: flex; justify-content: center; width: 100%; padding: 40px 0;">
<div style="display: flex; flex-direction: column; align-items: flex-start; width: 100%; max-width: 700px; gap: 16px;">
<h2 style="font-size: 1.8rem; margin: 0; color: #333;">Join our newsletter for updates</h2>
<div style="display: flex; width: 100%; gap: 12px;">
<input type="email" id="emailInput"
placeholder="Your email address"
style="flex: 1; padding: 14px 16px; font-size: 1rem; border: 1px solid #ccc; border-radius: 8px;">
<button onclick="subscribe()"
style="padding: 14px 24px; background-color: #072a39; color: white; border: none; border-radius: 8px; font-size: 1rem; cursor: pointer;">
Subscribe
</button>
</div>
<div id="message" style="font-weight: bold;"></div>
</div>
</div>
<script>
function subscribe() {
const email = document.getElementById('emailInput').value.trim();
const msg = document.getElementById('message');
if (email) {
msg.textContent = 'Thank you for subscribing!';
msg.style.color = 'green';
} else {
msg.textContent = 'Please enter a valid email.';
msg.style.color = 'red';
}
}
</script>
<div style="display: flex; justify-content: center; width: 100%; padding: 40px 0;">
<div style="display: flex; flex-direction: column; align-items: flex-start; width: 100%; max-width: 700px; gap: 16px;">
<h2 style="font-size: 1.8rem; margin: 0; color: #333;">Join our newsletter for updates</h2>
<div style="display: flex; width: 100%; gap: 12px;">
<input type="email" id="emailInput"
placeholder="Your email address"
style="flex: 1; padding: 14px 16px; font-size: 1rem; border: 1px solid #ccc; border-radius: 8px;">
<button onclick="subscribe()"
style="padding: 14px 24px; background-color: #072a39; color: white; border: none; border-radius: 8px; font-size: 1rem; cursor: pointer;">
Subscribe
</button>
</div>
<div id="message" style="font-weight: bold;"></div>
</div>
</div>
<script>
function subscribe() {
const email = document.getElementById('emailInput').value.trim();
const msg = document.getElementById('message');
if (email) {
msg.textContent = 'Thank you for subscribing!';
msg.style.color = 'green';
} else {
msg.textContent = 'Please enter a valid email.';
msg.style.color = 'red';
}
}
</script>
<div style="display: flex; justify-content: center; width: 100%; padding: 40px 0;">
<div style="display: flex; flex-direction: column; align-items: flex-start; width: 100%; max-width: 700px; gap: 16px;">
<h2 style="font-size: 1.8rem; margin: 0; color: #333;">Join our newsletter for updates</h2>
<div style="display: flex; width: 100%; gap: 12px;">
<input type="email" id="emailInput"
placeholder="Your email address"
style="flex: 1; padding: 14px 16px; font-size: 1rem; border: 1px solid #ccc; border-radius: 8px;">
<button onclick="subscribe()"
style="padding: 14px 24px; background-color: #072a39; color: white; border: none; border-radius: 8px; font-size: 1rem; cursor: pointer;">
Subscribe
</button>
</div>
<div id="message" style="font-weight: bold;"></div>
</div>
</div>
<script>
function subscribe() {
const email = document.getElementById('emailInput').value.trim();
const msg = document.getElementById('message');
if (email) {
msg.textContent = 'Thank you for subscribing!';
msg.style.color = 'green';
} else {
msg.textContent = 'Please enter a valid email.';
msg.style.color = 'red';
}
}
</script>
<div style="display: flex; justify-content: center; width: 100%; padding: 40px 0;">
<div style="display: flex; flex-direction: column; align-items: flex-start; width: 100%; max-width: 700px; gap: 16px;">
<h2 style="font-size: 1.8rem; margin: 0; color: #333;">Join our newsletter for updates</h2>
<div style="display: flex; width: 100%; gap: 12px;">
<input type="email" id="emailInput"
placeholder="Your email address"
style="flex: 1; padding: 14px 16px; font-size: 1rem; border: 1px solid #ccc; border-radius: 8px;">
<button onclick="subscribe()"
style="padding: 14px 24px; background-color: #072a39; color: white; border: none; border-radius: 8px; font-size: 1rem; cursor: pointer;">
Subscribe
</button>
</div>
<div id="message" style="font-weight: bold;"></div>
</div>
</div>
<script>
function subscribe() {
const email = document.getElementById('emailInput').value.trim();
const msg = document.getElementById('message');
if (email) {
msg.textContent = 'Thank you for subscribing!';
msg.style.color = 'green';
} else {
msg.textContent = 'Please enter a valid email.';
msg.style.color = 'red';
}
}
</script>
<div style="display: flex; justify-content: center; width: 100%; padding: 40px 0;">
<div style="display: flex; flex-direction: column; align-items: flex-start; width: 100%; max-width: 700px; gap: 16px;">
<h2 style="font-size: 1.8rem; margin: 0; color: #333;">Join our newsletter for updates</h2>
<div style="display: flex; width: 100%; gap: 12px;">
<input type="email" id="emailInput"
placeholder="Your email address"
style="flex: 1; padding: 14px 16px; font-size: 1rem; border: 1px solid #ccc; border-radius: 8px;">
<button onclick="subscribe()"
style="padding: 14px 24px; background-color: #072a39; color: white; border: none; border-radius: 8px; font-size: 1rem; cursor: pointer;">
Subscribe
</button>
</div>
<div id="message" style="font-weight: bold;"></div>
</div>
</div>
<script>
function subscribe() {
const email = document.getElementById('emailInput').value.trim();
const msg = document.getElementById('message');
if (email) {
msg.textContent = 'Thank you for subscribing!';
msg.style.color = 'green';
} else {
msg.textContent = 'Please enter a valid email.';
msg.style.color = 'red';
}
}
</script>