php js css php js css

Changes

Changes to Page: tropic

Show More
17897
Yesterday 11:07pm
Vendeville, Mathieu
Modified page
Can't Undo: The page /tropic/ does not currently exist, it may have been moved or deleted. In order to undo this change, you first need to restore the page
17901
Yesterday 11:07pm
Vendeville, Mathieu
Modified page
Can't Undo: The page /tropic/ does not currently exist, it may have been moved or deleted. In order to undo this change, you first need to restore the page
Css:
Id:
 
/tropic/
/tropic/
Title:
 
Site3
Site3
Content:
 
<ss:templates:row>

	<ss:templates:column width="4">

		<h3 style="text-align: center;"><ss:standard:image src="/tropic/2cv.png" alt="" width="80" height="80" /></h3>

		<h3 style="text-align: center;">Bienvenue !</h3>

		<p style="text-align: center;">

			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consectetur, nisl nec rhoncus laoreet, mi sem condimentum libero, nec

			fermentum nisi ligula sed neque. 

		</p>

	</ss:templates:column>

	<ss:templates:column width="4">

		<h3 style="text-align: center;"><ss:standard:image src="/tropic/af-earth.png" alt="" width="80" height="80" /></h3>

		<h3 style="text-align: center;">Our mission</h3>

		<p style="text-align: center;">

			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consectetur, nisl nec rhoncus laoreet, mi sem condimentum libero, nec

			fermentum nisi ligula sed neque. 

		</p>

	</ss:templates:column>

	<ss:templates:column width="4">

		<h3 style="text-align: center;"><ss:standard:image src="/tropic/eiffel.png" alt="" width="80" height="80" /></h3>

		<h3 style="text-align: center;">We teach French</h3>

		<p style="text-align: center;">

			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consectetur, nisl nec rhoncus laoreet, mi sem condimentum libero, nec

			fermentum nisi ligula sed neque. 

		</p>

	</ss:templates:column>

</ss:templates:row>

<br/>

<br/>

<ss:logic:include page="/tropic/design-elements/closing-div/" />

<ss:templates:section paddingtop="10rem" paddingbottom="10rem" paddingleft="2rem" paddingright="2rem" bgimage="/media/website_pages/tropic/banner.jpg"  contentsize="lg" style="text-align: center;" bgimageblur="0">

	<br/>

	<br/>

	<div style="background-color:white;display: inline-block;padding-left:20px;padding-right:20px;">

	

	<h3 style="text-align: center;">France is at your doorstep!!</h3>

	</div>

	<br/>

	<br/>

</ss:templates:section>

<ss:templates:section paddingtop="10rem" paddingbottom="4rem" paddingleft="2rem" paddingright="2rem" bgimage="/media/website_pages/tropic/lines.png"  contentsize="md" style="text-align: center;" bgimageblur="0" bgparallax="true" bgparallaxspeed="4">

	<br/>

	<h2 style="text-align: center;display: inline;"><em>Why</em> <span style="color: #75d7cc;"><em>Learn </em></span></h2>&nbsp;<h1 style="text-align: center;display: inline;">French?</h1>

	<br/>

	<br/>

	<br/>

	<ss:templates:row>

		<ss:templates:column width="2">

			<p style="text-align: center;">

				<ss:standard:image src="/tropic/portrait.jpg" alt="" width="122" floatOffset="6" height="122" class="img-responsive center-block" style="text-align: center;" />&nbsp;<br />

				<em>maximus volutpat</em>

			</p>

		</ss:templates:column>

		<ss:templates:column width="5">

			<p style="text-align: left;">

				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consectetur, nisl nec rhoncus laoreet, mi sem condimentum libero, nec

				fermentum nisi ligula sed neque. Phasellus ipsum lacus, facilisis quis pellentesque ut, venenatis ac velit. Aenean venenatis nisl et

				iaculis mattis. Integer augue eros, gravida eu ipsum a, gravida eleifend sapien. Morbi facilisis maximus volutpat. Sed auctor, erat sit

				amet mollis&nbsp;et iaculis mattis. Integer augue eros, gravida eu ipsum a, gravida eleifend sapien. Morbi facilisis maximus volutpat.

				Sed auctor, erat sit amet mollis&nbsp;et iaculis mattis. Integer augue&nbsp;

			</p>

		</ss:templates:column>

		<ss:templates:column width="5">

			<blockquote style="text-align: left;">

				Morbi facilisis maximus volutpat. Sed auctor, erat sit amet mollis elementum, dui velit convallis sem, id facilisis felis nisl vel nunc.

				Duis non orci ac nunc porttitor maximus vel id tellus.

			</blockquote>

			<p style="text-align: left;">

				Cras maximus, dui ac mollis luctus, ex elit tempor ligula, sit amet tincidunt augue erat non sem. Aliquam pellentesque pharetra nisi.

				Morbi interdum justo ac ipsum tincidunt, quis fringilla quam bibendum. Proin euismod consectetur tellus non elementum.

			</p>

		</ss:templates:column>

	</ss:templates:row>

	<br/>

	<br/>

	<p><a href="/tropic/learn-french/" class="turquoiseborder">Find your course</a></p>

	<br/>

