Skip to content

Instantly share code, notes, and snippets.

@julestruong

julestruong/gist:9955b11d53d3aec5152f96b574179497

Created May 16, 2023 15:41
Show Gist options
  • Save julestruong/9955b11d53d3aec5152f96b574179497 to your computer and use it in GitHub Desktop.
Save julestruong/9955b11d53d3aec5152f96b574179497 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<body style="height: 100%; margin: 0; -webkit-text-size-adjust: none; font-family: &quot;Nunito Sans&quot;, Helvetica, Arial, sans-serif; background-color: #FFFFFF; color: #333333; width: 100% !important;">
<table class="email-wrapper" width="100%" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; margin: 0; padding: 0; -premailer-width: 100%; -premailer-cellpadding: 0; -premailer-cellspacing: 0;">
<tbody><tr>
<td align="center" style="font-family: &quot;Nunito Sans&quot;, Helvetica, Arial, sans-serif; font-size: 16px;">
<table class="email-content" width="100%" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; margin: 0; padding: 0; -premailer-width: 100%; -premailer-cellpadding: 0; -premailer-cellspacing: 0;">
<tbody><tr>
<td class="email-masthead" style="font-family: &quot;Nunito Sans&quot;, Helvetica, Arial, sans-serif; font-size: 16px; padding: 35px 0 5px; text-align: center;">
<a href="https://www.neo-nomade.com" class="f-fallback email-masthead_name" style="color: #A8AAAF; cursor: pointer; font-size: 16px; font-weight: bold; text-decoration: none; text-shadow: 0 1px #FFFFFF;">
<img src="https://www.neo-nomade.com/image/newEmail/logo-nn-bleu.png" alt="Neo-nomade" width="220" style="border: none;">
</a>
</td>
</tr>
<!-- Email Body -->
<tr>
<td class="email-body" width="570" cellpadding="0" cellspacing="0" style="font-family: &quot;Nunito Sans&quot;, Helvetica, Arial, sans-serif; font-size: 16px; width: 100%; margin: 0; padding: 0; -premailer-width: 100%; -premailer-cellpadding: 0; -premailer-cellspacing: 0;">
<table class="email-body_inner" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation" style="width: 570px; margin: 0 auto; padding: 0; -premailer-width: 570px; -premailer-cellpadding: 0; -premailer-cellspacing: 0;">
<!-- Body content -->
<tbody><tr>
<td class="content-cell" style="font-family: &quot;Nunito Sans&quot;, Helvetica, Arial, sans-serif; font-size: 16px; padding: 0 35px;">
<hr style="height: 1px; background-color: #C4C4C4; border: 0; margin: 30px 0;">
<div class="f-fallback">
<div class="iconTitle iconTitle--grey" style="display: flex; color: #8E9DAF; font-size: 15px;">
<img src="https://www.neo-nomade.com/image/newEmail/icon-horloge.png" height="15px" widht="15px" style="width: 15px; height: 15px; margin-right: 5px;">
<span>Demande de réservation en attente</span>
</div>
<div>
<div class="title" style="margin: 6px 0 16px; font-size: 21px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #5B5B5B;">Bonjour,</div>
<div class="style-1">
Vous avez <strong>1 demande de réservation en attente</strong>, cliquez sur <i>"Traitez la demande"</i> pour accéder rapidement à votre espace d'administration.<br>
</div>
</div>
<table class="body-action" align="center" width="100%" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; margin: 30px auto; padding: 0; -premailer-width: 100%; -premailer-cellpadding: 0; -premailer-cellspacing: 0; text-align: center;">
<tbody><tr>
<td align="center" style="font-family: &quot;Nunito Sans&quot;, Helvetica, Arial, sans-serif; font-size: 16px;">
<!-- Border based button
https://litmus.com/blog/a-guide-to-bulletproof-buttons-in-email-design -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation">
<tbody><tr>
<td align="center" style="font-family: &quot;Nunito Sans&quot;, Helvetica, Arial, sans-serif; font-size: 16px;">
<a href="https://bo.neo-nomade.com/espace/reservations/list" class="f-fallback" target="_blank" style="color: #2FB3BE; cursor: pointer;">TRAITER LA DEMANDE</a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<hr style="height: 1px; background-color: #C4C4C4; border: 0; margin: 30px 0;">
<div class="style-resa" style="font-size: 18px; font-weight: bold; color: #5B5B5B;">Détail de la réservation</div>
<div class="twoColumn" style="display: flex; margin: 15px 0;">
<img src="https://neo-nomade.twic.pics/room_photo/36266/photo-espace-reunion-ici-rayon-issy-les-moulineaux-93f2c6b91e1ea994df87c105ee04a635.png?twic=v1/cover=150x135" class="spaceImg" height="135" width="150" style="border-radius: 3px; width: 150px; height: 135px; margin-right: 20px;">
<div>
<div class="titleSpace" style="font-size: 15px; font-weight: bold; color: #5B5B5B;">Rayon - Issy Meudon</div>
<div class="titleRessource" style="font-size: 12px; color: #2FB3BE;">Ici</div>
<!-- type d'espace -->
<div class="blocMiddle" style="display: flex; align-items: flex-start; font-size: 15px; margin-top: 10px;">
<img src="https://www.neo-nomade.com/image/newEmail/nn-icon-salle-de-reunion.png" height="20px" width="20px" style="padding-right: 10px;">
<span>Salle de réunion / Formation</span>
</div>
<!-- icon capacité d'accueil et affiche le nombre de places -->
<div class="blocMiddle" style="display: flex; align-items: flex-start; font-size: 15px; margin-top: 10px;">
<img src="https://www.neo-nomade.com/image/newEmail/icon-user.png" height="20px" width="20px" style="padding-right: 10px;">
<span>Capacité :
<span class="bold">5</span>
</span>
</div>
<!-- icon lieu de l'espace et l'endroit où il se situe -->
<div class="blocMiddle" style="display: flex; align-items: flex-start; font-size: 15px; margin-top: 10px;">
<img src="https://www.neo-nomade.com/image/newEmail/icon-marker.png" height="20px" width="20px" style="padding-right: 10px;">
<span>198 Avenue de Verdun, 92130 Issy-les-Moulineaux</span><br><br>
</div>
</div>
</div>
<!-- infos date de réservation jour/numéro du jour/mois/année + heure de début de résa / heure de fin de résa -->
<div class="cell-color" style="background-color: #F9F8F9; padding: 20px; margin: 20px 0;">
<span class="style-min-title" style="font-size: 18px; font-weight: bold; color: #5B5B5B;">Date de la réservation</span>
<div class="blocMiddle" style="display: flex; align-items: flex-start; font-size: 15px; margin-top: 10px;">
<img src="https://www.neo-nomade.com/image/newEmail/icon-cal-month.png" height="20px" width="20px" style="padding-right: 10px;">
<span>Mercredi 17/05/2023 de 07h00 à 19h00</span>
</div>
</div>
<!-- infos utilisateur ayant fait la réservation -->
<div class="cell-color" style="background-color: #F9F8F9; padding: 20px; margin: 20px 0;">
<span class="style-min-title" style="font-size: 18px; font-weight: bold; color: #5B5B5B;">Utilisateur ayant effectué la réservation</span>
<div class="userName">Yakoubah DIABY</div>
<div class="userEmail">[email protected]</div>
<div class="userPhone">0615827684</div>
</div>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table><table>
<tbody><tr>
<td style="font-family: &quot;Nunito Sans&quot;, Helvetica, Arial, sans-serif; font-size: 16px;">
<table class="email-footer email-footer-bodyWidth" width="570" cellpadding="0" cellspacing="0" role="presentation" style="width: 570px; margin: 0 auto; padding: 0 35px; -premailer-width: 570px; -premailer-cellpadding: 0; -premailer-cellspacing: 0; text-align: left;">
<tbody><tr>
<td colspan="2" style="font-family: &quot;Nunito Sans&quot;, Helvetica, Arial, sans-serif; font-size: 16px;">
<hr style="height: 1px; background-color: #C4C4C4; border: 0; margin: 30px 0;">
</td>
</tr>
<tr>
<td style="font-family: &quot;Nunito Sans&quot;, Helvetica, Arial, sans-serif; font-size: 16px;">
<img src="https://www.neo-nomade.com/image/newEmail/phone.png" class="nnMargin--l--right" height="150" alt="Contact" style="margin-right: 20px;">
</td>
<td style="font-family: &quot;Nunito Sans&quot;, Helvetica, Arial, sans-serif; font-size: 16px;">
<strong>Pour tout problème ou question,</strong> n’hésitez-pas à nous contacter par mail à l’adresse <strong class="text-color" style="color: #2FB3BE;">[email protected]</strong>, par téléphone au <strong class="text-color" style="color: #2FB3BE;">0179732020</strong> et à consulter notre <a href="https://neo-nomade.zendesk.com/hc/fr" target="_blank" style="color: #2FB3BE; cursor: pointer;"><strong>FAQ</strong></a>.
<br>
<strong class="text-color" style="color: #2FB3BE;">L’équipe Neo-nomade</strong>
</td>
</tr>
<tr>
<td colspan="2" style="font-family: &quot;Nunito Sans&quot;, Helvetica, Arial, sans-serif; font-size: 16px;">
<hr style="height: 1px; background-color: #C4C4C4; border: 0; margin: 30px 0;">
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td style="font-family: &quot;Nunito Sans&quot;, Helvetica, Arial, sans-serif; font-size: 16px;">
<table class="email-footer" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation" style="width: 570px; margin: 0 auto; padding: 0; -premailer-width: 570px; -premailer-cellpadding: 0; -premailer-cellspacing: 0; text-align: center;">
<tbody><tr>
<td class="content-cell" align="center" style="font-family: &quot;Nunito Sans&quot;, Helvetica, Arial, sans-serif; font-size: 16px; padding: 0 35px;">
<p style="margin: 0.4em 0 1.1875em; font-size: 16px; line-height: 1.625; color: #A8AAAF;">
<strong>SUIVEZ-NOUS</strong>
</p>
<table class="social" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation" style="width: auto;">
<tbody><tr>
<td class="align-center" style="font-family: &quot;Nunito Sans&quot;, Helvetica, Arial, sans-serif; font-size: 16px; text-align: center; padding: 0; width: auto;">
<a href="https://www.facebook.com/neonomadecom" style="color: #2FB3BE; cursor: pointer;">
<img src="https://www.neo-nomade.com/image/newEmail/facebook_circle.png" height="20" alt="Facebook" class="social_icon" style="border: none; height: 20px; margin: 0 8px 10px; padding: 0;">
</a>
</td>
<td class="align-center" style="font-family: &quot;Nunito Sans&quot;, Helvetica, Arial, sans-serif; font-size: 16px; text-align: center; padding: 0; width: auto;">
<a href="https://twitter.com/neonomade_com" style="color: #2FB3BE; cursor: pointer;">
<img src="https://www.neo-nomade.com/image/newEmail/twitter_circle.png" height="20" alt="Twitter" class="social_icon" style="border: none; height: 20px; margin: 0 8px 10px; padding: 0;">
</a>
</td>
<td class="align-center" style="font-family: &quot;Nunito Sans&quot;, Helvetica, Arial, sans-serif; font-size: 16px; text-align: center; padding: 0; width: auto;">
<a href="https://www.instagram.com/neo.nomade" style="color: #2FB3BE; cursor: pointer;">
<img src="https://www.neo-nomade.com/image/newEmail/instagram_circle.png" height="20" alt="Instagram" class="social_icon" style="border: none; height: 20px; margin: 0 8px 10px; padding: 0;">
</a>
</td>
<td class="align-center" style="font-family: &quot;Nunito Sans&quot;, Helvetica, Arial, sans-serif; font-size: 16px; text-align: center; padding: 0; width: auto;">
<a href="https://fr.linkedin.com/company/neo-nomade-com" style="color: #2FB3BE; cursor: pointer;">
<img src="https://www.neo-nomade.com/image/newEmail/linkedin_circle.png" height="20" alt="LinkedIn" class="social_icon" style="border: none; height: 20px; margin: 0 8px 10px; padding: 0;">
</a>
</td>
</tr>
</tbody></table>
<p class="f-fallback sub align-center" style="margin: 0.4em 0 1.1875em; font-size: 13px; line-height: 1.625; color: #A8AAAF; text-align: center;">© 2021 Neo-nomade. All rights reserved.</p>
<p class="f-fallback sub align-center" style="margin: 0.4em 0 1.1875em; font-size: 13px; line-height: 1.625; color: #A8AAAF; text-align: center;">
</p>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment