mega

Opencart Newsletter Example

 

 
Overview
 

PHP:
 
 
criteria 1
 
 
 
 
 


 


Bottom Line

Opencart Newsletter Example <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html> <head> <title>Newsletter Email Template</title> </head> <body style=”background-color: #eef2f6; font-family: ‘Helvetica Neue’, Helvetica, Arial, Verdana, sans-serif;”> <div align=”center”> <!–Header–> <div style=”background: #333; width: 534px; height: 80px; padding: 40px 35px 15px 35px; margin-top: 40px;”> <table width=”540″border=”0″ cellpadding=”0″ cellspacing=”0″> <tr> <td align=”left”><img src=”http://projects.swaggerunit.com/Example/newsletter/newsletter-1/images/logo.png”></img></td> <td align=”right” width=”200″> […]

0
Posted February 25, 2014 by Bandish Patel

 
Full Article
 
 

Opencart Newsletter Example

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Newsletter Email Template</title>
</head>

<body style="background-color: #eef2f6; font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;">
<div align="center">

<!--Header-->
<div style="background: #333; width: 534px; height: 80px; padding: 40px 35px 15px 35px; margin-top: 40px;">
<table width="540"border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left"><img src="http://projects.swaggerunit.com/Example/newsletter/newsletter-1/images/logo.png"></img></td>
<td align="right" width="200">

<a href="#" style="background: #2e7dd5; height: 48px; padding: 0 40px; display: inline-block; line-height: 48px; text-decoration: none; color: #fff; border-radius: 2px;">Call to Action</a>

</td>

</tr>
</table>
</div>

<!--Intro-->
<div style="background: #fcfcfc; border-bottom: 1px solid #eee; width: 534px; padding: 25px 35px 10px 35px; margin-top: 0px;">
<div align="left">
<h1 style="font-size: 36px; font-weight: 200; color: #000; margin: 0 0 20px 0;">Lorem Ipsum Dolor Sit Amet</h1>
<p style="font-size: 15px; color: #666; margin:0 0 20px 0; line-height: 1.5;">Curabitur blandit tempus porttitor. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue.</p>
</div>
</div>

<!--Content-->
<div style="background: #fff; width: 534px; padding: 25px 35px; margin-top: 0px;">
<div align="left"><!--Text Section 1-->
<h2 style="font-size: 23px; font-weight: 200; color: #333; margin: 0px 0 10px 0;">Tortor Justo Elit</h2>

<img src="http://projects.swaggerunit.com/Example/newsletter/newsletter-1/images/image-placeholder.png" align="right" style="float:right; margin: 0 0 10px 20px; padding: 5px; background: #fff; border: 1px solid #d4d4d4;" />

<p style="font-size: 13px; color: #666; margin:0 0 15px 0; line-height: 19px;">Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh tricies vehicula ut id elit.</p>

<p style="font-size: 13px; color: #666; margin:0 0 15px 0; line-height: 19px;">Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Morbi leo risus, porta ac.</p>

<h2 style="font-size: 17px; font-weight: 200; color: #333; margin: 25px 0 10px 0;">Nullam Vulputate Pellentesque</h2>

<p style="font-size: 13px; color: #666; margin:0 0 15px 0; line-height: 19px;">Cras mattis consectetur purus sit amet fermentum. Curabitur blandit tempus porttitor. Duis mollis, <a href="#" style="color: #2670c3; text-decoration: none; font-weight: bold;">est non commodo luctus</a>, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Etiam porta sem malesuada magna mollis euismod.</p>

</div>
<div style="height:1px; border-bottom: 1px solid #e3e5e6; margin-top: 20px;"></div><!--Divider-->

<div align="left"><!--List Section-->
<h2 style="font-size: 23px; font-weight: 200; color: #333; margin: 25px 0 10px 0;">Nibh Venenatis Bibendum Vehicul</h2>

