Back to all templatesAppointment
AppointmentNotification
This is a screenshot of the compiled email. To view a live in browser version of the email click the "Live" button.
This is the pre-compiled code. It needs to be compiled via Bootstrap Email to build it for use in emails. You can do so by clicking the "Open in Editor" button, programmatically compile, or use the already compiled version by clicking the "Download Compiled" button.
<body class="bg-light">
<div class="container">
<img class="ax-center my-10 w-24" src="https://assets.bootstrapemail.com/logos/light/square.png" />
<div class="card rounded-none border-0">
<div class="bg-blue-700 p-10">
<h1 class="text-center text-3xl text-white fw-800">Appointment Confirmed</h1>
</div>
<div class="card-body p-6 p-lg-10">
<div class="space-y-2">
<p>
Hi Nuna,
</p>
<p>
We wanted to let you know what your appointment has been confirmed.
Please save this information for your records.
Feel free to reach back out to us at any point with any questions before you appointment.
</p>
<p>
All the best,<br>
HipCorp & Associates
</p>
</div>
<div class="bg-gray-100 rounded-lg my-6 p-4">
<div class="row gap-4">
<div class="col-lg-6 ax-center">
<strong>When:</strong>
<p class="text-center mb-3">October 31st @ 6:00pm</p>
<a class="btn btn-outline-gray-700" href="https://app.bootstrapemail.com/templates">Add to Calendar</a>
</div>
<div class="col-lg-6 ax-center">
<strong>Where:</strong>
<p class="text-center mb-3">Halloween Town, USA</p>
<a class="btn btn-blue-700" href="https://app.bootstrapemail.com/templates">Get Directions</a>
</div>
</div>
</div>
<div>
<h3 class="fw-800">When you arrive for you appointment:</h3>
<ul>
<li>Walk 200 feet past the haunted house.</li>
<li>The building is on the right and is the big red building.</li>
<li>Our door is the blue door marked "HipCorp".</li>
<li>Once you enter through the door there will be someone to help you.</li>
</ul>
</div>
</div>
</div>
<img class="ax-center mt-10 w-40" src="https://assets.bootstrapemail.com/logos/light/text.png" />
<div class="text-muted text-center my-6">
Sent with <3 from Hip Corp.<br>
Hip Corp. 1 Hip Street<br>
Gnarly State, 01234 USA <br>
</div>
</div>
</body>