Close

Customer Receipt - Responsive Email Template

This is an example of a responsive email template with a customer receipt, designed using CSS, HTML, and Bootstrap framework 4. The CSS style sheet is imported to the code from outside, whereas the images and fonts are also imported to the code using URLs. Media queries have been used to increase the responsiveness of the form. The form is given a background color of #f5dbce. The fonts for the form is defined as Roboto, -apple-system, "Segoe UI", sans-serif. The title of the form is given a font-size of 24px, whereas the receipt information section is given a font color of #718096. The customer information section is given the styles of font-weight as 600; text-align as right; width as 50% and align as right. The information container is given the styles of background as #edf2f7, height and line-height as 2px, and font-size as 14px. The check-in and check-out lines are given the styles of color as #a0aec0; font-size as 10px, text-transform as uppercase to automatically convert the text to uppercase, and letter-spacing as 1px, whereas the date information section is given the styles of font-weight as 600, and color as #000000. The total value amount is given the styles of font color as #68d391 and font-size as 20px. Source: https://codepen.io/maizzle/pen/zmjjyJ

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Several Related Snippets

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.