Initial commit

public/mails/v0/assets/css/main.css

@@ -0,0 +1,300 @@
+@font-face {
+    font-family: 'PoppinsRegular';
+    src: url(../font/Poppins.ttf);
+}
+
+html,
+body {
+    font-family : 'PoppinsRegular' !important;
+    margin: 0 auto !important;
+    padding: 0 !important;
+    height: 100% !important;
+    width: 100% !important;
+    background: #f1f1f1 !important;
+}
+
+* {
+    -ms-text-size-adjust: 100%;
+    -webkit-text-size-adjust: 100%;
+}
+
+div[style*="margin: 16px 0"] {
+    margin: 0 !important;
+}
+
+table,
+td {
+    mso-table-lspace: 0pt !important;
+    mso-table-rspace: 0pt !important;
+}
+
+table {
+    border-spacing: 0 !important;
+    border-collapse: collapse !important;
+    table-layout: fixed !important;
+    margin: 0 auto !important;
+}
+
+img {
+    -ms-interpolation-mode: bicubic;
+}
+
+a {
+    text-decoration: none !important;
+}
+
+*[x-apple-data-detectors],
+
+.unstyle-auto-detected-links *,
+.aBn {
+    border-bottom: 0 !important;
+    cursor: default !important;
+    color: inherit !important;
+    text-decoration: none !important;
+    font-size: inherit !important;
+    font-family: inherit !important;
+    font-weight: inherit !important;
+    line-height: inherit !important;
+}
+
+.a6S {
+    display: none !important;
+    opacity: 0.01 !important;
+}
+
+.im {
+    color: inherit !important;
+}
+
+img.g-img+div {
+    display: none !important;
+}
+
+@media only screen and (min-device-width: 320px) and (max-device-width: 374px) {
+    u~div .email-container {
+        min-width: 320px !important;
+    }
+}
+
+@media only screen and (min-device-width: 375px) and (max-device-width: 413px) {
+    u~div .email-container {
+        min-width: 375px !important;
+    }
+}
+
+@media only screen and (min-device-width: 414px) {
+    u~div .email-container {
+        min-width: 414px !important;
+    }
+}
+
+.primary {
+    background: #f26e6f !important;
+}
+
+.bg_white {
+    background: #ffffff !important;
+}
+
+.bg_light {
+    background: #fafafa !important;
+}
+
+.bg_muted {
+    background: #ededed !important;
+}
+
+.bg_black {
+    background: #000000 !important;
+}
+
+.bg_dark {
+    background: rgba(0, 0, 0, .8) !important;
+}
+
+.email-section {
+    padding: 1.5em !important;
+}
+
+.btn {
+    padding: 10px 15px !important;
+    display: inline-block !important;
+}
+
+.btn.btn-primary {
+    border-radius: 5px !important;
+    background: #f26e6f !important;
+    color: #ffffff !important;
+}
+
+.btn.btn-white {
+    border-radius: 5px !important;
+    background: #ffffff !important;
+    color: #000000 !important;
+}
+
+.btn.btn-white-outline {
+    border-radius: 5px !important;
+    background: transparent !important;
+    border: 1px solid #fff !important;
+    color: #fff !important;
+}
+
+.btn.btn-black-outline {
+    border-radius: 0px !important;
+    background: transparent !important;
+    border: 2px solid #000 !important;
+    color: #000 !important;
+    font-weight: 700 !important;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    font-family: 'PoppinsRegular', sans-serif !important;
+    color: #212B36 !important;
+    margin-top: 0 !important;
+    font-weight: 400 !important;
+}
+
+body {
+    font-family: 'PoppinsRegular', sans-serif !important;
+    font-weight: 400 !important;
+    font-size: 15px !important;
+    line-height: 1.8 !important;
+    color: rgba(0, 0, 0, .4) !important;
+}
+
+a {
+    color: #f26e6f !important;
+}
+
+.logo h1 {
+    margin: 0 !important;
+}
+
+.logo h1 a {
+    color: #f26e6f !important;
+    font-size: 24px !important;
+    font-weight: 700 !important;
+    font-family: 'PoppinsRegular', sans-serif !important;
+}
+
+.hero {
+    position: relative !important;
+    z-index: 0 !important;
+}
+
+.hero .text {
+    color: rgba(0, 0, 0, .3) !important;
+}
+
+.hero .text h2 {
+    color: #000 !important;
+    font-size: 40px !important;
+    margin-bottom: 0 !important;
+    font-weight: 400 !important;
+    line-height: 1.4 !important;
+}
+
+.hero .text h3 {
+    font-size: 24px !important;
+    font-weight: 300 !important;
+}
+
+.hero .text h2 span {
+    font-weight: 600 !important;
+    color: #f26e6f !important;
+}
+
+.heading-section {}
+
+.heading-section h2 {
+    color: #000000 !important;
+    font-size: 28px !important;
+    margin-top: 0 !important;
+    line-height: 1.4 !important;
+    font-weight: 400 !important;
+}
+
+.heading-section .subheading {
+    margin-bottom: 20px !important;
+    display: inline-block !important;
+    font-size: 13px !important;
+    text-transform: uppercase !important;
+    letter-spacing: 2px !important;
+    color: rgba(0, 0, 0, .4) !important;
+    position: relative !important;
+}
+
+.heading-section .subheading::after {
+    position: absolute !important;
+    left: 0 !important;
+    right: 0 !important;
+    bottom: -10px !important;
+    content: '' !important;
+    width: 100% !important;
+    height: 2px !important;
+    background: #f26e6f !important;
+    margin: 0 auto !important;
+}
+
+.heading-section-white {
+    color: rgba(255, 255, 255, .8) !important;
+}
+
+.heading-section-white h2 {
+    /* font-family: line-height: 1 !important; */
+    padding-bottom: 0 !important;
+}
+
+.heading-section-white h2 {
+    color: #ffffff !important;
+}
+
+.heading-section-white .subheading {
+    margin-bottom: 0 !important;
+    display: inline-block !important;
+    font-size: 13px !important;
+    text-transform: uppercase !important;
+    letter-spacing: 2px !important;
+    color: rgba(255, 255, 255, .4) !important;
+}
+
+ul.social {
+    padding: 0 !important;
+}
+
+ul.social li {
+    display: inline-block !important;
+    margin-right: 10px !important;
+}
+
+.footer {
+    /* border-top: 1px solid rgba(0, 0, 0, .05) !important; */
+    color: rgba(0, 0, 0, .5) !important;
+}
+
+.footer .heading {
+    color: #000 !important;
+    font-size: 20px !important;
+}
+
+.footer ul {
+    margin: 0 !important;
+    padding: 0 !important;
+}
+
+.footer ul li {
+    list-style: none !important;
+    margin-bottom: 10px !important;
+}
+
+.footer ul li a {
+    color: rgba(0, 0, 0, 1) !important;
+}
+
+@media screen and (max-width: 500px) {}

