Przeglądaj źródła

Use foundation. Create birthday emails

Tati 7 lat temu
rodzic
commit
6702c3cb2b

BIN
__MACOSX/templates/._.DS_Store


+ 163 - 0
congratulations.html

@@ -0,0 +1,163 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <meta name="viewport" content="width=device-width" />
+  <title>Felicidades!</title>
+  <link rel="stylesheet" href="css/foundation-emails.css" />
+  <link rel="stylesheet" href="css/styles.css" />
+</head>
+
+<body>
+  <!-- <style> -->
+    <table class="body" data-made-with-foundation>
+      <tr>
+        <td class="float-center" align="center" valign="top">
+          <center>
+            <table class="container" align="center">
+              <tr>
+                <td>
+                  <!-- START HEADER -->
+                  <table class="row eba-header show-for-large">
+                    <tr>
+                      <th class="small-12 large-4 first columns" valign="middle">
+                        <table>
+                          <tr>
+                            <th>
+                              <center data-parsed="">
+                                <img src="./images/logo-horizonta-blanco2.png" alt="Especificos Buenos Aires" align="left" class="float-left" width="150" height="32">
+                              </center>
+                            </th>
+                          </tr>
+                        </table>
+                      </th>
+                      <th class="small-12 large-8 last columns" style="text-align: right" valign="middle">
+                        <table>
+                          <tr>
+                            <th style="text-align: right;">
+                              <small style="color:#ECEFF1;">Excelencia, ciencia y lujo al cuidado de la piel</small>
+                            </th>
+                          </tr>
+                        </table>
+                      </th>
+                    </tr>
+                  </table>
+
+                  <table class="row eba-header hide-for-large">
+                    <tr>
+                      <th class="small-12 first columns" valign="middle">
+                        <table>
+                          <tr>
+                            <th>
+                              <center data-parsed="">
+                                <img src="./images/logo-vertical.png" alt="Especificos Buenos Aires" align="center" class="float-center" width="150" height="32">
+                              </center>
+                            </th>
+                          </tr>
+                        </table>
+                      </th>
+                      <th class="small-12 last columns" valign="middle" style="padding-top:0px">
+                        <table>
+                          <tr>
+                            <th style="text-align: center;">
+                              <small style="color:#ECEFF1;">Excelencia, ciencia y lujo al cuidado de la piel</small>
+                            </th>
+                          </tr>
+                        </table>
+                      </th>
+                    </tr>
+                  </table>
+                  <!-- END HEADER -->
+                  <!-- START CONTENT -->
+                  <table class="row" align="center">
+                    <tr>
+                      <th class="small-12 large-12 column" valign="middle">
+                        <center>
+                          <img src="./images/confetti.png" alt="Felicidades!">
+                        </center>
+                      </th>
+                    </tr>
+                  </table>
+                  <table class="row" align="center">
+                    <tr>
+                      <th class="small-12 large-12 column">
+                        <center>
+                          <h1 class="eba-h1">¡Feliz cumpleaños!</h1>
+                        </center>
+                      </th>
+                    </tr>
+                  </table>
+                  <table class="row" align="center">
+                    <tr>
+                      <th class="small-12 large-12 column">
+                        <table class="callout">
+                          <tr>
+                            <th class="callout-inner callout-inner-eba">
+                              <p>¿Pensaste que podríamos olvidarnos de ti? Por supuesto que no! queremos que sepas que deseamos que este día sea un día lleno de sorpresas, deseos por cumplir y grandes experiencias.</p>
+                              <p>Para festejarlo, queremos <b class="bold-eba">darte un regalo</b> armado especialmente para ti! Puedes pasar a retirarlo por nuestra oficina central:</p>
+                            </th>
+                          </tr>
+                        </table>
+                      </th>
+                    </tr>
+                  </table>
+                  <table class="row">
+                    <tr>
+                      <th class="small-12 large-6 columns">
+                        <table>
+                          <tr>
+                            <th>
+                              <img src="./images/300x300@2x-icon.png" alt="ubicacion">
+                            </th>
+                          </tr>
+                        </table>
+                      </th>
+                      <th class="small-12 large-6 columns" valign="middle">
+                        <table>
+                          <tr>
+                            <th class="callout-inner" style="border:0">
+                              <h4>Casa Central</h4>
+                              <p>Leopoldo Marechal 914, Ciudad Autonoma de Buenos Aires</p>
+                              <p>Tel: (+5411) 4139-6860/1</p>
+                            </th>
+                          </tr>
+                        </table>
+                      </th>
+                    </tr>
+                  </table>
+                  <!-- END CONTENT -->
+                  <table class="row eba-header">
+                    <tr>
+                      <th class="small-12 large-12 columns">
+                        <table>
+                          <tr>
+                            <th>
+                                <center data-parsed="">
+                                  <img src="./images/logo-vertical-xs.png" alt="Especificos Buenos Aires" align="center" class="float-center" width="30%">
+                                </center>
+                            </th>
+                          </tr>
+                          <tr>
+                            <th>
+                                <center data-parsed="">
+                                  <p style="text-align: center; color: #ffffff; padding-top: 16px"><small>© 2019 ESPECIFICOS Buenos Aires - Leopoldo Marechal 914 C1405BMD, Buenos Aires, Argentina</small></p>
+                                </center>
+                            </th>
+                          </tr>
+                        </table>
+                      </th>
+                    </tr>
+                  </table>
+                  <!-- START FOOTER -->
+                  <!-- END FOOTER -->
+                </tr>
+              </table>
+            </td>
+          </tr>
+        </table>
+      </center>
+    </td>
+  </tr>
+</table>
+</body>
+</html>