</ss:templates:section>

<ss:logic:include page="/tropic/design-elements/opening-div/" />

<div style="text-align: center;">

<h2 style="text-align: center;display: inline;"><em><span style="color: #75d7cc;">What</span>'s</em> </h2><h1 style="text-align: center;display: inline;">New?</h1>

</div>

<br/>

<br/>

<div class="row">

<ss:data:repeater datasource="\Components\Website\Posts::getAllForCategory(18)" as="post" datafilter="array(array('post_is_offline', '=', 0))" parsenow="datafilter" paging="true" pagingrows="3" >

	<ss:logic:template component="\Components\Website\Posts" template="list" />

</ss:data:repeater>

</div>

<br/>

<ss:logic:include page="/tropic/design-elements/closing-div/" />

<div class="videoContain">

	<video  id="bgvid" playsinline autoplay muted loop>

	  <!-- 

	- Video needs to be muted, since Chrome 66+ will not autoplay video with sound.

	WCAG general accessibility recommendation is that media such as background video play through only once. Loop turned on for the purposes of illustration; if removed, the end of the video will fade in the same way created by pressing the "Pause" button  -->

	<source src="/media/website_pages/tropic/about-us/video-test/learnfrench3.webm" type="video/webm">

	<source src="/media/website_pages/tropic/about-us/video-test/learnfrench2.mp4" type="video/mp4">

	

	</video>

	<div class="container margin-top40 margin-bottom40">

		<ss:templates:row style="text-align: left;">

			<ss:templates:column width="6" >

				<h2 style="text-align: center;"><span style="color: #75d7cc;">Life</span> is better with</h2>

				<h1 style="text-align: center;"><span style="color: #fffde7;">French!</span></h1>

				<br/>

				<br/>

			</ss:templates:column>

			<ss:templates:column width="6">

		

				<h3 style="text-align: center;">Receive our newsletter</h3>

							<p style="text-align: center;">Sign up to Alliance Française and become apart of an ever-growing French community.&nbsp;</p>

			

				<ss:forms:form id="newsletter_registration" contactmode="store" onsubmitredirect="/community/register/success/">

					<div style="color:#425893;text-align: center;">

						<ss:forms:editbox id="contact_first_name" validations="mandatory" placeholder="First Name" width="100%" class="margin-bottom20" /><br />

						<ss:forms:editbox id="contact_last_name" validations="mandatory" placeholder="Last Name" width="100%" class="margin-bottom20" /><br />

						<ss:forms:editbox id="contact_email" validations="mandatory,email" placeholder="Email Address" transformations="tolower" width="100%" class="margin-bottom20" /><br />

						<ss:forms:submitbutton value="Sign up" />

					</div>

			

				</ss:forms:form>

			</ss:templates:column>

		</ss:templates:row>

	</div>

