"email template"
Bootstrap 3.3.0 Snippet by janine

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> </head> <body> <div style="margin-top:0%;width:100%;"> <a href="#"> <img src="http://www.4shared.com/download/4QFASblkce/logo72x40.png?lgfp=3000" style="float: left !important;height: 40px;margin-top: 5px;margin:0;padding:0;" alt="Singtel" title="Singtel" /> </a> </div> <div style="padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;margin-top:3%;border-top:3px solid #ee0000;"> <div style="background:#fff;height:50px;float: left;"> </div> </div> <div style="margin-right: -15px;margin-left: -15px;"> <div style="width:100%;"> <p> Hi James Doe,<br/> An account has been created for you by your Administrator. Please take note of your username and password.<br/> <br/> Username : jamesdoe<br/> Password : u5mbDCe2wuEFIT0<br/> <br/> If you are having problems logging into your account, please notify your Administrator. </p> </div> </div> <footer> <div style="padding-top:10px;text-align:center;padding-bottom:0;margin-bottom:0"> <em style="font-size:smaller;"> This is a notification-only email address. Please do not reply to this message. </em> </div> <div style="padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;margin-top:1%;border-top:3px solid #ee0000;"> <div style="margin-right:-15px;margin-left:-15px;"> <div style="width:100%;text-align:center"> <ul style="padding-left:0;margin-left:-5px;list-style:none;margin:10px 0 0 0;"> <li style="display: inline-block;padding-right: 5px;padding-left: 5px;"> <a style="display: inline-block;margin-bottom: 0;text-align: center;white-space: nowrap;vertical-align: middle; -ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent; font-weight: normal;color: #428bca;padding: 1px 5px;font-size: 12px;line-height: 1.5;border-radius: 3px; font-family:open_sansregular,Calibri,Arial,sans-serif" target="_blank" href="http://info.singtel.com/faq-contact-us">Contact Us</a> </li> <li style="display: inline-block;padding-right: 5px;padding-left: 5px;"> <a style="display: inline-block;margin-bottom: 0;text-align: center;white-space: nowrap;vertical-align: middle; -ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent; font-weight: normal;color: #428bca;padding: 1px 5px;font-size: 12px;line-height: 1.5;border-radius: 3px; font-family:open_sansregular,Calibri,Arial,sans-serif" target="_blank" href="http://info.singtel.com/About-Us">About Us</a> </li> <li style="display: inline-block;padding-right: 5px;padding-left: 5px;"> <a style="display: inline-block;margin-bottom: 0;text-align: center;white-space: nowrap;vertical-align: middle; -ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent; font-weight: normal;color: #428bca;padding: 1px 5px;font-size: 12px;line-height: 1.5;border-radius: 3px; font-family:open_sansregular,Calibri,Arial,sans-serif" target="_blank" href="http://info.singtel.com/standard-agreement">Standard Agreement</a> </li> <li style="display: inline-block;padding-right: 5px;padding-left: 5px;"> <a style="display: inline-block;margin-bottom: 0;text-align: center;white-space: nowrap;vertical-align: middle; -ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent; font-weight: normal;color: #428bca;padding: 1px 5px;font-size: 12px;line-height: 1.5;border-radius: 3px; font-family:open_sansregular,Calibri,Arial,sans-serif" target="_blank" href="http://info.singtel.com/copyright/">Copyright</a> </li> <li style="display: inline-block;padding-right: 5px;padding-left: 5px;"> <span style="font-size: 85%;">© Singtel (CRN: 199201624D) All Rights Reserved.</span> </li> </ul> </div> </div> </div> </footer> </body> </html>

Related: See More

Paper Dashboard 2
Responsive Invoice template
BS4 clean & simple invoice template
Elegant Bootstrap 4 message chat box template

Questions / Comments: