Back to all templatesRating Faces
Rating FacesSurvey
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 p-4 p-lg-10">
<h4 class="mb-4">How would you rate HipCorps customer service?</h4>
<div class="row gap-1 mb-2">
<div class="col-lg">
<a class="btn btn-gray-100 w-full" href="https://app.bootstrapemail.com/templates">
<img class="w-10" src="https://assets.bootstrapemail.com/icons/emoji/dissapointed.png">
<span class="d-lg-none"> (Poor)</span>
</a>
</div>
<div class="col-lg">
<a class="btn btn-gray-100 w-full" href="https://app.bootstrapemail.com/templates">
<img class="w-10" src="https://assets.bootstrapemail.com/icons/emoji/confused.png">
</a>
</div>
<div class="col-lg">
<a class="btn btn-gray-100 w-full" href="https://app.bootstrapemail.com/templates">
<img class="w-10" src="https://assets.bootstrapemail.com/icons/emoji/relieved.png">
</a>
</div>
<div class="col-lg">
<a class="btn btn-gray-100 w-full" href="https://app.bootstrapemail.com/templates">
<img class="w-10" src="https://assets.bootstrapemail.com/icons/emoji/grinning.png">
</a>
</div>
<div class="col-lg">
<a class="btn btn-gray-100 w-full" href="https://app.bootstrapemail.com/templates">
<img class="w-10" src="https://assets.bootstrapemail.com/icons/emoji/smiling-heart.png">
<span class="d-lg-none"> (Excellent)</span>
</a>
</div>
</div>
<span class="ax-left d-none d-lg-table">Poor</span>
<span class="ax-right d-none d-lg-table">Excellent</span>
</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>