</div>

<ss:logic:include page="/tropic/design-elements/opening-div/" />

<br />

<br/>

<hr/>

<div style="text-align: center;">

<h2 style="text-align: center;display: inline;"><em><span style="color: #75d7cc;">Latest</span> from the</em> </h2><h1 style="text-align: center;display: inline;">Blog</h1>

</div>

<br/>

<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/photo-1512540452972-baac55d40ef1.jpg" contentsize="lg" style="text-align: center;">

			<br/>

			<br/>

			<div style="background-color:white;display: inline-block;padding-left:20px;padding-right:20px;"><h4 style="text-align: center;" class="inline">Art

			de&nbsp;</h4>

			<h3 style="text-align: center;" class="inline"><span style="color: #eb949f;">vivre</span></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;" bgwashopacity="100" bggradient="linear-gradient(175deg, rgb(253, 246, 247), rgb(255, 255, 255))" color="#425893" bgcolor="#fdf6f7">

			<ss:templates:row style="position: relative;top:-20px;">

				<ss:templates:column width="12">

					<ss:standard:image width="130" src="/tropic/photo-1532363664322-b46b86cc86d9.jpg" maintainaspect="crop" height="130" class="img-circle" />

					<h3 style="text-align: left;">Focus on<strong></strong></h3>

					<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. 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. <br />

						<br />

					</p>

					<p style="text-align: left;"><a href="#" class="turquoiseborder">Read more</a></p>

				</ss:templates:column>

			</ss:templates:row>

			<br/>

			<br/>

		</ss:templates:section>

	</div>

</div>

<br/>





<hr />







<ss:logic:include page="/tropic/design-elements/closing-div/" />

<ss:templates:section paddingtop="5rem" paddingbottom="6rem" paddingleft="2rem" paddingright="2rem" bgimage="" color="#ffffff" contentsize="md" bgwashopacity="100" bgwashcolor="#425893">

	<ss:templates:row style="text-align: left;">

		<ss:templates:column width="12"style="text-align: center;">

			<h2 style="text-align: center;display: inline;"><span style="color: #75d7cc;">How</span> to introduce</h2> <h1 style="text-align: center;display: inline;"><span style="color: #fffde7;">yourself</span>?</h1>

			<br/>

			<br/>

		</ss:templates:column>

	</ss:templates:row>

	<ss:templates:row style="text-align: left;">

		<ss:templates:column width="6">

			<h2 style="text-align: center;">- Comment tu t'appelles ?</h2>

			<h2 style="text-align: center;">- Je m'appelle 

			<span style="color: #75d7cc;">

				<ss:logic:if test="(\Components\Customers\Contacts::currentIsLoggedIn())">

					<ss:personalisation:firstname />.

				</ss:logic:if>

				<ss:logic:else>

					...(your name).

				</ss:logic:else>

			</span></h2>

		</ss:templates:column>

		<ss:templates:column width="2">

			<ss:standard:image src="/tropic/icon-name.png" alt="" width="193" height="237" class="img-responsive center-block" />

		</ss:templates:column>

		<ss:templates:column width="4">

			<h2 style="text-align: center;">- Tu vas bien ?<br /></h2>

			<h2 style="text-align: center;">- Oui ça va!</h2>

		</ss:templates:column>

	</ss:templates:row>

	<ss:templates:row >

		<ss:templates:column width="12"style="text-align: center;">

			<br/>

			<br/>

			<p><a href="/tropic/learn-french/" class="turquoiseborderwhite">Find your French course</a></p>

			<p></p>

		</ss:templates:column>

	</ss:templates:row>

</ss:templates:section>



