This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Table 1. Table Title
Table Heading 1 |
Table Heading 2 |
Table Heading 3 |
---|---|---|
Column 1a |
Column 2a |
Column 3a |
Column 1b |
Column 2b |
Column 3b |
Column 1c |
Column 2c |
Column 3c |
Informal Table Heading 1 |
Informal Table Heading 2 |
---|---|
Column 1 |
Column 2 |
<style> @media screen and (max-width:480px) { .main-table { width: 300px !important; margin: 0 auto; } } </style> <table border="0" cellpadding="0" cellspacing="0" style="background-color: #f3f3f3; font-family: Arial, Helvetica, sans-serif;" width="100%"> <tbody> <tr> <td align="center"> <table cellpadding="0" cellspacing="0" class="main-table" style="margin: 25px auto; background:#ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 1px 0 #eaeaea; -webkit-box-shadow: 1px 1px 0 #eaeaea; box-shadow: 1px 1px 0 #eaeaea; width: 500px;"> <tbody> <tr style="border: 0;"> <td style="padding: 20px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px; text-align: left; border: 0; background-color: rgb(204, 204, 204);"> <a href="{{site_url}}" style="border: none; text-decoration: none; font-size: 22px;" target="_blank"> {{site_name}} </a>‌ </td> </tr> <tr style="border: 0;"> <td style="padding: 20px; background: #fff; border: 0;"> <div class="fr-view"> <h1>Hello {{user.first_name}}, </h1> </div> <div class="fr-view"> <p style="margin-bottom: 0;">Welcome to {{site_name}}! Let’s get started. </p> <p style="margin-top: 0;">{% if initial_password_required %} <a href="{{express_sign_in_url}}" target="_blank"> Click here to set your password. </a> {% endif %} </p> <p>Sign in URL: {{sign_in_url}} </p> <p>Email: {{user.email}} </p> </div> </td> </tr> <tr style="border: 0;"> <td style="padding: 20px; background: #fff; border: 0;">{% if has_courses %} <div class="fr-view"> <h2>Explore Courses </h2>{% for course in courses %} <div class="fr-view" style="margin-bottom: 24px;"> <img alt="" src="{{course.card_image_url}}" style="width: 500px;" class="fr-fic fr-dii"> <p><a href="{{course.landing_page_url}}" target="_blank"> {{course.name}} </a> - {{course.description}} </p> </div>{% endfor %} </div>{% endif %} </td> </tr> <tr style="border: 0;"> <td style="padding: 20px; background: #fff; border: 0;">{% if creator_has_communities %} <div class="fr-view"> <h2>Join the Community! </h2> </div> <div class="fr-view">{% for community in communities %} <div class="fr-view" style="margin-bottom: 24px;"> <img alt="" src="{{community.image_url}}" style="width: 500px;" class="fr-fic fr-dii"> <p> <a href="{{community.site_url}}" target="_blank"> {{community.name}} </a> - {{community.description}} </p> </div>{% endfor %} </div>{% endif %} </td> </tr> <tr style="border: 0;"> <td style="padding: 20px 40px 20px; text-align: center; border: 0; background-color: rgb(204, 204, 204);">‌ <a href="{{sign_in_url}}" target="_blank">Login to your account </a> | <a href="{{edit_notifications_url}}" target="_blank">Edit notification settings </a>‌</td> </tr> </tbody> </table> </td> </tr> </tbody> </table>