public/mails/v0/assets/img/facebook_ico.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 22.5 22.5" style="enable-background:new 0 0 22.5 22.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#7F7F7F;}
+</style>
+<path class="st0" d="M11.2,0C5,0,0,5,0,11.2s5,11.2,11.2,11.2s11.2-5,11.2-11.2S17.5,0,11.2,0z M17.7,15.9c0,1-0.8,1.7-1.7,1.7h-2.8
+	l0-4.6h1.6c0.1,0,0.3-0.1,0.3-0.2l0.2-1.5c0-0.2-0.1-0.3-0.3-0.3h-1.8V9.8c0-0.6,0.2-0.9,1-0.9l0.7,0c0.2,0,0.3-0.1,0.3-0.3V7.3
+	c0-0.2-0.1-0.3-0.3-0.3h-1.2c-1.5,0-2.5,0.9-2.5,2.6V11H10c-0.2,0-0.3,0.1-0.3,0.3l0,1.5c0,0.2,0.1,0.3,0.3,0.3h1.2l0,0h0l0,0l0,0
+	l0,4.6H6.5c-1,0-1.7-0.8-1.7-1.7V6.5c0-1,0.8-1.7,1.7-1.7h9.4c1,0,1.7,0.8,1.7,1.7V15.9z"/>
+</svg>