<ss:logic:include page="/tropic/design-elements/opening-div/" />









	<h2 style="text-align:center;">Our <span style="color: #75d7cc;">partners</span></h2>

	<ul id="flexiselDemo3">

		<ss:data:repeater id="posts_repeater" as="post" datasource="\Components\Website\Posts::getAllForCategory(17)" parsenow="dataorder,datafilter" datalimit="15" dataorder="array(array('post_date', 'asc'))" datafilter="array(array('post_is_offline', '=', 0))">

			<li>

				<a href="[? $post['post_content_url'] ?]" target="_blank">

					<ss:standard:image src="'/media/website_posts/' + $post['post_id'] + '/' + $post['post_icon']" alt="$post['post_title']" parsenow="alt,src" style="width:100px;" />

					

				</a>

			</li>

		</ss:data:repeater>

	</ul>
<ss:templates:row>

	<ss:templates:column width="4">

		<h3 style="text-align: center;"><ss:standard:image src="/tropic/2cv.png" alt="" width="80" height="80" /></h3>

		<h3 style="text-align: center;">Bienvenue !</h3>

		<p style="text-align: center;">

			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consectetur, nisl nec rhoncus laoreet, mi sem condimentum libero, nec

			fermentum nisi ligula sed neque. 

		</p>

	</ss:templates:column>

	<ss:templates:column width="4">

		<h3 style="text-align: center;"><ss:standard:image src="/tropic/af-earth.png" alt="" width="80" height="80" /></h3>

		<h3 style="text-align: center;">Our mission</h3>

		<p style="text-align: center;">

			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consectetur, nisl nec rhoncus laoreet, mi sem condimentum libero, nec

			fermentum nisi ligula sed neque. 

		</p>

	</ss:templates:column>

	<ss:templates:column width="4">

		<h3 style="text-align: center;"><ss:standard:image src="/tropic/eiffel.png" alt="" width="80" height="80" /></h3>

		<h3 style="text-align: center;">We teach French</h3>

		<p style="text-align: center;">

			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consectetur, nisl nec rhoncus laoreet, mi sem condimentum libero, nec

			fermentum nisi ligula sed neque. 

		</p>

	</ss:templates:column>

</ss:templates:row>

<br/>

<br/>

<ss:logic:include page="/tropic/design-elements/closing-div/" />

<ss:templates:section paddingtop="10rem" paddingbottom="10rem" paddingleft="2rem" paddingright="2rem" bgimage="/media/website_pages/tropic/banner.jpg"  contentsize="lg" style="text-align: center;" bgimageblur="0">

	<br/>

	<br/>

	<div style="background-color:white;display: inline-block;padding-left:20px;padding-right:20px;">

	

	<h3 style="text-align: center;">France is at your doorstep!!</h3>

	</div>

	<br/>

	<br/>

</ss:templates:section>

