66 lines
2.5 KiB
HTML
66 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Munich News Daily - Your Daily Dose of Munich News</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<header class="hero">
|
|
<div class="hero-content">
|
|
<h1>📰 Munich News Daily</h1>
|
|
<p class="tagline">Get the latest Munich news delivered to your inbox every morning</p>
|
|
<p class="description">Stay informed about what's happening in Munich with our curated daily newsletter. No fluff, just the news that matters.</p>
|
|
|
|
<div class="subscription-form" id="subscriptionForm">
|
|
<input
|
|
type="email"
|
|
id="emailInput"
|
|
placeholder="Enter your email address"
|
|
required
|
|
>
|
|
<button id="subscribeBtn" onclick="subscribe()">Subscribe Free</button>
|
|
<p class="form-message" id="formMessage"></p>
|
|
</div>
|
|
|
|
<div class="stats">
|
|
<div class="stat-item">
|
|
<span class="stat-number" id="subscriberCount">-</span>
|
|
<span class="stat-label">Subscribers</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="news-section">
|
|
<h2>Latest Munich News</h2>
|
|
<div class="news-grid" id="newsGrid">
|
|
<div class="loading">Loading news...</div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer>
|
|
<p>© 2024 Munich News Daily. Made with ❤️ for Munich.</p>
|
|
<p><a href="#" onclick="showUnsubscribe()">Unsubscribe</a></p>
|
|
</footer>
|
|
</div>
|
|
|
|
<!-- Unsubscribe Modal -->
|
|
<div class="modal" id="unsubscribeModal">
|
|
<div class="modal-content">
|
|
<span class="close" onclick="closeUnsubscribe()">×</span>
|
|
<h2>Unsubscribe</h2>
|
|
<p>Enter your email to unsubscribe from Munich News Daily:</p>
|
|
<input type="email" id="unsubscribeEmail" placeholder="Enter your email">
|
|
<button onclick="unsubscribe()">Unsubscribe</button>
|
|
<p class="form-message" id="unsubscribeMessage"></p>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|
|
|