<ul style="font-size: 13px; color: #666; margin:0 0 15px 0; line-height: 19px; list-style-image: url('images/checkmark.png'); line-height: 33px; padding-left: 40px;">
<li style="padding-left: 10px">Fusce dapibus, tellus ac cursus commodo</li>
<li style="padding-left: 10px">Tortor mauris condimentum nibh</li>
<li style="padding-left: 10px">Ut fermentum massa justo sit amet risus.</li>
<li style="padding-left: 10px">Cum sociis natoque penatibus. </li>
<li style="padding-left: 10px">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</li>
<li style="padding-left: 10px">Etiam porta sem malesuada magna mollis euismod.</li>
</ul>

</div>
<div style="height:1px; border-bottom: 1px solid #e3e5e6; margin-top: 20px;"></div><!--Divider-->

<div align="left" style="padding: 20px 0 0 0;"><!--Buttons-->

<table width="540" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td align="center">

<a href="#" style="background: #2e7dd5; height: 48px; padding: 0 40px; display: inline-block; line-height: 48px; text-decoration: none; color: #fff; border-radius: 2px;">Button 1</a>

</td>
<td align="center">

<a href="#" style="background: #333; height: 48px; padding: 0 40px; display: inline-block; line-height: 48px; text-decoration: none; color: #fff; border-radius: 2px;">Button 2</a>

</td>
<td align="center">

<a href="#" style="background: #eee; height: 48px; padding: 0 40px; display: inline-block; line-height: 48px; text-decoration: none; color: #333; border-radius: 2px;">Button 3</a>

</td>
</tr>
</table>

</div>
<div style="height:1px; border-bottom: 1px solid #e3e5e6; margin-top: 20px;"></div><!--Divider-->

<div align="left"><!--Text Section 1-->
<h2 style="font-size: 23px; font-weight: 200; color: #333; margin: 25px 0 10px 0;">Tortor Justo Elit</h2>

<p align="right" style="float:right; text-align: center; margin: 0 0 10px 20px; padding: 20px; background: #fff; width: 200px; font-family: Georgia, Times, serif; font-style: italic; font-size: 15px; color: #333; background: #f0f2f4;"> &quot;Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. &quot; </p>

<p style="font-size: 13px; color: #666; margin:0 0 15px 0; line-height: 19px;">Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh tricies vehicula ut id elit.</p>

<p style="font-size: 13px; color: #666; margin:0 0 15px 0; line-height: 19px;">Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Morbi leo risus, porta ac.</p>

<h2 style="font-size: 17px; font-weight: 200; color: #333; margin: 25px 0 10px 0;">Mattis Bibendum Vehicula</h2>

<ul style="font-size: 13px; color: #666; margin:0 0 15px 0; line-height: 19px; padding-left: 40px;">
<li style="padding-left: 10px">Fusce dapibus, tellus ac cursus commodo</li>
<li style="padding-left: 10px">Tortor mauris condimentum nibh</li>
</ul>

</div>
<div style="height:1px; border-bottom: 1px solid #e3e5e6; margin-top: 20px;"></div><!--Divider-->

<div align="center" style="padding: 30px 0 10px 0;"><!--Buttons-->

<table width="220" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td align="center">
<a href="#"><img src="http://projects.swaggerunit.com/Example/newsletter/newsletter-1/images/facebook.png" border="0" /></a>
</td>
<td align="center">
<a href="#"><img src="http://projects.swaggerunit.com/Example/newsletter/newsletter-1/images/twitter.png" border="0"/></a>
</td>
<td align="center">
<a href="#"><img src="http://projects.swaggerunit.com/Example/newsletter/newsletter-1/images/google+.png" border="0"/></a>
</td>
</tr>
</table>

</div>

</div>

<!--Footer-->
<p style="font-size: 12px; color: #666; margin:25px 0 0 0; line-height: 19px;">We sent you this email because you signed up to our mailing list. <a href="#" style="color: #2670c3; text-decoration: none; font-weight: bold;">Unsubscribe from these updates.</a></p><br/>

</div>

</html>

[wysija_form id=”2″]


Bandish Patel

 


0 Comments



Be the first to comment!


Leave a Response


(required)

Powered By Indic IME