<!-- Basic HTML that works everywhere -->
<p>Subscribe to our newsletter: <a href="mailto:[email protected]">[email protected]</a></p>

<!-- Enhanced with modern features -->
<noscript>
    <p>JavaScript is disabled. Please enable it for the best experience.</p>
</noscript>

<form action="/subscribe" method="post" id="newsletter-form">
    <label for="email">Email:</label>
    <input type="email" id="email" name="email" required>
    <button type="submit">Subscribe</button>
</form>

<picture>
    <source media="(min-width: 800px)" srcset="hero-large.jpg">
    <source media="(min-width: 400px)" srcset="hero-medium.jpg">
    <img src="hero-small.jpg" alt="Typy's coding adventure">
</picture>

<script>
    // Progressive enhancement
    const form = document.getElementById('newsletter-form');
    form.addEventListener('submit', function(e) {
        e.preventDefault();
        // AJAX submission for modern browsers
        console.log('Form submitted with JavaScript!');
    });
</script>