<ss:templates:section paddingtop="10rem" paddingbottom="4rem" paddingleft="2rem" paddingright="2rem" bgimage="/media/website_pages/tropic/lines.png"  contentsize="md" style="text-align: center;" bgimageblur="0" bgparallax="true" bgparallaxspeed="4">

	<br/>

	<h2 style="text-align: center;display: inline;"><em>Why</em> <span style="color: #75d7cc;"><em>Learn </em></span></h2>&nbsp;<h1 style="text-align: center;display: inline;">French?</h1>

	<br/>

	<br/>

	<br/>

	<ss:templates:row>

		<ss:templates:column width="2">

			<p style="text-align: center;">

				<ss:standard:image src="/tropic/portrait.jpg" alt="" width="122" floatOffset="6" height="122" class="img-responsive center-block" style="text-align: center;" />&nbsp;<br />

				<em>maximus volutpat</em>

			</p>

		</ss:templates:column>

		<ss:templates:column width="5">

			<p style="text-align: left;">

				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consectetur, nisl nec rhoncus laoreet, mi sem condimentum libero, nec

				fermentum nisi ligula sed neque. Phasellus ipsum lacus, facilisis quis pellentesque ut, venenatis ac velit. Aenean venenatis nisl et

				iaculis mattis. Integer augue eros, gravida eu ipsum a, gravida eleifend sapien. Morbi facilisis maximus volutpat. Sed auctor, erat sit

				amet mollis&nbsp;et iaculis mattis. Integer augue eros, gravida eu ipsum a, gravida eleifend sapien. Morbi facilisis maximus volutpat.

				Sed auctor, erat sit amet mollis&nbsp;et iaculis mattis. Integer augue&nbsp;

			</p>

		</ss:templates:column>

		<ss:templates:column width="5">

			<blockquote style="text-align: left;">

				Morbi facilisis maximus volutpat. Sed auctor, erat sit amet mollis elementum, dui velit convallis sem, id facilisis felis nisl vel nunc.

				Duis non orci ac nunc porttitor maximus vel id tellus.

			</blockquote>

			<p style="text-align: left;">

				Cras maximus, dui ac mollis luctus, ex elit tempor ligula, sit amet tincidunt augue erat non sem. Aliquam pellentesque pharetra nisi.

				Morbi interdum justo ac ipsum tincidunt, quis fringilla quam bibendum. Proin euismod consectetur tellus non elementum.

			</p>

		</ss:templates:column>

	</ss:templates:row>

	<br/>

	<br/>

	<p><a href="/tropic/learn-french/" class="turquoiseborder">Find your course</a></p>

	<br/>

</ss:templates:section>

<ss:logic:include page="/tropic/design-elements/opening-div/" />

<div style="text-align: center;">

<h2 style="text-align: center;display: inline;"><em><span style="color: #75d7cc;">What</span>'s</em> </h2><h1 style="text-align: center;display: inline;">New?</h1>

</div>

<br/>

<br/>

<div class="row">

<ss:data:repeater datasource="\Components\Website\Posts::getAllForCategory(18)" as="post" datafilter="array(array('post_is_offline', '=', 0))" parsenow="datafilter" paging="true" pagingrows="3" >

	<ss:logic:template component="\Components\Website\Posts" template="list" />

</ss:data:repeater>

</div>

<br/>

<ss:logic:include page="/tropic/design-elements/closing-div/" />

<div class="videoContain">

	<video  id="bgvid" playsinline autoplay muted loop>

	  <!-- 

	- Video needs to be muted, since Chrome 66+ will not autoplay video with sound.

	WCAG general accessibility recommendation is that media such as background video play through only once. Loop turned on for the purposes of illustration; if removed, the end of the video will fade in the same way created by pressing the "Pause" button  -->

	<source src="/media/website_pages/tropic/about-us/video-test/learnfrench3.webm" type="video/webm">

	<source src="/media/website_pages/tropic/about-us/video-test/learnfrench2.mp4" type="video/mp4">

	

	</video>

	<div class="container margin-top40 margin-bottom40">

		<ss:templates:row style="text-align: left;">

			<ss:templates:column width="6" >

				<h2 style="text-align: center;"><span style="color: #75d7cc;">Life</span> is better with</h2>

				<h1 style="text-align: center;"><span style="color: #fffde7;">French!</span></h1>

				<br/>

				<br/>

			</ss:templates:column>

			<ss:templates:column width="6">

		

				<h3 style="text-align: center;">Receive our newsletter</h3>

							<p style="text-align: center;">Sign up to Alliance Française and become apart of an ever-growing French community.&nbsp;</p>

			

				<ss:forms:form id="newsletter_registration" contactmode="store" onsubmitredirect="/community/register/success/">

					<div style="color:#425893;text-align: center;">

						<ss:forms:editbox id="contact_first_name" validations="mandatory" placeholder="First Name" width="100%" class="margin-bottom20" /><br />

						<ss:forms:editbox id="contact_last_name" validations="mandatory" placeholder="Last Name" width="100%" class="margin-bottom20" /><br />

						<ss:forms:editbox id="contact_email" validations="mandatory,email" placeholder="Email Address" transformations="tolower" width="100%" class="margin-bottom20" /><br />

						<ss:forms:submitbutton value="Sign up" />

					</div>

			

				</ss:forms:form>

			</ss:templates:column>

		</ss:templates:row>

	</div>

