<h2 class="inline"><span style="color: #75d7cc;">Learn </span></h2> <h1 class="inline">French!</h1>
<div class="row ">
<div class="col-xs-12 col-sm-6">
<ss:templates:section paddingtop="19rem" paddingbottom="19rem" paddingleft="2rem" paddingright="2rem" bgimage="/media/website_pages/tropic/learn-french/macaron.jpg" contentsize="lg" style="text-align: center;">
<br/>
<br/>
<div style="background-color:white;display: inline-block;padding-left:20px;padding-right:20px;">
<h3 style="text-align: center;">We love French stories</h3></div>
<br/>
<br/>
</ss:templates:section>
</div>
<div class="col-xs-12 col-sm-6" style="margin:20px 0 20px 0">
<br/>
<ss:templates:section paddingtop="0" paddingbottom="1rem" paddingleft="4rem" paddingright="4rem" bgimage="" contentsize="lg" style="text-align: center;overflow:visible;" bgwashcolor="#f7d3d8" bgwashopacity="100">
<ss:templates:row style="position: relative;top:-20px;">
<ss:templates:column width="6">
<ss:standard:image width="96" style="" src="/tropic/learn-french/girl1.png" height="96" />
<p style="text-align: left;">
<br />
<strong><em>Lorem ipsum dolor</em></strong>
</p>
<p style="text-align: left;">
sit amet, consectetur adipiscing elit. Duis eu vulputate quam, sit amet dignissim ex. Cras malesuada lobortis dolor, ac sagittis diam
pretium quis. Etiam vitae tortor vitae lorem porta feugiat quis eu eros.Â
</p>
</ss:templates:column>
<ss:templates:column width="6">
<ss:standard:image width="96" src="/tropic/learn-french/boy1.png" height="96" />
<p style="text-align: left;">
<br />
<strong><em>Lorem ipsum dolor</em></strong>
</p>
<p style="text-align: left;">
sit amet, consectetur adipiscing elit. Duis eu vulputate quam, sit amet dignissim ex. Cras malesuada lobortis dolor, ac sagittis diam
pretium quis. Etiam vitae tortor vitae lorem porta feugiat quis eu eros.Â
</p>
</ss:templates:column>
</ss:templates:row>
<br/>
<br/>
</ss:templates:section>
</div>
</div>
<hr/>
<div class="row ">
<a href="/tropic/learn-french/for-adults/">
<div class="col-xs-12 col-sm-6 margin-bottom20 ">
<ss:templates:section paddingtop="6rem" paddingbottom="6rem" paddingleft="2rem" paddingright="2rem" class="navIcons" bgimage="https://images.unsplash.com/photo-1472746729193-36ad213ac4a5?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjY4ODV9" contentsize="lg" style="text-align: center;">
<br/>
<br/>
<div class="TextIcon"><h4 style="display: inline-block;">French </h4><h3 style="display: inline-block;">for
adults</h3></div>
<br/>
<br/>
</ss:templates:section>
</div>
</a>
<a href="/tropic/learn-french/for-children/">
<div class="col-xs-12 col-sm-6 margin-bottom20 navIcons">
<ss:templates:section paddingtop="6rem" paddingbottom="6rem" paddingleft="2rem" paddingright="2rem" bgimage="https://images.unsplash.com/photo-1507036066871-b7e8032b3dea?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjY4ODV9" contentsize="lg" style="text-align: center;">
<br/>
<br/>
<div class="TextIcon"><h4 style="display: inline-block;">French </h4><h3 style="display: inline-block;">for
Children</h3></div>
<br/>
<br/>
</ss:templates:section>
</div>
</a>
</div>
<div class="row margin-bottom20">
<a href="/tropic/learn-french/private-tuition/">
<div class="col-xs-12 col-sm-6 margin-bottom20 navIcons">
<ss:templates:section paddingtop="6rem" paddingbottom="6rem" paddingleft="2rem" paddingright="2rem" bgimage="https://images.unsplash.com/photo-1537177627670-042c1278fb50?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjY4ODV9" contentsize="lg" style="text-align: center;">
<br/>
<br/>
<div class="TextIcon"><h4 style="display: inline-block;">Private </h4><h3 style="display: inline-block;">tuition</h3></div>
<br/>
<br/>
</ss:templates:section>
</div>
</a>
<a href="/tropic/learn-french/corporate/">
<div class="col-xs-12 col-sm-6 margin-bottom20 navIcons">
<ss:templates:section paddingtop="6rem" paddingbottom="6rem" paddingleft="2rem" paddingright="2rem" bgimage="https://images.unsplash.com/photo-1503647144508-944df2566461?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjY4ODV9" contentsize="lg" style="text-align: center;">
<br/>
<br/>
<div class="TextIcon"><h4 style="display: inline-block;">French </h4><h3 style="display: inline-block;">Corporate</h3></div>
<br/>
<br/>
</ss:templates:section>
</div>
</a>
</div>
<h2 class="inline"><span style="color: #75d7cc;">Learn </span></h2> <h1 class="inline">French!</h1>
<div class="row ">
<div class="col-xs-12 col-sm-6">
<ss:templates:section paddingtop="19rem" paddingbottom="19rem" paddingleft="2rem" paddingright="2rem" bgimage="/media/website_pages/tropic/learn-french/macaron.jpg" contentsize="lg" style="text-align: center;">
<br/>
<br/>
<div style="background-color:white;display: inline-block;padding-left:20px;padding-right:20px;">
<h3 style="text-align: center;">We love French stories</h3></div>
<br/>
<br/>
</ss:templates:section>
</div>
<div class="col-xs-12 col-sm-6" style="margin:20px 0 20px 0">
<br/>
<ss:templates:section paddingtop="0" paddingbottom="1rem" paddingleft="4rem" paddingright="4rem" bgimage="" contentsize="lg" style="text-align: center;overflow:visible;" bgwashcolor="#f7d3d8" bgwashopacity="100">
<ss:templates:row style="position: relative;top:-20px;">
<ss:templates:column width="6">
<ss:standard:image width="96" style="" src="/tropic/learn-french/girl1.png" height="96" />
<p style="text-align: left;">
<br />
<strong><em>Lorem ipsum dolor</em></strong>
</p>
<p style="text-align: left;">
sit amet, consectetur adipiscing elit. Duis eu vulputate quam, sit amet dignissim ex. Cras malesuada lobortis dolor, ac sagittis diam
pretium quis. Etiam vitae tortor vitae lorem porta feugiat quis eu eros.Â
</p>
</ss:templates:column>
<ss:templates:column width="6">
<ss:standard:image width="96" src="/tropic/learn-french/boy1.png" height="96" />
<p style="text-align: left;">
<br />
<strong><em>Lorem ipsum dolor</em></strong>
</p>
<p style="text-align: left;">
sit amet, consectetur adipiscing elit. Duis eu vulputate quam, sit amet dignissim ex. Cras malesuada lobortis dolor, ac sagittis diam
pretium quis. Etiam vitae tortor vitae lorem porta feugiat quis eu eros.Â
</p>
</ss:templates:column>
</ss:templates:row>
<br/>
<br/>
</ss:templates:section>
</div>
</div>
<hr/>
<div class="row ">
<a href="/tropic/learn-french/for-adults/">
<div class="col-xs-12 col-sm-6 margin-bottom20 ">
<ss:templates:section paddingtop="6rem" paddingbottom="6rem" paddingleft="2rem" paddingright="2rem" class="navIcons" bgimage="https://images.unsplash.com/photo-1472746729193-36ad213ac4a5?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjY4ODV9" contentsize="lg" style="text-align: center;">
<br/>
<br/>
<div class="TextIcon"><h4 style="display: inline-block;">French </h4><h3 style="display: inline-block;">for
adults</h3></div>
<br/>
<br/>
</ss:templates:section>
</div>
</a>
<a href="/tropic/learn-french/for-children/">
<div class="col-xs-12 col-sm-6 margin-bottom20 navIcons">
<ss:templates:section paddingtop="6rem" paddingbottom="6rem" paddingleft="2rem" paddingright="2rem" bgimage="https://images.unsplash.com/photo-1507036066871-b7e8032b3dea?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjY4ODV9" contentsize="lg" style="text-align: center;">
<br/>
<br/>
<div class="TextIcon"><h4 style="display: inline-block;">French </h4><h3 style="display: inline-block;">for
Children</h3></div>
<br/>
<br/>
</ss:templates:section>
</div>
</a>
</div>
<div class="row margin-bottom20">
<a href="/tropic/learn-french/private-tuition/">
<div class="col-xs-12 col-sm-6 margin-bottom20 navIcons">
<ss:templates:section paddingtop="6rem" paddingbottom="6rem" paddingleft="2rem" paddingright="2rem" bgimage="https://images.unsplash.com/photo-1537177627670-042c1278fb50?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjY4ODV9" contentsize="lg" style="text-align: center;">
<br/>
<br/>
<div class="TextIcon"><h4 style="display: inline-block;">Private </h4><h3 style="display: inline-block;">tuition</h3></div>
<br/>
<br/>
</ss:templates:section>
</div>
</a>
<a href="/tropic/learn-french/corporate/">
<div class="col-xs-12 col-sm-6 margin-bottom20 navIcons">
<ss:templates:section paddingtop="6rem" paddingbottom="6rem" paddingleft="2rem" paddingright="2rem" bgimage="https://images.unsplash.com/photo-1503647144508-944df2566461?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjY4ODV9" contentsize="lg" style="text-align: center;">
<br/>
<br/>
<div class="TextIcon"><h4 style="display: inline-block;">French </h4><h3 style="display: inline-block;">Corporate</h3></div>
<br/>
<br/>
</ss:templates:section>
</div>
</a>
</div>