First time we are upload mail template responsive design snippet. this mail template design you can also use in reset password,successfully registerd,congratulations mail design,publicity mail design etc.. this mail template design support all the browser. fully responsive in all the browser. in this template design we are provide verify email address button. and social icon design also provided.

We allows to free snippets of html email template code , you can download full code of free responsive html email templates layout. Here in this post i will give you example of email newsletter templates free download snippet and you will get simple code of html, css and jquery. In free responsive email templates 2018 snippet i give you three tab with html, css and js, you can easily get code of email template examples layout.


<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <style type="text/css"> body{background-color: #88BDBF;margin: 0px;} </style> <body> <table border="0" width="50%" style="margin:auto;padding:30px;background-color: #F3F3F3;border:1px solid #FF7A5A;"> <tr> <td> <table border="0" width="100%"> <tr> <td> <h1>Logo</h1> </td> <td> <p style="text-align: right;"><a href="https://nicesnippets.com/" target="_blank" style="text-decoration: none;">View In Website</a></p> </td> </tr> </table> </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="text-align:center;width:100%;background-color: #fff;"> <tr> <td style="background-color:#FF7A5A;height:100px;font-size:50px;color:#fff;"><i class="fa fa-envelope-o" aria-hidden="true"></i></td> </tr> <tr> <td> <h1 style="padding-top:25px;">Email Confirmation</h1> </td> </tr> <tr> <td> <p style="padding:0px 100px;"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut lafficia deserunt mollit anim id est laborum. </p> </td> </tr> <tr> <td> <button style="margin:10px 0px 30px 0px;border-radius:4px;padding:10px 20px;border: 0;color:#fff;background-color:#FF7A5A; ">Verify Email address</button> </td> </tr> </table> </td> </tr> <tr> <td> <table border="0" width="100%" style="border-radius: 5px;text-align: center;"> <tr> <td> <h3 style="margin-top:10px;">Stay in touch</h3> </td> </tr> <tr> <td> <div style="margin-top:20px;"> <a href="#" style="text-decoration: none;"><span class="twit" style="padding:10px 9px;background-color:#4099FF;color:#fff;border-radius:50%;"><i class="fa fa-twitter" aria-hidden="true" style="height:20px;width:20px;"></i></span></a> <a href="#" style="text-decoration: none;"><span class="fb" style="padding:10px 9px;background-color: #3B5998;color:#fff;border-radius:50%;"><i class="fa fa-facebook" aria-hidden="true" style="height:20px;width:20px;"></i></span></a> <a href="#" style="text-decoration: none;"><span class="msg" style="padding:10px 9px;background-color: #FFC400;color:#fff;border-radius:50%;""><i class="fa fa-envelope-o" aria-hidden="true" style="height:20px;width:20px;"></i></span></a> </div> </td> </tr> <tr> <td> <div style="margin-top: 20px;"> <span style="font-size:12px;">Lorem ipsum</span><br> <span style="font-size:12px;">Copyright © 2018 Hallo aatman infotech</span> </div> </td> </tr> </table> </td> </tr> </table> </body> </html>

Please Subscribe Your Email Address, We Will Notify You When Add New Snippet:





Random Post