</div>

<ss:logic:include page="/tropic/design-elements/opening-div/" />

<br />

<br/>

<hr/>

<div style="text-align: center;">

<h2 style="text-align: center;display: inline;"><em><span style="color: #75d7cc;">Latest</span> from the</em> </h2><h1 style="text-align: center;display: inline;">Blog</h1>

</div>

<br/>

<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/photo-1512540452972-baac55d40ef1.jpg" contentsize="lg" style="text-align: center;">

			<br/>

			<br/>

			<div style="background-color:white;display: inline-block;padding-left:20px;padding-right:20px;"><h4 style="text-align: center;" class="inline">Art

			de&nbsp;</h4>

			<h3 style="text-align: center;" class="inline"><span style="color: #eb949f;">vivre</span></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;" bgwashopacity="100" bggradient="linear-gradient(175deg, rgb(253, 246, 247), rgb(255, 255, 255))" color="#425893" bgcolor="#fdf6f7">

			<ss:templates:row style="position: relative;top:-20px;">

				<ss:templates:column width="12">

					<ss:standard:image width="130" src="/tropic/photo-1532363664322-b46b86cc86d9.jpg" maintainaspect="crop" height="130" class="img-circle" />

					<h3 style="text-align: left;">Focus on<strong></strong></h3>

					<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. 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. <br />

						<br />

					</p>

					<p style="text-align: left;"><a href="#" class="turquoiseborder">Read more</a></p>

				</ss:templates:column>

			</ss:templates:row>

			<br/>

			<br/>

		</ss:templates:section>

	</div>

</div>

<br/>





<hr />







<ss:logic:include page="/tropic/design-elements/closing-div/" />

<ss:templates:section paddingtop="5rem" paddingbottom="6rem" paddingleft="2rem" paddingright="2rem" bgimage="" color="#ffffff" contentsize="md" bgwashopacity="100" bgwashcolor="#425893">

	<ss:templates:row style="text-align: left;">

		<ss:templates:column width="12"style="text-align: center;">

			<h2 style="text-align: center;display: inline;"><span style="color: #75d7cc;">How</span> to introduce</h2> <h1 style="text-align: center;display: inline;"><span style="color: #fffde7;">yourself</span>?</h1>

			<br/>

			<br/>

		</ss:templates:column>

	</ss:templates:row>

	<ss:templates:row style="text-align: left;">

		<ss:templates:column width="6">

			<h2 style="text-align: center;">- Comment tu t'appelles ?</h2>

			<h2 style="text-align: center;">- Je m'appelle 

			<span style="color: #75d7cc;">

				<ss:logic:if test="(\Components\Customers\Contacts::currentIsLoggedIn())">

					<ss:personalisation:firstname />.

				</ss:logic:if>

				<ss:logic:else>

					...(your name).

				</ss:logic:else>

			</span></h2>

		</ss:templates:column>

		<ss:templates:column width="2">

			<ss:standard:image src="/tropic/icon-name.png" alt="" width="193" height="237" class="img-responsive center-block" />

		</ss:templates:column>

		<ss:templates:column width="4">

			<h2 style="text-align: center;">- Tu vas bien ?<br /></h2>

			<h2 style="text-align: center;">- Oui ça va!</h2>

		</ss:templates:column>

	</ss:templates:row>

	<ss:templates:row >

		<ss:templates:column width="12"style="text-align: center;">

			<br/>

			<br/>

			<p><a href="/tropic/learn-french/" class="turquoiseborderwhite">Find your French course</a></p>

			<p></p>

		</ss:templates:column>

	</ss:templates:row>

