<!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:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
  <head>
    <!-- This is a simple example template that you can edit to create your own custom templates -->
    <!--[if gte mso 15]>
    <xml>
      <o:OfficeDocumentSettings>
        <o:AllowPNG />
        <o:PixelsPerInch>96</o:PixelsPerInch>
      </o:OfficeDocumentSettings>
    </xml>
    <![endif]-->
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Create Beautiful Sitemaps and User Flows with the Flowcharts 💎</title>

  <style type="text/css">
	@font-face {font-family:'Graphik Web';        src:url(https://files.design/assets/a2be0356902c21a816945922e2f55c65.woff2) format("woff2"),url(https://files.design/assets/e85e1b88c832678c6b13c1a02619e1bb.woff) format("woff");        font-weight:normal;        font-style:normal;}
	@media screen and (max-width: 498px){
		.title{
			font-size:20px !important;
			margin-bottom:20px !important;
			line-height:30px !important;
		}

}	@media screen and (max-width: 498px){
		.text{
			font-size:13px !important;
			line-height:20px !important;
		}

}	@media screen and (max-width: 498px){
		.picture{
			height:370px !important;
		}

}	@media screen and (max-width: 498px){
		.button{
			display:block !important;
		}

}	@media screen and (max-width: 498px){
		.content{
			padding:0 !important;
		}

}	@media screen and (max-width: 498px){
		.footlink{
			display:block;
			margin-top:10px;
		}

}</style></head>
  <body style="margin: 0; padding: 0; background: #fafafa; font-family: 'Graphik Web', 'Helvetica', sans-serif; letter-spacing: 0.2px;">
    <center>
      <table border="0" cellspacing="0" style="background:#3282FF;" width="100%">
        <tr>
          <td width="20"> </td>
          <td>
            <table width="100%" style="max-width:620px;" align="center" border="0" cellspacing="0">
              <tr>
                <td class="picture" style="height:500px;">
                  <a href="https://dribbble.us10.list-manage.com/track/click?u=f49a7bb29cb188fa524c404a8&id=56be53e887&e=73298b3658">
                    <img src="https://gallery.mailchimp.com/f49a7bb29cb188fa524c404a8/images/6e9e6d72-b10a-4d0d-8eb4-488f0a47d02a.png" alt="Website and Mobile Flowcharts on Design Files" border="0" style="width: 100%;"></a>
                  </td>
                </tr>
              </table>
            </td>
            <td width="20"> </td>
          </tr>
        </table>
        <table border="0" cellspacing="0" width="100%">
          <tr>
            <td width="20"> </td>
            <td>
              <table width="100%" style="max-width:620px;" align="center" border="0" cellspacing="0">
                <tr>
                  <td class="content" style="padding:0 30px;">
                    <!-- content/ -->
                    <table width="100%" cellspacing="0" border="0">
                      <tr>
                        <td height="50"> </td>
                      </tr>
                      <tr>
                        <td style="text-align:center;">
                          <p class="title" style="max-width:470px;font-size:30px;line-height:40px;letter-spacing:-.2px;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:20px;">
                            Website and Mobile Flowcharts
                          </p>
                          <p class="text" style="font-size:16px;line-height:25px;letter-spacing:.2px;margin-top:0;margin-bottom:30px;">
                            Flowcharts is a collection of 153 cards for early-stage prototyping in Sketch. Create clear user’s flow, sitemap and information architecture of website or mobile app. Present your ideas in professional and beautiful way. Make your project more elaborate.
                          </p>
                        </td>
                      </tr>
                      <tr>
                        <td style="text-align:center;">
                          <a href="https://dribbble.us10.list-manage.com/track/click?u=f49a7bb29cb188fa524c404a8&id=9525262b8c&e=73298b3658" class="button" style="font-size:16px;color:#ffffff;padding:5px 25px;line-height:40px;text-align:center;background:#000;text-decoration:none;display:inline-block;border-radius:2px;">
                            Browse the files
                          </a>
                        </td>
                      </tr>
                    </table>
                    <!-- /content -->
                  </td>
                </tr>
                <tr>
                  <td height="50" style="border-bottom:1px solid #e9e9e9;"> </td>
                </tr>
                <tr>
                  <td height="50"> </td>
                </tr>
                <tr>
                  <td class="content" style="font-family:Graphik, Arial, sans-serif;text-align:center;font-size:11px;line-height:15px;color:#969696;padding:0 30px;">
                    <p style="color:#969696;letter-spacing:.2px;margin-top:0;margin-bottom:30px;">
                      If you have any questions, feel free to message us at
                      <a href="mailto:%20support@files.design" style="color:#969696;text-decoration:none;">support@files.design</a>.
                        You are receiving this email because you have bought or downloaded one of the
                        Design Files or Great Simple Studio products. <a href="#" style="text-decoration:none;color:#969696;">Unsubscribe</a>
                      </p>
                      <p style="margin-top:0;margin-bottom:30px;">
                        <a class="footlink" href="https://dribbble.us10.list-manage.com/track/click?u=f49a7bb29cb188fa524c404a8&id=8358609a38&e=73298b3658" style="color:#969696;text-decoration:none;margin-left:15px;margin-right:15px;">Privacy policy</a>
                        <a class="footlink" href="https://dribbble.us10.list-manage.com/track/click?u=f49a7bb29cb188fa524c404a8&id=7639c97daf&e=73298b3658" style="color:#969696;text-decoration:none;margin-left:15px;margin-right:15px;">Terms of service</a>
                        <a class="footlink" href="https://dribbble.us10.list-manage.com/track/click?u=f49a7bb29cb188fa524c404a8&id=e5d7cd9735&e=73298b3658" style="color:#969696;text-decoration:none;margin-left:15px;margin-right:15px;">License</a>
                        <a class="footlink" href="https://dribbble.us10.list-manage.com/track/click?u=f49a7bb29cb188fa524c404a8&id=a6d8711b86&e=73298b3658" style="color:#969696;text-decoration:none;margin-left:15px;margin-right:15px;">Refund policy</a>
                      </p>
                      <p>
                      © Design Files. 2018
                    </p>
                  </td>
                </tr>
                <tr>
                  <td height="50"> </td>
                </tr>
              </table>
            </td>
            <td width="20"> </td>
          </tr>
        </table>
      </center>
   </body>
</html>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.