Newsletter Example


This code snippet is a great example of a newsletter opt-in form. It includes fields for the user to enter their first name, last name and an email address. This makes it easy for website visitors to become subscribed to your newsletter. In addition, the code is simple and easy to customize to fit your website’s branding. Get started now with this free code snippet from FreeFrontend.dev!

<section class="py-5 my-md-5">
	<div class="container">
		<div class="row justify-content-center text-center">
			<div class="col-lg-8">
				<span class="text-muted">Newsletter</span>
				<h2 class="display-5 fw-bold">Subscribe Today</h2>
				<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam feugiat erat quis pulvinar semper. Cras commodo vitae libero ut consequat.</p>
			</div>
		</div>
		<div class="row justify-content-center text-center">
			<div class="col-lg-6">
				<div class="mx-auto">
					<form class="row g-3 justify-content-center">
						<div class="col-md-6">
							<input class="form-control bg-light" placeholder="First name" type="text">
						</div>
						<div class="col-md-6">
							<input class="form-control bg-light" placeholder="Last name" type="text">
						</div>
						<div class="col-md-12">
							<input class="form-control bg-light" placeholder="Email address" type="text">
						</div>
						<div class="col-md-5">
							<div class="d-grid mx-auto">
								<button class="btn btn-primary" type="submit">Subscribe</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</section>
To top