<!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:%[email protected]" style="color:#969696;text-decoration:none;">[email protected]</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.