2019-10-11 10:33:27 +00:00
<mjml>
2020-12-07 09:46:55 +00:00
<mj-head>
2022-08-18 19:32:42 +00:00
<mj-style inline="inline">
.footer-link { color: white !important; font-weight: bold; text-decoration: underline !important; }
</mj-style>
2020-12-07 09:46:55 +00:00
</mj-head>
2019-10-11 10:33:27 +00:00
<mj-body>
2022-08-18 19:32:42 +00:00
<!-- section 1 -->
2019-10-11 10:33:27 +00:00
<mj-section>
2020-12-06 22:16:20 +00:00
<mj-group>
2020-12-07 09:46:55 +00:00
<mj-column>
<mj-image width="100px" src="/assets/img/logo-small.png"></mj-image>
</mj-column>
<mj-column>
<mj-text font-size="20px" color="#F45E43" font-family="helvetica" align="center">
Mardi 28 aout 2020
</mj-text>
2022-08-18 19:32:42 +00:00
<mj-button href="#" font-family="Helvetica" background-color="#f45e43" color="white">Visit Musala
2020-12-07 09:46:55 +00:00
</mj-button>
</mj-column>
</mj-group>
</mj-section>
2022-08-18 19:32:42 +00:00
<!-- Title section -->
2020-12-07 09:46:55 +00:00
<mj-section>
2019-10-11 10:33:27 +00:00
<mj-column>
2020-12-07 09:46:55 +00:00
<mj-divider border-color="#F45E43"></mj-divider>
2022-08-18 19:32:42 +00:00
<mj-text font-size="24px" color="#F45E43" font-family="helvetica" align="center">
Your daily task list
2020-12-06 22:16:20 +00:00
</mj-text>
2020-12-07 09:46:55 +00:00
<mj-divider border-color="#F45E43"></mj-divider>
</mj-column>
</mj-section>
2022-08-18 19:32:42 +00:00
<!-- Chapter -->
<mj-section>
<mj-column>
<mj-button font-size="20px" font-family="Helvetica" font-weight="bold" background-color="#f45e43" align="left" color="white">Late
2020-12-06 22:16:20 +00:00
</mj-button>
2022-08-18 19:32:42 +00:00
<mj-text font-size="16px" color="#666" padding-bottom="0" font-family="helvetica" align="left" line-height="1.25">
<p style="margin: 0 0 4px 0;"><b>Super task number one</b></p>
<p style="margin: 0 0 4px 0; color: #bbb; font-size: 14px;"><b>Draft</b> on <b>cloud.boldcode.io</b> – Due for 2001-10-10</p>
<p style="margin: 0 0 4px 0; ">Lorem ipsum dolor sit amet, blablablabla, lorem ipsum dolor sit amet, blablablabla, lorem ipsum dolor sit amet, blablablabla ▪ <a href="#rezrez" style="color: #f45e43;">read more</a></p>
</mj-text>
<mj-text font-size="16px" color="#666" padding-bottom="0" font-family="helvetica" align="left" line-height="1.25">
<p style="margin: 0 0 4px 0;"><b>Super task number one</b></p>
<p style="margin: 0 0 4px 0; color: #bbb; font-size: 14px;"><b>Draft</b> on <b>cloud.boldcode.io</b> – Due for 2001-10-10</p>
<p style="margin: 0 0 4px 0; ">Lorem ipsum dolor sit amet, blablablabla, lorem ipsum dolor sit amet, blablablabla, lorem ipsum dolor sit amet, blablablabla ▪ <a href="#rezrez" style="color: #f45e43;">read more</a></p>
</mj-text>
<mj-text font-size="16px" color="#666" padding-bottom="0" font-family="helvetica" align="left" line-height="1.25">
<p><b>Super task number one</b><br/></p>
<p>Lorem ipsum dolor sit amet, blablablabla <a href="rezrez">>> see more</a></p>
</mj-text>
2019-10-11 10:33:27 +00:00
</mj-column>
</mj-section>
2022-08-18 19:32:42 +00:00
<!-- Chapter -->
<mj-section>
<mj-column>
<mj-button font-size="20px" font-family="Helvetica" font-weight="bold" background-color="#f45e43" align="left" color="white">Today
</mj-button>
<mj-text font-size="16px" color="#666" padding-bottom="0" font-family="helvetica" align="left">
<p><b>Super task number one</b></p>
<p font-size="14px">Lorem ipsum dolor sit amet, blablablabla <a href="rezrez">>> see more</a></p>
</mj-text>
<mj-text font-size="16px" color="#666" padding-bottom="0" font-family="helvetica" align="left">
<p><b>Super task number one</b><br/></p>
<p>Lorem ipsum dolor sit amet, blablablabla <a href="rezrez">>> see more</a></p>
</mj-text>
<mj-text font-size="16px" color="#666" padding-bottom="0" font-family="helvetica" align="left">
<p><b>Super task number one</b><br/></p>
<p>Lorem ipsum dolor sit amet, blablablabla <a href="rezrez">>> see more</a></p>
</mj-text>
</mj-column>
</mj-section>
<!-- Chapter -->
<mj-section>
<mj-column>
<mj-button font-size="20px" font-family="Helvetica" font-weight="bold" background-color="#f45e43" align="left" color="white">This week
</mj-button>
<mj-text font-size="16px" color="#666" padding-bottom="0" font-family="helvetica" align="left">
<p><b>Super task number one</b></p>
<p font-size="14px">Lorem ipsum dolor sit amet, blablablabla <a href="rezrez">>> see more</a></p>
</mj-text>
<mj-text font-size="16px" color="#666" padding-bottom="0" font-family="helvetica" align="left">
<p><b>Super task number one</b><br/></p>
<p>Lorem ipsum dolor sit amet, blablablabla <a href="rezrez">>> see more</a></p>
</mj-text>
<mj-text font-size="16px" color="#666" padding-bottom="0" font-family="helvetica" align="left">
<p><b>Super task number one</b><br/></p>
<p>Lorem ipsum dolor sit amet, blablablabla <a href="rezrez">>> see more</a></p>
</mj-text>
</mj-column>
</mj-section>
<!-- footer -->
2020-12-07 09:46:55 +00:00
<mj-section>
<mj-column background-color="white" inner-background-color="#f45e43" padding-right="20px" padding-left="20px">
2022-08-18 19:32:42 +00:00
<mj-text font-size="16px" color="#ffffff" font-family="helvetica" align="left">
To stop receiving these emails, you can change your <a href="#" class="footer-link">notification preferences</a> in <a href="#" class="footer-link">Musala</a>.
</mj-text>
2020-12-07 09:46:55 +00:00
</mj-column>
2019-10-11 10:33:27 +00:00
</mj-section>
2022-08-18 19:32:42 +00:00
2019-10-11 10:33:27 +00:00
</mj-body>
</mjml>
