- bookbean 's Newsletter
- Posts
- Welcome , No Information
Welcome , No Information
A code
This is an html code 👇
Bookbean
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>BookBean — Newsletter</title>
<meta name="description" content="BookBean: Bite-sized book summaries and insights delivered to your inbox." />
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background: #f9f9f9;
color: #333;
}
header {
background: #4b0082;
color: white;
padding: 20px;
text-align: center;
}
header h1 {
margin: 0;
font-size: 2rem;
}
header p {
margin-top: 8px;
font-size: 1.1rem;
opacity: 0.9;
}
main {
max-width: 600px;
margin: 40px auto;
padding: 20px;
background: white;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
text-align: center;
}
main h2 {
margin-bottom: 16px;
font-size: 1.5rem;
}
.cta {
display: inline-block;
padding: 12px 18px;
margin-top: 20px;
background: #4b0082;
color: white;
border-radius: 8px;
font-weight: bold;
text-decoration: none;
transition: background 0.3s;
}
.cta:hover {
background: #36005f;
}
footer {
text-align: center;
margin-top: 40px;
padding: 20px;
font-size: 0.9rem;
color: #666;
}
</style>
</head>
<body>
<header>
<h1>📚 BookBean</h1>
<p>Newsletter that shares great books</p>
</header>
<main>
<h2>Join our free newsletter</h2>
<p>Get practical takeaways from the best books — simplified for you.</p>
<a class="cta" href="https://bookbean.beehiiv.com" target="_blank">Subscribe Now</a>
</main>
<footer>
© <span id="year"></span> BookBean. All rights reserved.
</footer>
<script>
document.getElementById('year').textContent = new Date().getFullYear();
</script>
</body>
</html>This is an AI code ….. I didn’t make it 😁
BookBean