otthorn/mail-services-aurore
1
0
Fork 0
forked from grisel-davy/mail-services-aurore
Code Issues Pull requests Releases Wiki Activity

cleanup code

Browse source
This commit is contained in:
grisel-davy 2020-09-24 23:27:17 +02:00
parent ade77d12a9
commit bc38559582
1 changed files with 40 additions and 71 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

99
aurore_mailall.html
View file

@ -1,5 +1,4 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
<head> <head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
@ -12,23 +11,33 @@
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
-webkit-text-size-adjust: 100%;
background-color: #192744;
} }
table,td,tr {
table,
td,
tr {
vertical-align: top; vertical-align: top;
border-collapse: collapse; border-collapse: collapse;
word-break: break-word;
}
p{
font-size: 17px;
line-height: 1.5;
word-break: break-word;
font-family: Roboto, Tahoma, Verdana, Segoe, sans-serif;
mso-line-height-alt: 26px;
mso-ansi-font-size: 18px;
margin: 0;
color:#ffffff;
}
.texte_center{
color:#555555;
padding-top:15px;
padding-right:40px;
padding-bottom:15px;
padding-left:40px;
text-align: center;
} }
* {
line-height: inherit;
}
a[x-apple-data-detectors=true] {
color: inherit !important;
text-decoration: none !important;
}
@media (max-width: 660px) { @media (max-width: 660px) {
.block-grid, .block-grid,
.col { .col {
@ -41,57 +50,26 @@
.block-grid { .block-grid {
width: 100% !important; width: 100% !important;
} }
.col { .col {
width: 100% !important; width: 100% !important;
} }
.col>div { .col>div {
margin: 0 auto; margin: 0 auto;
} }
img.fullwidth, img.fullwidth,
img.fullwidthOnMobile { img.fullwidthOnMobile {
max-width: 100% !important; max-width: 100% !important;
} }
.no-stack .col { .no-stack .col {
min-width: 0 !important; min-width: 0 !important;
display: table-cell !important; display: table-cell !important;
} }
.no-stack.two-up .col { .no-stack.two-up .col {
width: 50% !important; width: 50% !important;
} }
.no-stack .col.num4 {
width: 33% !important;
}
.no-stack .col.num8 {
width: 66% !important;
}
.no-stack .col.num4 {
width: 33% !important;
}
.no-stack .col.num3 {
width: 25% !important;
}
.no-stack .col.num6 { .no-stack .col.num6 {
width: 40% !important; width: 40% !important;
} }
.no-stack .col.num9 {
width: 75% !important;
}
.video-block {
max-width: none !important;
}
.mobile_hide { .mobile_hide {
min-height: 0px; min-height: 0px;
max-height: 0px; max-height: 0px;
@ -100,7 +78,6 @@
overflow: hidden; overflow: hidden;
font-size: 0px; font-size: 0px;
} }
.desktop_hide { .desktop_hide {
display: block !important; display: block !important;
max-height: none !important; max-height: none !important;
@ -108,22 +85,23 @@
} }
</style> </style>
</head> </head>
<body class="clean-body" style="margin: 0; padding: 0; -webkit-text-size-adjust: 100%; background-color: #192744;">
<body>
<table bgcolor="#192744" cellpadding="0" cellspacing="0" class="nl-container" role="presentation" style="table-layout: fixed; vertical-align: top; min-width: 320px; Margin: 0 auto; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #192744; width: 100%;" valign="top" width="100%"> <table bgcolor="#192744" cellpadding="0" cellspacing="0" class="nl-container" role="presentation" style="table-layout: fixed; vertical-align: top; min-width: 320px; Margin: 0 auto; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #192744; width: 100%;" valign="top" width="100%">
<tbody> <tbody>
<tr style="vertical-align: top;" valign="top"> <tr>
<td style="word-break: break-word; vertical-align: top;" valign="top"> <td>
<div style="background-color:transparent;"> <div style="background-color:transparent;">
<div class="block-grid" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #5c74b8;"> <div class="block-grid" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #5c74b8;">
<div style="border-collapse: collapse;display: table;width: 100%;background-color:#5c74b8;background-image:url('https://perso.crans.org/grisel-davy/images_mail/silhouette-fireworks.jpg');background-position:top center;background-repeat:no-repeat"> <div style="border-collapse: collapse;display: table;width: 100%;background-color:#5c74b8;background-image:url('https://perso.crans.org/grisel-davy/images_mail/silhouette-fireworks.jpg');background-position:top center;background-repeat:no-repeat">
<div class="col num12" style="min-width: 320px; max-width: 640px; display: table-cell; vertical-align: top; width: 640px;"> <div class="col num12" style="min-width: 320px; max-width: 640px; display: table-cell; vertical-align: top; width: 640px;">
<div style="width:100% !important;"> <div style="width:100% !important;">
<!--[if (!mso)&(!IE)]><!-->
<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:0px; padding-bottom:0px; padding-right: 0px; padding-left: 0px;"> <div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:0px; padding-bottom:0px; padding-right: 0px; padding-left: 0px;">
<!--<![endif]--> <!--<![endif]-->
<table border="0" cellpadding="0" cellspacing="0" class="divider" role="presentation" style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;" valign="top" width="100%"> <table border="0" cellpadding="0" cellspacing="0" class="divider" role="presentation" style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;" valign="top" width="100%">
<tbody> <tbody>
<tr style="vertical-align: top;" valign="top"> <tr>
<td class="divider_inner" style="word-break: break-word; vertical-align: top; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;" valign="top"> <td class="divider_inner" style="word-break: break-word; vertical-align: top; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;" valign="top">
<table align="center" border="0" cellpadding="0" cellspacing="0" class="divider_content" height="120" role="presentation" style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-top: 0px solid transparent; height: 120px; width: 100%;" valign="top" width="100%"> <table align="center" border="0" cellpadding="0" cellspacing="0" class="divider_content" height="120" role="presentation" style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-top: 0px solid transparent; height: 120px; width: 100%;" valign="top" width="100%">
<tbody> <tbody>
@ -166,18 +144,11 @@
<div class="col num12" style="min-width: 320px; max-width: 640px; display: table-cell; vertical-align: top; width: 640px;"> <div class="col num12" style="min-width: 320px; max-width: 640px; display: table-cell; vertical-align: top; width: 640px;">
<div style="width:100% !important;"> <div style="width:100% !important;">
<div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;"> <div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
<div style="color:#555555;font-family:'Roboto', Tahoma, Verdana, Segoe, sans-serif;line-height:1.5;padding-top:15px;padding-right:40px;padding-bottom:15px;padding-left:40px;">
<div style="line-height: 1.5; font-size: 12px; font-family: 'Roboto', Tahoma, Verdana, Segoe, sans-serif; color: #555555; mso-line-height-alt: 18px;"> <div class="texte_center">
<p style="font-size: 17px; line-height: 1.5; word-break: break-word; text-align: center; font-family: Roboto, Tahoma, Verdana, Segoe, sans-serif; mso-line-height-alt: 26px; mso-ansi-font-size: 18px; margin: 0;"><span style="font-size: 17px; color: #ffffff; mso-ansi-font-size: 18px;">Aurore, ça vous donne internet, mais pas que! L'association propose différents services pour vous accompagner dans vos projet. Ces services utilisent des solutions libres et gratuites et sont hebergés sur nos serveurs pour garantire l'intégritée de vos données.</span></p> <p>
</div> Aurore, ça vous donne internet, mais pas que! L'association propose différents services pour vous accompagner dans vos projet. Ces services utilisent des solutions libres et gratuites et sont hebergés sur nos serveurs pour garantire l'intégritée de vos données.
</div> </p>
<div align="center" class="button-container" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;">
<a href="https://www.example.com" style="-webkit-text-size-adjust: none; text-decoration: none; display: inline-block; color: #ffffff; background-color: #dd3333; border-radius: 28px; -webkit-border-radius: 28px; -moz-border-radius: 28px; width: auto; width: auto; border-top: 1px solid #dd3333; border-right: 1px solid #dd3333; border-bottom: 1px solid #dd3333; border-left: 1px solid #dd3333; padding-top: 10px; padding-bottom: 10px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; text-align: center; mso-border-alt: none; word-break: keep-all;" target="_blank"><span style="padding-left:40px;padding-right:40px;font-size:18px;display:inline-block;"><span style="font-size: 16px; margin: 0; line-height: 2; word-break: break-word; font-family: Montserrat, 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 32px;"><strong><span data-mce-style="font-size: 18px; line-height: 36px;" style="font-size: 18px; line-height: 36px;">Your Adventure Awaits</span></strong></span></span></a>
</div>
<div style="color:#555555;font-family:'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;line-height:1.2;padding-top:20px;padding-right:10px;padding-bottom:20px;padding-left:10px;">
<div style="line-height: 1.2; font-size: 12px; font-family: 'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; color: #555555; mso-line-height-alt: 14px;">
<p style="font-size: 14px; line-height: 1.2; word-break: break-word; text-align: center; font-family: Montserrat, 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; mso-line-height-alt: 17px; margin: 0;"><strong><span style="font-size: 24px; color: #ffffff;">Find Your Destination</span></strong></p>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -185,10 +156,8 @@
</div> </div>
</div> </div>
</div> </div>
<div style="background-color:transparent;"> <div style="background-color:transparent;">
<div class="block-grid two-up" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #5c74b8;"> <div class="block-grid two-up" style="Margin: 0 auto; min-width: 320px; max-width: 640px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #5c74b8;">
<div style="border-collapse: collapse;display: table;width: 100%;background-color:#5c74b8;"> <div style="border-collapse: collapse;display: table;width: 100%;background-color:#5c74b8;">
<div class="col num6" style="min-width: 320px; max-width: 320px; display: table-cell; vertical-align: top; width: 320px;"> <div class="col num6" style="min-width: 320px; max-width: 320px; display: table-cell; vertical-align: top; width: 320px;">