Feature/caes 945 landing email letter

.gitignore

@@ -0,0 +1,3 @@
+.idea
+.DS_Store
+.history

templates/basic.mjml

@@ -0,0 +1,18 @@
+<mjml>
+  <mj-head>
+    <mj-title>Caesar</mj-title>
+    <mj-font name="Kalam" href="https://fonts.googleapis.com/css2?family=Kalam" />
+    <mj-style inline="inline">
+      .link {
+        text-decoration: none;
+      }
+    </mj-style>
+  </mj-head>
+  <mj-body background-color="#ffffff">
+    <mj-section>
+      <mj-column>
+        <mj-text font-size="16px" font-family="Kalam">Here will be email text.</mj-text>
+      </mj-column>
+    </mj-section>
+  </mj-body>
+</mjml>

templates/demo.mjml

@@ -0,0 +1,54 @@
+<mjml>
+  <mj-head>
+    <mj-breakpoint width="540px" />
+    <mj-attributes>
+      <mj-text align="center" color="#000"  line-height="1.3" />
+      <mj-font name="Muli" href="https://fonts.googleapis.com/css2?family=Muli" />
+      <mj-all font-family="Muli, 'Helvetica Neue', Helvetica, Arial" font-size="18px" />
+    </mj-attributes>
+  </mj-head>
+  <mj-body>
+    <mj-wrapper background-url="./images/mail_bg.png" background-color="#000" padding-top="0" padding-bottom="0" full-width="full-width">
+    <mj-include path="./includes/header.mjml" />
+    <mj-section background-color="#fff">
+      <mj-column>
+        <mj-text>Hi,</mj-text>
+        <mj-text>Some time ago you requested a demo of our <a href="https://caesar.team/" style="color:#000;">Caesar.Team</a> app!</mj-text>
+        <mj-table>
+          <tr>
+            <td style="padding: 0 10px 15px 0;"><img width="16px" src="./images/favourite.png"></td>
+            <td style="padding-bottom: 15px">
+          Caesar.Team is an open-source password and document manager for teams.
+        </td>
+          </tr>
+          <tr>
+            <td style="padding: 0 10px 15px 0;"><img width="16px" src="./images/favourite.png"></td>
+            <td style="padding-bottom: 15px">
+          Extremely secure encryption methods with a team-friendly interface.
+        </td>
+          </tr>
+          <tr>
+            <td style="padding: 0 10px 15px 0;"><img width="16px" src="./images/favourite.png"></td>
+            <td style="padding-bottom: 15px">
+          The symbiosis of 1Password and Slack.
+        </td>
+          </tr>            
+        </mj-table>
+
+        <mj-image src="./images/Group_19.png"></mj-image>
+
+        <mj-text>Right now we`re in the Closed BETA stage and we're polishing several components to be launched without any shortcomings.</mj-text>
+        <mj-text>We appreciate your attention to our app and we'll let you know personally when our Caesar.Team is ready for the public launch.</mj-text>
+        <mj-text>It`s coming soon and, without doubts, you`ll be the first one to know about that! </mj-text>
+       <mj-include path="./includes/follow.mjml" />  
+      </mj-column>
+    </mj-section>
+    <mj-section background-color="#fff">
+      <mj-column>
+        <mj-divider border-width="1px" border-color="#eee" padding="0"/>
+      </mj-column>
+    </mj-section>          
+    <mj-include path="./includes/footer.mjml" />      
+    </mj-wrapper>
+  </mj-body>
+</mjml>

templates/includes/follow.mjml

@@ -0,0 +1,11 @@
+<mj-text color="#888">Also, feel free to add Caesar.Team on resources you`re comfortable to follow:</mj-text>
+<mj-text>
+  <a href="https://github.com/caesar-team" style="color:#000;">GitHub</a> |
+  <a href="https://www.linkedin.com/company/caesar-app/" style="color:#000;">LinkedIn</a> |
+  <a href="https://www.facebook.com/CaesarTeamApp/" style="color:#000;">Facebook</a> |
+  <a href="https://twitter.com/CaesarTeamApp" style="color:#000;">Twitter</a> |
+  <a href="https://www.behance.net/gallery/88268639/CAESARTEAM-2019" style="color:#000;">Behance</a> |
+  <a href="https://www.crunchbase.com/organization/caesarapp" style="color:#000;">Crunchbase</a> |
+  <a href="https://angel.co/caesar-1" style="color:#000;">AngelList</a>
+</mj-text>
+