public/mails/v0/assets/img/instagram_ico.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 22.5 22.5" style="enable-background:new 0 0 22.5 22.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#7F7F7F;}
+</style>
+<g>
+	<g>
+		<circle class="st0" cx="11.2" cy="11.2" r="2"/>
+		<path class="st0" d="M13.8,6.1H8.6c-1.4,0-2.5,1.1-2.5,2.5v5.2c0,1.4,1.1,2.5,2.5,2.5h5.2c1.4,0,2.5-1.1,2.5-2.5V8.6
+			C16.4,7.2,15.3,6.1,13.8,6.1z M11.2,14.6c-1.8,0-3.3-1.5-3.3-3.3c0-1.8,1.5-3.3,3.3-3.3s3.3,1.5,3.3,3.3
+			C14.6,13.1,13.1,14.6,11.2,14.6z M14.6,8.4c-0.3,0-0.5-0.2-0.5-0.5c0-0.3,0.2-0.5,0.5-0.5s0.5,0.2,0.5,0.5
+			C15.1,8.1,14.9,8.4,14.6,8.4z"/>
+		<path class="st0" d="M11.2,0C5,0,0,5,0,11.2s5,11.2,11.2,11.2s11.2-5,11.2-11.2S17.5,0,11.2,0z M17.7,13.8c0,2.1-1.7,3.8-3.8,3.8
+			H8.6c-2.1,0-3.8-1.7-3.8-3.8V8.6c0-2.1,1.7-3.8,3.8-3.8h5.2c2.1,0,3.8,1.7,3.8,3.8V13.8z"/>
+	</g>
+</g>
+</svg>

public/mails/v0/assets/img/twitter_ico.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 22.5 22.5" style="enable-background:new 0 0 22.5 22.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#7F7F7F;}
+</style>
+<path class="st0" d="M11.2,0C5,0,0,5,0,11.2s5,11.2,11.2,11.2c6.2,0,11.2-5,11.2-11.2S17.5,0,11.2,0z M17.7,7.4
+	c-0.3,0.5-0.7,0.9-1.1,1.2c-0.1,0.1-0.2,0.2-0.2,0.4v0c0,0.9-0.2,1.8-0.5,2.7c-0.3,0.9-0.8,1.7-1.5,2.5c-0.7,0.8-1.5,1.4-2.4,1.8
+	c-1,0.5-2.1,0.7-3.3,0.7c-1.3,0-2.7-0.4-3.8-1c-0.1,0-0.1-0.1-0.1-0.2c0-0.1,0.1-0.2,0.2-0.2l0.3,0c1,0,2-0.3,2.9-0.9
+	c-1-0.2-1.9-0.9-2.2-1.9c0-0.1,0.1-0.2,0.2-0.2c0.2,0,0.3,0,0.5,0c0,0,0,0,0.1,0c-1-0.4-1.6-1.4-1.6-2.6c0-0.1,0.1-0.2,0.2-0.1
+	c0.2,0.1,0.4,0.2,0.6,0.2c-0.5-0.5-0.8-1.2-0.8-2c0-0.5,0.1-1,0.4-1.4c0.1-0.1,0.2-0.1,0.2,0c1.3,1.5,3,2.5,5,2.7c0,0,0,0,0,0
+	c0,0,0.1,0,0.1,0c0,0,0,0,0-0.1c0-0.3,0-0.7,0.1-1C11.1,7,11.8,6.3,12.7,6c0.3-0.1,0.6-0.1,0.9-0.1c0.7,0,1.3,0.2,1.8,0.7
+	c0.1,0.1,0.2,0.1,0.2,0.1c0,0,0.1,0,0.1,0c0.5-0.1,0.9-0.3,1.4-0.6c0.1-0.1,0.3,0,0.2,0.2c-0.1,0.4-0.4,0.8-0.7,1.2
+	c0.3-0.1,0.6-0.2,0.9-0.3C17.6,7.1,17.7,7.2,17.7,7.4z"/>
+</svg>