Plik diff jest za duży
+ 1349 - 0
css/foundation-emails.css


Plik diff jest za duży
+ 1348 - 0
css/foundation.css


+ 35 - 0
css/styles.css

@@ -0,0 +1,35 @@
+body,
+table.body,
+p,
+td,
+th {
+  font-family: Verdana, Helvetica, sans-serif!important;
+  font-size: 12px!important;
+  color:#616161!important;
+}
+.eba-header {
+  background-color: #546E7A;
+}
+
+.eba-h1 {
+  text-align: center;
+  color: #607D8B;
+  font-family: Verdana, Geneva, sans-serif;
+  font-weight: 700;
+  font-size: 27px;
+}
+
+th.callout-inner-eba {
+  padding: 0 30px;
+  text-align: center;
+  border: 0;
+}
+
+th.callout-inner-eba > p {
+  text-align: center;
+}
+
+.bold-eba {
+  font-weight: bold;
+  color: #546E7A;
+}

BIN
eba-mails.xd


BIN
images/300x200.png


BIN
images/300x300@2x-icon.png


BIN
images/300x300@2x.png


BIN
images/FINAL.png


Plik diff jest za duży
+ 855 - 0
images/confetti.ai


BIN
images/confetti.png


BIN
images/logo-horizonta-blanco.png


BIN
images/logo-horizonta-blanco2.png


BIN
images/logo-horizontal-azul.png


BIN
images/logo-horizontal.png


BIN
images/logo-vertical-xs.png


BIN
images/logo-vertical.png


BIN
images/map.png


+ 1 - 0
images/round-location_on-24px.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M12 2C8.13 2 5 5.13 5 9c0 4.17 4.42 9.92 6.24 12.11.4.48 1.13.48 1.53 0C14.58 18.92 19 13.17 19 9c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>

+ 23 - 0
index.html

@@ -0,0 +1,23 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <meta name="viewport" content="width=device-width" />
+  <title>Title</title>
+  <link rel="stylesheet" href="css/foundation-emails.css" />
+  <link rel="stylesheet" href="css/styles.css" />
+</head>
+
+<body>
+  <!-- <style> -->
+  <table class="body" data-made-with-foundation>
+    <tr>
+      <td class="float-center" align="center" valign="top">
+        <center>
+          
+        </center>
+      </td>
+    </tr>
+  </table>
+</body>
+</html>

Plik diff jest za duży
+ 0 - 567
responsive-template.html


BIN
templates/.DS_Store


Plik diff jest za duży
+ 1533 - 0
templates/basic.html


Plik diff jest za duży
+ 1539 - 0
templates/drip.html


Plik diff jest za duży
+ 1560 - 0
templates/hero.html


Plik diff jest za duży
+ 1596 - 0
templates/marketing.html


Plik diff jest za duży
+ 1489 - 0
templates/newsletter-2.html


Plik diff jest za duży
+ 1459 - 0
templates/newsletter.html


Plik diff jest za duży
+ 1522 - 0
templates/order.html


Plik diff jest za duży
+ 1484 - 0
templates/password.html


Plik diff jest za duży
+ 1616 - 0
templates/sidebar-hero.html


Plik diff jest za duży
+ 1605 - 0
templates/sidebar.html


Plik diff jest za duży
+ 1499 - 0
templates/welcome.html