<h2 style="font-family: Montserrat;"><span style="color: #67757c; font-size: 14px;">Thank you, on behalf of the entire </span><strong style="color: #67757c; font-size: 14px;">{company_name}</strong><span style="color: #67757c; font-size: 14px;"> team, for reaching out to us and giving us the opportunity to collaborate with you on your project. We are ready to provide you with the experience and expertise needed to complete your project on time and on budget.</span></h2>
<br /><strong>Once again, thank you for the opportunity to earn your business.<br /></strong><br /><br /><br />
<table style="border-collapse: collapse; width: 100%;" border="1">
<tbody>
<tr>
<td style="width: 50%; border-color: #ffffff; text-align: left; vertical-align: top;"><img src="public/documents/images/sample-1.jpg" alt="" width="389" height="466" /></td>
<td style="width: 50%; border-color: #ffffff; vertical-align: top;">
<h3 style="font-family: Montserrat;"><span style="text-decoration: underline;">About Us</span></h3>
<span style="font-family: Montserrat;">We believe in creating websites that not only&nbsp;</span><span style="font-family: Montserrat;">look amazing</span><span style="font-family: Montserrat;">&nbsp;but also provide a fantastic user experience and are&nbsp;</span><span style="font-family: Montserrat;">highly optimized</span><span style="font-family: Montserrat;">&nbsp;to provide you with the best</span><span style="font-family: Montserrat;">&nbsp;search ranking</span><span style="font-family: Montserrat;">&nbsp;benefits possible. <br /><br /><strong>We are a full-stack development firm with experience in the following areas:</strong></span><br style="font-family: Montserrat;" /><br style="font-family: Montserrat;" />
<ul>
<li>
<h5>Example Skill Set</h5>
</li>
<li>
<h5>Example Skill Set</h5>
</li>
<li>
<h5>Example Skill Set</h5>
</li>
<li>
<h5>Example Skill Set</h5>
</li>
<li>
<h5>Example Skill Set</h5>
</li>
<li>
<h5>Example Skill Set</h5>
</li>
</ul>
<br /><span style="font-family: Montserrat;">We have over&nbsp;</span><span style="font-weight: 600; font-family: Montserrat;">10 years</span><span style="font-family: Montserrat;">&nbsp;of experience working with outstanding brands like yours. <br /><br />We are happy to provide you with references upon request.</span></td>
</tr>
</tbody>
</table>
<h3><span style="text-decoration: underline;"><br /><br />Your Needs</span></h3>
After reviewing your requirements and discussing with you at length about them, we've created a vision for your website that we believe will improve your overall brand presence, resulting in more leads and conversions for your business.<br /><br />
<ul>
<li>
<h5>Example Item</h5>
</li>
<li>
<h5>Example Item</h5>
</li>
<li>
<h5>Example Item</h5>
</li>
<li>
<h5>Example Item</h5>
</li>
</ul>
<br />
<table style="border-collapse: collapse; width: 100%; height: 337px;" border="1">
<tbody>
<tr style="height: 337px;">
<td style="width: 50%; border-color: #ffffff; vertical-align: top; height: 337px;">
<h3><span style="text-decoration: underline;"><br />Our Process</span></h3>
<span style="font-family: Montserrat;">We have devised a process that ensures a robust, yet fluid approach to completing your project on time, on budget, and beyond your expectation.</span><br style="font-family: Montserrat;" /><br style="font-family: Montserrat;" /><span style="text-decoration: underline;"><span style="font-weight: 600;">Here's what you can expect once your project begins.</span></span><br style="font-family: Montserrat;" /><br style="font-family: Montserrat;" />
<ul style="font-family: Montserrat;">
<li>
<h5>Example Process Step</h5>
</li>
<li>
<h5>Example Process Step</h5>
</li>
<li>
<h5>Example Process Step</h5>
</li>
<li>
<h5>Example Process Step</h5>
</li>
</ul>
</td>
<td style="width: 50%; border-color: #ffffff; height: 337px; text-align: right;"><img src="public/documents/images/sample-2.png" alt="" width="401" height="266" /></td>
</tr>
</tbody>
</table>
<h3><span style="text-decoration: underline;"><br /><br />Project Milestones</span></h3>
Our estimated timeline for your project is shown in the table below.<br /><br />
<table style="border-collapse: collapse; width: 100%; height: 240px;" border="1">
<tbody>
<tr style="height: 48px;">
<th style="width: 50%; background-color: #efeeee; height: 48px;"><strong>Milestone</strong></th>
<th style="width: 50%; background-color: #efeeee; height: 48px;"><strong>Target Date</strong></th>
</tr>
<tr style="height: 48px;">
<td style="width: 50%; height: 48px;">Example milestone 1</td>
<td style="width: 50%; height: 48px;">01-10-2022</td>
</tr>
<tr style="height: 48px;">
<td style="width: 50%; height: 48px;">Example milestone 2</td>
<td style="width: 50%; height: 48px;">01-23-2022</td>
</tr>
<tr style="height: 48px;">
<td style="width: 50%; height: 48px;">Example milestone 3</td>
<td style="width: 50%; height: 48px;">02-15-2022</td>
</tr>
<tr style="height: 48px;">
<td style="width: 50%; height: 48px;">Example milestone 4</td>
<td style="width: 50%; height: 48px;">03-12-2022</td>
</tr>
</tbody>
</table>
<h3><span style="text-decoration: underline;"><br /><br />Project Pricing</span></h3>
The costs for your design project are listed in the table below.<br /><br />{pricing_table}<br />
<h3><span style="text-decoration: underline;"><br /><br />Meet The Team</span></h3>
<p>We are a team of 8 and below are the people that will be working directly on your project.<br /><!--MEET THE TEACM [START]--></p>
<table class="doc-meet-the-team" style="height: autho;" width="100%">
<tbody>
<tr>
<td style="width: 50%; background-color: #fbfcfd;">
<div class="row">
<div class="col-sm-12 col-md-4"><img src="public/documents/images/sample-3.jpg" alt="" width="600" height="600" /></div>
<div class="col-sm-6 col-md-8">
<h4>Jonathan Reed</h4>
<strong>Project Lead</strong><br />75 Reed Street, London, U.K.<br /><strong>Tel:</strong> +44 123 456 7890<br /><strong>Email:</strong> john@example.com</div>
</div>
</td>
<td class="spacer">&nbsp;</td>
<td style="width: 50%; background-color: #fbfcfd;">
<div class="row">
<div class="col-sm-12 col-md-4"><img src="public/documents/images/sample-4.jpg" alt="" width="600" height="600" /></div>
<div class="col-sm-6 col-md-8">
<h4>Jane Doney</h4>
<strong>Web Designer</strong><br />75 Reed Street, London, U.K.<br /><strong>Tel:</strong> +44 123 456 7890<br /><strong>Email:</strong> jane@example.com</div>
</div>
</td>
</tr>
</tbody>
</table>
<br /><!--MEET THE TEACM [END]--> <!--MEET THE TEACM [START]-->
<table class="doc-meet-the-team" style="height: autho;" width="100%">
<tbody>
<tr>
<td style="width: 50%; background-color: #fbfcfd;">
<div class="row">
<div class="col-sm-12 col-md-4"><img src="public/documents/images/sample-5.jpg" alt="" width="600" height="600" /></div>
<div class="col-sm-6 col-md-8">
<h4>David Patterson</h4>
<strong>UX &amp; UI Designer</strong><br />75 Reed Street, London, U.K.<br /><strong>Tel:</strong> +44 123 456 7890<br /><strong>Email:</strong> david@example.com</div>
</div>
</td>
<td class="spacer">&nbsp;</td>
<td style="width: 50%; background-color: #fbfcfd;">
<div class="row">
<div class="col-sm-12 col-md-4"><img src="public/documents/images/sample-6.jpg" alt="" width="150" height="150" /></div>
<div class="col-sm-6 col-md-8">
<h4>Amanda Lewis</h4>
<strong>Full-Stack Developer</strong><br />75 Reed Street, London, U.K.<br /><strong>Tel:</strong> +44 123 456 7890<br /><strong>Email:</strong>&nbsp;amanda@example.com</div>
</div>
</td>
</tr>
</tbody>
</table>