</ss:templates:section>



<ss:logic:include page="/tropic/design-elements/opening-div/" />









	<h2 style="text-align:center;">Our <span style="color: #75d7cc;">partners</span></h2>

	<ul id="flexiselDemo3">

		<ss:data:repeater id="posts_repeater" as="post" datasource="\Components\Website\Posts::getAllForCategory(17)" parsenow="dataorder,datafilter" datalimit="15" dataorder="array(array('post_date', 'asc'))" datafilter="array(array('post_is_offline', '=', 0))">

			<li>

				<a href="[? $post['post_content_url'] ?]" target="_blank">

					<ss:standard:image src="'/media/website_posts/' + $post['post_id'] + '/' + $post['post_icon']" alt="$post['post_title']" parsenow="alt,src" style="width:100px;" />

					

				</a>

			</li>

		</ss:data:repeater>

	</ul>
Content Additional:
 
{}
{}
Js:
 
var vid = document.getElementById("bgvid");

var pauseButton = document.querySelector(".videoContain .pause");



if (window.matchMedia('(prefers-reduced-motion)').matches) {

    vid.removeAttribute("autoplay");

    vid.pause();

    pauseButton.innerHTML = "Resume video";

}



function vidFade() {

  vid.classList.add("stopfade");

}



vid.addEventListener('ended', function()

{

// only functional if "loop" is removed 

vid.pause();

// to capture IE10

vidFade();

}); 





pauseButton.addEventListener("click", function() {

  vid.classList.toggle("stopfade");

  if (vid.paused) {

    vid.play();

    pauseButton.innerHTML = "Pause video";

  } else {

    vid.pause();

    pauseButton.innerHTML = "Resume video";

  }

})
var vid = document.getElementById("bgvid");

var pauseButton = document.querySelector(".videoContain .pause");



if (window.matchMedia('(prefers-reduced-motion)').matches) {

    vid.removeAttribute("autoplay");

    vid.pause();

    pauseButton.innerHTML = "Resume video";

}



function vidFade() {

  vid.classList.add("stopfade");

}



vid.addEventListener('ended', function()

{

// only functional if "loop" is removed 

vid.pause();

// to capture IE10

vidFade();

}); 





pauseButton.addEventListener("click", function() {

  vid.classList.toggle("stopfade");

  if (vid.paused) {

    vid.play();

    pauseButton.innerHTML = "Pause video";

  } else {

    vid.pause();

    pauseButton.innerHTML = "Resume video";

  }

})
Php Source:
 

															

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Accept Child 404:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															
0

															
0

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Search Title:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															

															

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Search Title Prefix:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															

															

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Search Description:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															

															

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Search Keywords:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															

															

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Search Noindex:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															
0

															
0

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Search Nofollow:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															
0

															
0

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Search Change Frequency:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															

															

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Search Priority:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															
0.5

															
0.5

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Search Canonical Override:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															

															

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Is Offline:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															
0

															
0

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Is Hidden In Navigation:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															
0

															
0

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Is Hidden In Sitemap:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															
0

															
0

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Security New:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															
0

															
0

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Security Contact Mode:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															

															

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Security Contact Squeeze Viewlimit:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															

															

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Security Contact Require Login:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															

															

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Security Contact Groups:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															

															

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Security Condition Id:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															

															

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Security Heading:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															

															

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Security Description:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															

															

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Other Fields:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															

															

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Order:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															
2

															
2

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Parent Id:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															
/

															
/

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Contact Id:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															
0

															
0

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Design Id:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															
6

															
6

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Header Functions:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															

															

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Header Category:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															

															

														

													
													
														
											

										

											
								

							
								

									
										

											

												
													

														
Is Domain:

													

														
											

										

											
									
										

											

												

													
													

													
													
														

															
0

															
0