templates/includes/footer.mjml

@@ -0,0 +1,12 @@
+<mj-section padding-top="0" padding-bottom="20px" background-color="#fff">
+  <mj-column>
+    <mj-text line-height="0.2" color="#888">Sincerely yours,</mj-text>
+    <mj-text line-height="0.2"><a href="https://caesar.team/" style="color:#000;">Caesar Team</a></mj-text>
+  </mj-column>
+</mj-section>
+<mj-section padding-bottom="20px" background-color="#000" padding-left="0">
+  <mj-column>
+    <mj-text font-size="14px" color="#999">This is an automatically generated email – please do not reply to it. If you have any questions, please contact <a href="mailto:support@caesarteam.com" style="color: #fff;">support@caesarteam.com</a>.
+    </mj-text>
+  </mj-column>  
+</mj-section>

templates/includes/header.mjml

@@ -0,0 +1,9 @@
+<mj-section background-color="#fff" border-bottom="1px solid #eee">
+  <mj-column width="28%">
+    <mj-image width="158px" height="40px" padding="0"  src="./images/logo.svg">logo</mj-image>
+ </mj-column>
+ <mj-column width="46%"></mj-column>
+ <mj-column width="20%">
+   <mj-text padding-left="0px" padding-right="0" font-weight="bold">caesar.team</mj-text>
+ </mj-column>
+</mj-section>

templates/stay.mjml

@@ -0,0 +1,54 @@
+<mjml>
+  <mj-head>
+    <mj-breakpoint width="540px" />
+    <mj-attributes>
+      <mj-text align="center" color="#000"  line-height="1.3" />
+      <mj-font name="Muli" href="https://fonts.googleapis.com/css2?family=Muli" />
+      <mj-all font-family="Muli, 'Helvetica Neue', Helvetica, Arial" font-size="18px" />
+    </mj-attributes>
+  </mj-head>
+  <mj-body>
+    <mj-wrapper background-url="./images/mail_bg.png" background-color="#000" padding-top="0" padding-bottom="0" full-width="full-width">
+    <mj-include path="./includes/header.mjml" />
+    <mj-section background-color="#fff">
+      <mj-column>
+        <mj-text>Hi,</mj-text>
+        <mj-text>Some time ago you signed up to get the latest news about our <a href="https://caesar.team/" style="color:#000;">Caesar.Team</a> app!</mj-text>
+        <mj-table>
+          <tr>
+            <td style="padding: 0 10px 15px 0;"><img width="16px" src="./images/favourite.png"></td>
+            <td style="padding-bottom: 15px">
+          Caesar.Team is an open-source password and document manager for teams.
+        </td>
+          </tr>
+          <tr>
+            <td style="padding: 0 10px 15px 0;"><img width="16px" src="./images/favourite.png"></td>
+            <td style="padding-bottom: 15px">
+          Extremely secure encryption methods with a team-friendly interface.
+        </td>
+          </tr>
+          <tr>
+            <td style="padding: 0 10px 15px 0;"><img width="16px" src="./images/favourite.png"></td>
+            <td style="padding-bottom: 15px">
+          The symbiosis of 1Password and Slack.
+        </td>
+          </tr>            
+        </mj-table>
+
+        <mj-image src="./images/Group_19.png"></mj-image>
+
+        <mj-text>We appreciate your attention to our app and we'll let you know personally when our Caesar.Team is ready for the public launch.</mj-text>
+        <mj-text>Without doubts, you`ll be the first one to know about that! </mj-text>
+        <mj-text>Right now we`re in the Closed BETA stage and have been polishing several components to be launched without the shortcomings.</mj-text>
+        <mj-include path="./includes/follow.mjml" />  
+      </mj-column>
+    </mj-section>
+    <mj-section background-color="#fff">
+      <mj-column>
+        <mj-divider border-width="1px" border-color="#eee" padding="0"/>
+      </mj-column>
+    </mj-section>          
+    <mj-include path="./includes/footer.mjml" />
+    </mj-wrapper>
+  </mj-body>
+</mjml>