| <?php |
| /******************************************************************************* |
| * Copyright (c) 2015, 2016 Eclipse Foundation and others. |
| * All rights reserved. This program and the accompanying materials |
| * are made available under the terms of the Eclipse Public License v1.0 |
| * which accompanies this distribution, and is available at |
| * http://eclipse.org/legal/epl-v10.html |
| * |
| * Contributors: |
| * Eric Poirier (Eclipse Foundation) - Initial implementation |
| * Christopher Guindon (Eclipse Foundation) |
| *******************************************************************************/ |
| // This file must be included |
| if(basename(__FILE__) == basename($_SERVER['PHP_SELF'])){exit();} |
| ?> |
| <table border="0" cellpadding="0" cellspacing="0" height="100%" width="<?php print $email_body_width; ?>" id="emailBody"> |
| |
| <!-- MODULE ROW // --> |
| <!-- |
| To move or duplicate any of the design patterns |
| in this email, simply move or copy the entire |
| MODULE ROW section for each content block. |
| --> |
| |
| <tr class="banner_Container"> |
| <td align="center" valign="top"> |
| |
| <?php if (isset($path_to_index)): ?> |
| <p style="text-align:right;"><a href="<?php print $path_to_index; ?>">Read in your browser</a></p> |
| <?php endif; ?> |
| |
| <!-- CENTERING TABLE // --> |
| <!-- |
| The centering table keeps the content |
| tables centered in the emailBody table, |
| in case its width is set to 100%. |
| --> |
| <table border="0" cellpadding="0" cellspacing="0" |
| width="100%" class="flexibleContainer"> |
| <tr> |
| <td background="<?php print $path; ?>/community/eclipse_newsletter/assets/public/images/Banner.png" id="bannerTop" |
| class="flexibleContainerCell textContent"> |
| <p id="date">Eclipse Newsletter - 2016.05.09</p> <br /> |
| |
| <!-- PAGE TITLE --> |
| |
| <h2><?php print $pageTitle; ?></h2> |
| |
| <!-- PAGE TITLE --> |
| |
| </td> |
| </tr> |
| </table> <!-- // CENTERING TABLE --> |
| </td> |
| </tr> |
| <!-- // MODULE ROW --> |
| |
| |
| <!-- MODULE ROW // --> |
| <tr class="ImageText_TwoTier"> |
| <td align="center" valign="top"> |
| <!-- CENTERING TABLE // --> |
| <table border="0" cellpadding="0" cellspacing="0" |
| width="100%"> |
| <tr> |
| <td align="center" valign="top"> |
| <!-- FLEXIBLE CONTAINER // --> |
| <table border="0" cellpadding="0" cellspacing="0" |
| width="<?php print $email_body_width; ?>" class="flexibleContainer"> |
| <tr> |
| <td align="center" valign="top" width="<?php print $email_body_width; ?>" |
| class="flexibleContainerCell"> |
| <!-- CONTENT TABLE // --> |
| <table align="Left" border="0" cellpadding="0" |
| cellspacing="0" width="30%" |
| class="flexibleContainer"> |
| <tr> |
| <td valign="top" class="imageContent"> |
| <img |
| src="<?php print $path; ?>/community/eclipse_newsletter/assets/public/images/roxanne.jpg" /> |
| </td> |
| </tr> |
| </table> <!-- // CONTENT TABLE --> <!-- CONTENT TABLE // --> |
| <table align="Left" border="0" cellpadding="0" |
| cellspacing="0" width="55%" |
| class="flexibleContainer marginLeft text_TwoTier"> |
| <tr> |
| <td valign="top" class="textContent"> |
| <h3>Editor's Note</h3> |
| <p>Lorem ipsum dolor sit amet, |
| consectetur adipiscing elit. Nunc |
| aliquet consequat urna vitae suscipit. |
| In dictum feugiat justo, facilisis |
| rutrum purus ultricies ut. Donec |
| condimentum mi non eros dictum, vel |
| porttitor ipsum porttitor. |
| Pellentesque habitant morbi tristique |
| senectus condimentum mi non eros |
| dictum, vel porttitor.</p> |
| </td> |
| </tr> |
| </table> <!-- // CONTENT TABLE --> |
| </td> |
| </tr> |
| </table> <!-- // FLEXIBLE CONTAINER --> |
| </td> |
| </tr> |
| </table> <!-- // CENTERING TABLE --> |
| </td> |
| </tr> |
| <!-- // MODULE ROW --> |
| |
| |
| |
| <!-- MODULE ROW // --> |
| <tr class="advestisementBanner_Container"> |
| <td align="center" valign="top"> |
| <!-- CENTERING TABLE // --> |
| <table border="0" cellpadding="0" cellspacing="0" |
| width="100%"> |
| <tr> |
| <td align="center" valign="top"> |
| <!-- CONTENT TABLE // --> <!-- |
| The table cell imageContent has padding |
| applied to the bottom as part of the framework, |
| ensuring images space correctly in Android Gmail. |
| --> |
| <table border="0" cellpadding="0" cellspacing="0" |
| width="100%"> |
| <tr> |
| <td valign="top" class="textContent advestisementBanner"> |
| <img class="img-responsive flexibleImage" alt="TITLE" src="<?php print $path; ?>/community/eclipse_newsletter/2016/june/images/neon4.png"> |
| </td> |
| </tr> |
| </table> <!-- // CONTENT TABLE --> <!-- // FLEXIBLE CONTAINER --> |
| </td> |
| </tr> |
| </table> <!-- // CENTERING TABLE --> |
| </td> |
| </tr> |
| <!-- // MODULE ROW --> |
| |
| |
| <!-- MODULE ROW // --> |
| <tr> |
| <td align="center" valign="top"> |
| <hr> |
| <h3 style="text-align: left;">Articles</h3> |
| <!-- CENTERING TABLE // --> |
| <table border="0" cellpadding="0" cellspacing="0" |
| width="100%"> |
| <tr> |
| <td align="center" valign="top"> |
| <!-- FLEXIBLE CONTAINER // --> |
| <table border="0" cellpadding="0" cellspacing="0" |
| width="<?php print $email_body_width; ?>" class="flexibleContainer"> |
| <tr> |
| <td valign="top" width="<?php print $email_body_width; ?>" |
| class="flexibleContainerCell"> |
| <!-- CONTENT TABLE // --> |
| <table align="Left" border="0" cellpadding="0" |
| cellspacing="0" width="<?php print $col_2_table; ?>" |
| class="flexibleContainer"> |
| <tr> |
| <td valign="top" class="textContent"> |
| <a href="http://www.eclipse.org/community/eclipse_newsletter/2016/july/article1.php"><h3>Article 1</h3></a> |
| </td> |
| </tr> |
| <tr> |
| <td valign="top" class="imageContentLast"> |
| <a href=""><img |
| src="<?php print $path; ?>/community/eclipse_newsletter/2016/july/images/buildship400.png" |
| width="<?php print $col_2_img; ?>" class="flexibleImage" |
| style="max-width: <?php print $col_2_img; ?>;" /></a> |
| </td> |
| </tr> |
| <tr> |
| <td valign="top" class="textContent"> |
| <p>Lorem ipsum dolor sit amet, |
| consectetur adipiscing elit. Nunc |
| aliquet consequat urna vitae suscipit. |
| In dictum feugiat justo, facilisis |
| rutrum purus ultricies ut. Donec |
| condimentum mi non eros dictum, vel |
| porttitor ipsum porttitor. |
| Pellentesque habitant morbi tristique |
| senectus et netus et malesuada fames |
| ac turpis.</p> |
| </td> |
| </tr> |
| </table> <!-- // CONTENT TABLE --> <!-- CONTENT TABLE // --> |
| <table align="Right" border="0" |
| cellpadding="0" cellspacing="0" width="<?php print $col_2_table; ?>" |
| class="flexibleContainer"> |
| <tr> |
| <td valign="top" class="textContent"> |
| <a href="http://www.eclipse.org/community/eclipse_newsletter/2016/july/article2.php"><h3>Article 2</h3></a> |
| </td> |
| </tr> |
| <tr> |
| <td valign="top" class="imageContentLast"> |
| <a href=""><img |
| src="<?php print $path; ?>/community/eclipse_newsletter/2016/july/images/buildship400.png" |
| width="<?php print $col_2_img; ?>" class="flexibleImage" |
| style="max-width: <?php print $col_2_img; ?>;" /></a> |
| </td> |
| </tr> |
| <tr> |
| <td valign="top" class="textContent"> |
| <p>Lorem ipsum dolor sit amet, |
| consectetur adipiscing elit. Nunc |
| aliquet consequat urna vitae suscipit. |
| In dictum feugiat justo, facilisis |
| rutrum purus ultricies ut. Donec |
| condimentum mi non eros dictum, vel |
| porttitor ipsum porttitor. |
| Pellentesque habitant morbi tristique |
| senectus et netus et malesuada fames |
| ac turpis.</p> |
| </td> |
| </tr> |
| </table> <!-- // CONTENT TABLE --> |
| </td> |
| </tr> |
| </table> <!-- // FLEXIBLE CONTAINER --> |
| </td> |
| </tr> |
| </table> <!-- // CENTERING TABLE --> |
| </td> |
| </tr> |
| <!-- // MODULE ROW --> |
| |
| <!-- MODULE ROW // --> |
| <tr> |
| <td align="center" valign="top"> |
| <!-- CENTERING TABLE // --> |
| <table border="0" cellpadding="0" cellspacing="0" |
| width="100%"> |
| <tr> |
| <td align="center" valign="top"> |
| <!-- FLEXIBLE CONTAINER // --> |
| <table border="0" cellpadding="0" cellspacing="0" |
| width="<?php print $email_body_width; ?>" class="flexibleContainer"> |
| <tr> |
| <td valign="top" width="<?php print $email_body_width; ?>" |
| class="flexibleContainerCell"> |
| <!-- CONTENT TABLE // --> |
| <table align="Left" border="0" cellpadding="0" |
| cellspacing="0" width="<?php print $col_2_table; ?>" |
| class="flexibleContainer"> |
| <tr> |
| <td valign="top" class="textContent"> |
| <a href="http://www.eclipse.org/community/eclipse_newsletter/2016/july/article3.php"><h3>Article 3</h3></a> |
| </td> |
| </tr> |
| <tr> |
| <td valign="top" class="imageContentLast"> |
| <a href=""><img |
| src="<?php print $path; ?>/community/eclipse_newsletter/2016/july/images/buildship400.png" |
| width="<?php print $col_2_img; ?>" class="flexibleImage" |
| style="max-width: <?php print $col_2_img; ?>;" /></a> |
| </td> |
| </tr> |
| <tr> |
| <td valign="top" class="textContent"> |
| <p>Lorem ipsum dolor sit amet, |
| consectetur adipiscing elit. Nunc |
| aliquet consequat urna vitae suscipit. |
| In dictum feugiat justo, facilisis |
| rutrum purus ultricies ut. Donec |
| condimentum mi non eros dictum, vel |
| porttitor ipsum porttitor. |
| Pellentesque habitant morbi tristique |
| senectus et netus et malesuada fames |
| ac turpis.</p> |
| </td> |
| </tr> |
| </table> <!-- // CONTENT TABLE --> <!-- CONTENT TABLE // --> |
| <table align="Right" border="0" |
| cellpadding="0" cellspacing="0" width="<?php print $col_2_table; ?>" |
| class="flexibleContainer"> |
| <tr> |
| <td valign="top" class="textContent"> |
| <a href="http://www.eclipse.org/community/eclipse_newsletter/2016/july/article4.php"><h3>Article 4</h3></a> |
| </td> |
| </tr> |
| <tr> |
| <td valign="top" class="imageContentLast"> |
| <a href=""><img |
| src="<?php print $path; ?>/community/eclipse_newsletter/2016/july/images/buildship400.png" |
| width="<?php print $col_2_img; ?>" class="flexibleImage" |
| style="max-width: <?php print $col_2_img; ?>;" /></a> |
| </td> |
| </tr> |
| <tr> |
| <td valign="top" class="textContent"> |
| <p>Lorem ipsum dolor sit amet, |
| consectetur adipiscing elit. Nunc |
| aliquet consequat urna vitae suscipit. |
| In dictum feugiat justo, facilisis |
| rutrum purus ultricies ut. Donec |
| condimentum mi non eros dictum, vel |
| porttitor ipsum porttitor. |
| Pellentesque habitant morbi tristique |
| senectus et netus et malesuada fames |
| ac turpis.</p> |
| </td> |
| </tr> |
| </table> <!-- // CONTENT TABLE --> |
| </td> |
| </tr> |
| </table> <!-- // FLEXIBLE CONTAINER --> |
| </td> |
| </tr> |
| </table> <!-- // CENTERING TABLE --> |
| </td> |
| </tr> |
| <!-- // MODULE ROW --> |
| |
| |
| |
| |
| <!-- MODULE ROW // --> |
| <tr> |
| <td align="center" valign="top"> |
| <!-- CENTERING TABLE // --> |
| <table border="0" cellpadding="0" cellspacing="0" |
| width="100%"> |
| <tr> |
| <td align="center" valign="top"> |
| <!-- FLEXIBLE CONTAINER // --> |
| <table border="0" cellpadding="0" cellspacing="0" |
| width="<?php print $email_body_width; ?>" class="flexibleContainer"> |
| <tr> |
| <td align="center" valign="top" width="<?php print $email_body_width; ?>" |
| class="flexibleContainerCell bottomShim"> |
| |
| |
| <!-- CONTENT TABLE // --> <!-- |
| The emailButton table's width can be changed |
| to affect the look of the button. To make the |
| button width dependent on the text inside, leave |
| the width blank. When a button is placed in a column, |
| it's helpful to set the width to 100%. |
| --> |
| <table border="0" cellpadding="0" |
| cellspacing="0" width="<?php print $col_2_table; ?>" |
| class="emailButton"> |
| <tr> |
| <td align="center" valign="middle" |
| class="buttonContent"><a href="#" |
| target="_blank">Button here</a></td> |
| </tr> |
| </table> <!-- // CONTENT TABLE --> |
| |
| |
| </td> |
| </tr> |
| </table> <!-- // FLEXIBLE CONTAINER --> |
| </td> |
| </tr> |
| </table> <!-- // CENTERING TABLE --> |
| </td> |
| </tr> |
| <!-- // MODULE ROW --> |
| |
| |
| |
| |
| <!-- MODULE ROW // --> |
| <tr> |
| <td align="center" valign="top"> |
| <!-- CENTERING TABLE // --> |
| <table border="0" cellpadding="0" cellspacing="0" |
| width="100%"> |
| <tr> |
| <td align="center" valign="top"> |
| <!-- FLEXIBLE CONTAINER // --> <!-- |
| The flexible container has a set width |
| that gets overridden by the media query. |
| Most content tables within can then be |
| given 100% widths. |
| --> |
| <table border="0" cellpadding="0" cellspacing="0" |
| width="<?php print $email_body_width; ?>" class="flexibleContainer"> |
| <tr> |
| <td align="center" valign="top" width="<?php print $email_body_width; ?>" |
| class="flexibleContainerCell"> |
| <!-- CONTENT TABLE // --> <!-- |
| The content table is the first element |
| that's entirely separate from the structural |
| framework of the email. |
| --> |
| <table border="0" cellpadding="0" |
| cellspacing="0" width="100%"> |
| <tr> |
| <td valign="top" class="textContent"> |
| <h3>Call Out</h3> |
| <p>Lorem ipsum dolor sit amet, |
| consectetur adipiscing elit. Nunc |
| aliquet consequat urna vitae suscipit. |
| In dictum feugiat justo, facilisis |
| rutrum purus ultricies ut. Donec |
| condimentum mi non eros dictum, vel |
| porttitor ipsum porttitor. |
| Pellentesque habitant morbi tristique |
| senectus et netus et malesuada fames |
| ac turpis egestas. Vivamus varius |
| bibendum lacus pellentesque mollis. |
| Maecenas enim quam, hendrerit quis |
| arcu in, blandit pellentesque lectus. |
| Nulla ut odio at orci lobortis |
| hendrerit. Donec sit amet metus a ante |
| aliquet aliquet. Nunc nec lorem in |
| neque bibendum commodo non id tortor. |
| Aenean condimentum ipsum ac sapien |
| faucibus, maximus euismod</p> |
| </td> |
| </tr> |
| </table> <!-- // CONTENT TABLE --> |
| |
| |
| </td> |
| </tr> |
| </table> <!-- // FLEXIBLE CONTAINER --> |
| </td> |
| </tr> |
| </table> <!-- // CENTERING TABLE --> |
| </td> |
| </tr> |
| <!-- // MODULE ROW --> |
| |
| <!-- MODULE ROW // --> |
| <tr> |
| <td align="center" valign="top"> |
| <!-- CENTERING TABLE // --> |
| <table border="0" cellpadding="0" cellspacing="0" |
| width="100%"> |
| <tr> |
| <td align="center" valign="top"> |
| <!-- FLEXIBLE CONTAINER // --> |
| <table border="0" cellpadding="0" cellspacing="0" |
| width="<?php print $email_body_width; ?>" class="flexibleContainer"> |
| <tr> |
| <td valign="top" width="<?php print $email_body_width; ?>" |
| class="flexibleContainerCell"> |
| <!-- CONTENT TABLE // --> |
| <table align="Left" border="0" cellpadding="0" |
| cellspacing="0" width="<?php print $col_2_table; ?>" |
| class="flexibleContainer"> |
| <tr> |
| <td valign="top" class="textContent"> |
| <h3>Left Column</h3> |
| </td> |
| </tr> |
| <tr> |
| <td valign="top" class="textContent"> |
| <p>Lorem ipsum dolor sit amet, |
| consectetur adipiscing elit. Nunc |
| aliquet consequat urna vitae suscipit. |
| In dictum feugiat justo, facilisis |
| rutrum purus ultricies ut. Donec |
| condimentum mi non eros dictum, vel |
| porttitor ipsum porttitor. |
| Pellentesque habitant morbi tristique |
| senectus et netus et malesuada fames |
| ac turpis.</p> |
| </td> |
| </tr> |
| <tr> |
| <td valign="top" class="imageContentLast"> |
| <img |
| src="<?php print $path; ?>/community/eclipse_newsletter/assets/public/images/img03.jpg" |
| width="<?php print $col_2_img; ?>" class="flexibleImage" |
| style="max-width: <?php print $col_2_img; ?>;" /> |
| </td> |
| </tr> |
| </table> <!-- // CONTENT TABLE --> <!-- CONTENT TABLE // --> |
| <table align="Right" border="0" |
| cellpadding="0" cellspacing="0" width="<?php print $col_2_table; ?>" |
| class="flexibleContainer"> |
| <tr> |
| <td valign="top" class="textContent"> |
| <h3>Right Column</h3> |
| </td> |
| </tr> |
| <tr> |
| <td valign="top" class="textContent"> |
| <p>Lorem ipsum dolor sit amet, |
| consectetur adipiscing elit. Nunc |
| aliquet consequat urna vitae suscipit. |
| In dictum feugiat justo, facilisis |
| rutrum purus ultricies ut. Donec |
| condimentum mi non eros dictum, vel |
| porttitor ipsum porttitor. |
| Pellentesque habitant morbi tristique |
| senectus et netus et malesuada fames |
| ac turpis.</p> |
| </td> |
| </tr> |
| <tr> |
| <td valign="top" class="imageContentLast"> |
| <img |
| src="<?php print $path; ?>/community/eclipse_newsletter/assets/public/images/img03.jpg" |
| width="<?php print $col_2_img; ?>" class="flexibleImage" |
| style="max-width: <?php print $col_2_img; ?>;" /> |
| </td> |
| </tr> |
| </table> <!-- // CONTENT TABLE --> |
| |
| |
| </td> |
| </tr> |
| </table> <!-- // FLEXIBLE CONTAINER --> |
| </td> |
| </tr> |
| </table> <!-- // CENTERING TABLE --> |
| </td> |
| </tr> |
| <!-- // MODULE ROW --> |
| |
| <!-- MODULE ROW // --> |
| <tr> |
| <td align="center" valign="top"> |
| <!-- CENTERING TABLE // --> |
| <table border="0" cellpadding="0" cellspacing="0" |
| width="100%"> |
| <tr> |
| <td align="center" valign="top"> |
| <!-- FLEXIBLE CONTAINER // --> |
| <table border="0" cellpadding="0" cellspacing="0" |
| width="<?php print $email_body_width; ?>" class="flexibleContainer"> |
| <tr> |
| <td align="center" valign="top" width="<?php print $email_body_width; ?>" |
| class="flexibleContainerCell"> |
| <!-- CONTENT TABLE // --> <!-- |
| The table cell imageContent has padding |
| applied to the bottom as part of the framework, |
| ensuring images space correctly in Android Gmail. |
| --> |
| <table border="0" cellpadding="0" |
| cellspacing="0" width="100%"> |
| <tr> |
| <td valign="top" class="imageContent"> |
| <img |
| src="<?php print $path; ?>/community/eclipse_newsletter/assets/public/images/img05.jpg" |
| width="<?php print $col_1_img; ?>" class="flexibleImage" |
| style="max-width: <?php print $col_1_img; ?>;" /> |
| </td> |
| </tr> |
| </table> <!-- // CONTENT TABLE --> |
| |
| |
| </td> |
| </tr> |
| </table> <!-- // FLEXIBLE CONTAINER --> |
| </td> |
| </tr> |
| </table> <!-- // CENTERING TABLE --> |
| </td> |
| </tr> |
| <!-- // MODULE ROW --> |
| |
| <!-- MODULE ROW // --> |
| <tr> |
| <td align="center" valign="top"> |
| <!-- CENTERING TABLE // --> |
| <table border="0" cellpadding="0" cellspacing="0" |
| width="100%"> |
| <tr> |
| <td align="center" valign="top"> |
| <!-- FLEXIBLE CONTAINER // --> |
| <table border="0" cellpadding="0" cellspacing="0" |
| width="<?php print $email_body_width; ?>" class="flexibleContainer"> |
| <tr> |
| <td valign="top" width="<?php print $email_body_width; ?>" |
| class="flexibleContainerCell"> |
| <!-- CONTENT TABLE // --> |
| <table align="Left" border="0" cellpadding="0" |
| cellspacing="0" width="<?php print $col_2_table; ?>" |
| class="flexibleContainer"> |
| <tr> |
| <td valign="top" class="textContent"> |
| <h3>Left Column</h3> |
| </td> |
| </tr> |
| <tr> |
| <td valign="top" class="textContent"> |
| <p>Lorem ipsum dolor sit amet, |
| consectetur adipiscing elit. Nunc |
| aliquet consequat urna vitae suscipit. |
| In dictum feugiat justo, facilisis |
| rutrum purus ultricies ut. Donec |
| condimentum mi non eros dictum, vel |
| porttitor ipsum porttitor.</p> |
| </td> |
| </tr> |
| <tr> |
| <td valign="top" class="imageContentLast"> |
| <img |
| src="<?php print $path; ?>/community/eclipse_newsletter/assets/public/images/img03.jpg" |
| width="<?php print $col_2_img; ?>" class="flexibleImage" |
| style="max-width: <?php print $col_2_img; ?>;" /> |
| </td> |
| </tr> |
| </table> <!-- // CONTENT TABLE --> |
| <table align="Right" border="0" |
| cellpadding="0" cellspacing="0" width="<?php print $col_2_table; ?>" |
| class="flexibleContainer"> |
| <tr> |
| <td valign="top" class="imageContentLast"> |
| <img |
| src="<?php print $path; ?>/community/eclipse_newsletter/assets/public/images/img03.jpg" |
| width="<?php print $col_2_img; ?>" class="flexibleImage" |
| style="max-width: <?php print $col_2_img; ?>;" /> |
| </td> |
| </tr> |
| <tr> |
| <td valign="top" class="textContent"> |
| <h3>Right Column</h3> |
| </td> |
| </tr> |
| <tr> |
| <td valign="top" class="textContent"> |
| <p>Lorem ipsum dolor sit amet, |
| consectetur adipiscing elit.</p> |
| <ul> |
| <li>Vitae suscipit. In dictum |
| feugiat</li> |
| <li>Vitae suscipit. In dictum |
| feugiat</li> |
| <li>Vitae suscipit. In dictum |
| feugiat</li> |
| </ul> |
| </td> |
| </tr> |
| </table> <!-- // CONTENT TABLE --> |
| |
| |
| </td> |
| </tr> |
| </table> <!-- // FLEXIBLE CONTAINER --> |
| </td> |
| </tr> |
| </table> <!-- // CENTERING TABLE --> |
| </td> |
| </tr> |
| <!-- // MODULE ROW --> |
| |
| <!-- MODULE ROW // --> |
| <tr class="articleWithoutText_Container"> |
| <td align="center" valign="top"> |
| <!-- CENTERING TABLE // --> |
| <table border="0" cellpadding="0" cellspacing="0" |
| width="100%"> |
| <tr> |
| <td align="center" valign="top"> |
| <!-- FLEXIBLE CONTAINER // --> |
| <table border="0" cellpadding="0" cellspacing="0" |
| width="<?php print $email_body_width; ?>" class="flexibleContainer"> |
| <tr> |
| <td valign="top" width="<?php print $email_body_width; ?>" |
| class="flexibleContainerCell"> |
| <!-- CONTENT TABLE // --> |
| <table align="Left" border="0" cellpadding="0" |
| cellspacing="0" width="<?php print $col_2_table; ?>" |
| class="flexibleContainer" |
| style="margin-bottom: 20px;"> |
| <tr> |
| <td valign="top" class="textContent"> |
| <h3>Article Without text</h3> |
| </td> |
| </tr> |
| <tr> |
| <td valign="top" class="textContent"> |
| <p>Lorem ipsum dolor sit amet, |
| consectetur adipiscing elit. Nunc |
| aliquet consequat urna vitae suscipit. |
| In dictum feugiat justo, facilisis |
| rutrum purus ultricies ut. Donec |
| condimentum mi non eros dictum, vel |
| porttitor ipsum porttitor.</p> |
| </td> |
| </tr> |
| <tr> |
| <td align="center" valign="middle" |
| class="buttonContent"><a href="#" |
| target="_blank">Button here</a></td> |
| </tr> |
| </table> <!-- // CONTENT TABLE --> <!-- CONTENT TABLE // --> |
| <table align="Right" border="0" |
| cellpadding="0" cellspacing="0" width="<?php print $col_2_table; ?>" |
| class="flexibleContainer" |
| style="margin-bottom: 20px;"> |
| <tr> |
| <td valign="top" class="textContent"> |
| <h3>Article Without text</h3> |
| </td> |
| </tr> |
| <tr> |
| <td valign="top" class="textContent"> |
| <p>Lorem ipsum dolor sit amet, |
| consectetur adipiscing elit. Nunc |
| aliquet consequat urna vitae suscipit. |
| In dictum feugiat justo, facilisis |
| rutrum purus ultricies ut. Donec |
| condimentum mi non eros dictum, vel |
| porttitor ipsum porttitor.</p> |
| </td> |
| </tr> |
| <tr> |
| <td align="center" valign="middle" |
| class="buttonContent"><a href="#" |
| target="_blank">Button here</a></td> |
| </tr> |
| </table> <!-- // CONTENT TABLE --> |
| |
| |
| </td> |
| </tr> |
| </table> <!-- // FLEXIBLE CONTAINER --> |
| </td> |
| </tr> |
| </table> <!-- // CENTERING TABLE --> |
| </td> |
| </tr> |
| <!-- // MODULE ROW --> |
| |
| <!-- MODULE ROW // --> |
| <tr height="100%" class="ThreeColumns_TextImages"> |
| <td align="center" valign="top"> |
| <!-- CENTERING TABLE // --> |
| <table border="0" cellpadding="0" cellspacing="0" |
| width="100%" height="100%"> |
| <tr> |
| <td align="center" valign="top"> |
| <!-- FLEXIBLE CONTAINER // --> |
| <table border="0" cellpadding="0" cellspacing="0" |
| width="100%" height="100%"> |
| <tr> |
| <td valign="top" width="100%" height="100%"> |
| |
| |
| <!-- CONTENT TABLE // --> |
| <table border="0" cellpadding="0" |
| cellspacing="0" width="100%" height="100%" |
| class="flexibleContainer" |
| style="float: left; background-color: #f7941e;"> |
| |
| <tr class="ThreeColumns"> |
| <td valign="top" class="imageContentLast"> |
| <img |
| src="<?php print $path; ?>/community/eclipse_newsletter/assets/public/images/img06.jpg" |
| width="100%" class="flexibleImage" |
| style="height: 100%;" /> |
| </td> |
| </tr> |
| |
| <tr class="ThreeColumns"> |
| <td valign="top" class="textContent"> |
| <h3>TEXT |
| HERE LOREM IPSUM DOLOR SIT AMET |
| CONSECTETUR ADIPISCING ELIT.</h3> |
| </td> |
| </tr> |
| |
| <tr class="ThreeColumns"> |
| <td valign="top" class="imageContentLast"> |
| <img |
| src="<?php print $path; ?>/community/eclipse_newsletter/assets/public/images/img06.jpg" |
| width="100%" class="flexibleImage" |
| style="height: 100%;" /> |
| </td> |
| </tr> |
| |
| </table> <!-- // CONTENT TABLE --> |
| <div style="clear: both;"></div> |
| </td> |
| </tr> |
| </table> <!-- // FLEXIBLE CONTAINER --> |
| </td> |
| </tr> |
| </table> <!-- // CENTERING TABLE --> |
| </td> |
| </tr> |
| <!-- // MODULE ROW --> |
| |
| <!-- MODULE ROW // --> |
| <tr height="100%;" class="ThreeColumns_TextOnly"> |
| <td align="center" valign="top"> |
| <!-- CENTERING TABLE // --> |
| <table border="0" cellpadding="0" cellspacing="0" |
| width="100%" |
| style="margin-top: 20px; margin-bottom: 20px;" |
| height="100%"> |
| <tr> |
| <td align="center" valign="top"> |
| <!-- FLEXIBLE CONTAINER // --> |
| <table border="0" cellpadding="0" cellspacing="0" |
| width="100%" height="100%"> |
| <tr> |
| <td valign="top" width="100%" height="100%"> |
| |
| |
| <!-- CONTENT TABLE // --> |
| <table border="0" cellpadding="0" |
| cellspacing="0" width="100%" height="auto" |
| class="flexibleContainer" |
| style="float: left; background-color: #f7941e;"> |
| |
| <tr class="ThreeColumns"> |
| <td valign="top" class="textContent"> |
| <h3>3 Boxes Here</h3> |
| <p>Lorem ipsum dolor sit amet, |
| consectetur adipiscing elit. Nunc |
| aliquet consequat urna vitae suscipit. |
| In dictum feugiat justo, facilisis |
| rutrum purus ultricies ut. Donec |
| condimentum mi non eros dictum, vel |
| porttitor ipsum porttitor.</p> |
| </td> |
| </tr> |
| |
| <tr class="ThreeColumns"> |
| <td valign="top" class="textContent" |
| style="background-color: #4c4175;"> |
| <h3>3 Boxes Here</h3> |
| <p>Lorem ipsum dolor sit amet, |
| consectetur adipiscing elit. Nunc |
| aliquet consequat urna vitae suscipit. |
| In dictum feugiat justo, facilisis |
| rutrum purus ultricies ut. Donec |
| condimentum mi non eros dictum, vel |
| porttitor ipsum porttitor.</p> |
| </td> |
| </tr> |
| |
| <tr class="ThreeColumns"> |
| <td valign="top" class="textContent"> |
| <h3>3 Boxes Here</h3> |
| <p>Lorem ipsum dolor sit amet, |
| consectetur adipiscing elit. Nunc |
| aliquet consequat urna vitae suscipit. |
| In dictum feugiat justo, facilisis |
| rutrum purus ultricies ut. Donec |
| condimentum mi non eros dictum, vel |
| porttitor ipsum porttitor.</p> |
| </td> |
| </tr> |
| |
| </table> <!-- // CONTENT TABLE --> |
| <div style="clear: both;"></div> |
| </td> |
| </tr> |
| </table> <!-- // FLEXIBLE CONTAINER --> |
| </td> |
| </tr> |
| </table> <!-- // CENTERING TABLE --> |
| </td> |
| </tr> |
| <!-- // MODULE ROW --> |
| |
| <tr> |
| <td align="center" valign="top"> |
| <!-- CENTERING TABLE // --> |
| <!-- |
| The centering table keeps the content |
| tables centered in the emailBody table, |
| in case its width is set to 100%. |
| --> |
| <table background="<?php print $path; ?>/community/eclipse_newsletter/assets/public/images/footer.png" border="0" cellpadding="0" cellspacing="0" |
| width="100%" class="flexibleContainer" id="bannerBottom"> |
| <tr class="ThreeColumns"> |
| <td valign="top" class="imageContentLast" |
| style="position: relative; width: inherit;"> |
| <div |
| style="width: 100%; margin: 0 auto; margin-top: 30px; text-align: center;"> |
| <a href="http://www.eclipse.org/"><img |
| src="<?php print $path; ?>/community/eclipse_newsletter/assets/public/images/Eclipse_Logo.png" |
| width="100%" class="flexibleImage" |
| style="height: auto; max-width: 160px;" /></a> |
| </div> |
| </td> |
| </tr> |
| |
| <tr class="ThreeColumns"> |
| <td valign="top" class="textContent" |
| style="position: relative; width: inherit; margin-top: 12%;"> |
| <h3 style="padding-top: 25px;">Contact Us</h3> |
| <a href="mailto:newsletter@eclipse.org" |
| style="text-decoration: none; color:#ffffff;"> |
| <p id="emailFooter">newsletter@eclipse.org</p></a> |
| </td> |
| </tr> |
| |
| <tr class="ThreeColumns"> |
| <td valign="top" class="textContent followUs" |
| style="position: relative; width: inherit; margin-top: 12%;"> |
| <h3 style="padding-top: 25px;">Follow Us</h3> |
| <div id="iconSocial"> |
| <a href="https://twitter.com/EclipseFdn"><img |
| src="<?php print $path; ?>/community/eclipse_newsletter/assets/public/images/icon_Twitter.png" |
| width="23" class="flexibleImage" |
| style="max-width: 23px !important;" /></a> <a |
| href="https://www.facebook.com/eclipse.org"><img |
| src="<?php print $path; ?>/community/eclipse_newsletter/assets/public/images/icon_Facebook.png" |
| width="23" class="flexibleImage" |
| style="max-width: 23px !important;" /></a> <a |
| href="https://www.youtube.com/user/EclipseFdn"><img |
| src="<?php print $path; ?>/community/eclipse_newsletter/assets/public/images/icon_Youtube.png" |
| width="23" class="flexibleImage" |
| style="max-width: 23px !important;" /></a> |
| </div> |
| </td> |
| </tr> |
| </table> |
| <!-- // CENTERING TABLE --> |
| </td> |
| </tr> |
| |
| </table> <!-- // EMAIL CONTAINER --> |
