detleph/email-templates
1
0
Fork 0
mirror of https://github.com/detleph/email-templates.git synced 2026-09-04 00:26:01 +02:00
Code Issues Packages Projects Releases Wiki Activity

Finished the Layout of the email

Browse Source 
(still have to add handlebars)
This commit is contained in:
OmengU
2021-11-11 15:08:30 +01:00
parent 86696fb626
commit c3aed82fc7
2 changed files with 36 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.gitignore
+1
View File
@@ -1,2 +1,3 @@
node_modules/ node_modules/
.husky/ .husky/
emailVerification.html
emailVerification.mjml
+33 -10
View File
@@ -1,6 +1,8 @@
<mjml> <mjml>
<mj-head> <mj-head>
<mj-class name="primary" color="#FF6565"/> <mj-attributes>
<mj-class name="primary" background-color="#FF6565"/>
</mj-attributes>
<mj-style> <mj-style>
@font-face { @font-face {
font-family: Nunito; font-family: Nunito;
@@ -10,28 +12,49 @@
</mj-style> </mj-style>
</mj-head> </mj-head>
<mj-body background-color="white"> <mj-body background-color="white">
<mj-section padding-top="20%"> <mj-wrapper padding-right="20px" padding-left="20px" padding-top="7%">
<mj-section border-right="2px solid #B0B0B0" border-top="2px solid #B0B0B0" border-left="2px solid #B0B0B0" border-radius="33px">
<mj-column>
<mj-image src="#" alt="detleph" align="center" height="100px" width="100px" padding-bottom="0px" padding-top="0px"/>
</mj-column>
</mj-section> </mj-section>
<mj-wrapper border="1px solid black" border-radius="33px" background-color="white" > <mj-section padding-bottom="0px" padding-top="0px" border-left="2px solid #B0B0B0" border-right="2px solid #B0B0B0">
<mj-section> <mj-column>
<mj-column width="100%"> <mj-text align="center" font-family="Nunito, Sans-Serif" font-weight="bold" font-size="30px">
Email Bestätigung
</mj-text>
</mj-column>
</mj-section>
<mj-section padding-bottom="0px" border-left="2px solid #B0B0B0" border-right="2px solid #B0B0B0">
<mj-column padding-left="5%" padding-right="5%">
<mj-text font-family="Nunito, Sans-Serif" align="center" font-size="18px">
Bestätige deine Email-Adresse bevor du dich für das Sportevent 2022 anmelden kannst.
</mj-text>
</mj-column>
</mj-section>
<mj-section padding-top="0px" border-right="2px solid #B0B0B0" border-left="2px solid #B0B0B0" border-bottom="2px solid #B0B0B0" border-radius="33px">
<mj-column>
<mj-button font-size="16px" mj-class="primary" font-weight="bold" font-family="Nunito, Sans-Serif">
<mj-text>
<a href="#" target="_blank" style="color:white; text-decoration:none;">Email verifizieren</a>
</mj-text>
</mj-button>
</mj-column> </mj-column>
</mj-section> </mj-section>
</mj-wrapper> </mj-wrapper>
<mj-section> <mj-section padding-top="0px" padding-left="10%" padding-right="10%">
<mj-column> <mj-column>
<mj-text align="left" padding-left="10%" font-family="Nunito"> <mj-text font-family="Nunito, Sans-Serif" align="center">
<a href="#" target="_blank">Impressum</a> <a href="#" target="_blank">Impressum</a>
</mj-text> </mj-text>
</mj-column> </mj-column>
<mj-column> <mj-column>
<mj-text align="center" font-family="Nunito"> <mj-text font-family="Nunito, Sans-Serif" align="center">
<a href="#" target="_blank">Kontakt</a> <a href="#" target="_blank">Kontakt</a>
</mj-text> </mj-text>
</mj-column> </mj-column>
<mj-column> <mj-column>
<mj-text align="right" font-family="Nunito"> <mj-text font-family="Nunito, Sans-Serif" align="center">
<a href="#" target="_blank">Datenschutz</a> <a href="#" target="_blank">Datenschutz</a>
</mj-text> </mj-text>
</mj-column> </mj-column>