php js css php js css

Changes

Changes to Design: Tropic Template

12431
Yesterday 9:07pm
Vendeville, Mathieu
Modified design
12434
Yesterday 9:07pm
Vendeville, Mathieu
Modified design
Css:
Id:
6
6
Type:
web
web
Is Archived:
0
0
Title:
Tropic Template
Tropic Template
Html:
<!doctype html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,700,600" rel="stylesheet" type="text/css" />
<meta name="google-site-verification" content="LQLLn9dwNbtTdmbzIBtrjoG_9viQ5dSph_YsAYrnMP8" />
<link href="https://fonts.googleapis.com/css?family=Calligraffitti" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="/media/website_designs/6/css/bootstrap.min.css" />
<link rel="stylesheet" href="/media/website_designs/6/css/flickity.css" media="screen"/>
<link rel="stylesheet" href="/media/website_designs/6/css/style.css" />

<link rel="apple-touch-icon" sizes="57x57" href="/media/website_designs/6/img/favi/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="/media/website_designs/6/img/favi/apple-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/media/website_designs/6/img/favi/apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/media/website_designs/6/img/favi/apple-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/media/website_designs/6/img/favi/apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/media/website_designs/6/img/favi/apple-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/media/website_designs/6/img/favi/apple-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/media/website_designs/6/img/favi/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/media/website_designs/6/img/favi/apple-icon-180x180.png" />
<link rel="icon" type="image/png" sizes="192x192" href="/media/website_designs/6/img/favi/android-icon-192x192.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/media/website_designs/6/img/favi/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="96x96" href="/media/website_designs/6/img/favi/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/media/website_designs/6/img/favi/favicon-16x16.png" />
<link rel="manifest" href="/media/website_designs/6/img/favi/manifest.json" />
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/media/website_designs/6/img/favi/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">

<script src="/media/website_designs/6/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
<script src="/media/website_designs/6/js/main.js"></script>
<script src="/media/website_designs/6/js/jquery.flexisel.js"></script>

<script>
jQuery(function($) {
//caches a jQuery object containing the header element
var lastScrollTop = 0;
var header = $(".rightHeader");
var logo = $(".logoContainer");
$(window).scroll(function() {
var st = $(this).scrollTop();
if (st > lastScrollTop) {
header.addClass("rightHeaderSmall");
logo.addClass("shrink");
} else {
header.removeClass("rightHeaderSmall");
logo.removeClass("shrink");
}
lastScrollTop = st;
});
});

</script>
</head>
<body>

<ss:navigation:mobile id="mobile_nav" autopopulatelevel="2">
<ss:navigation:item at="start" page="/tropic/">
<i class="fa fa-home"></i>
</ss:navigation:item>
<ss:navigation:item at="end" page="/commerce/order/" autopopulatelevel="0" >
<i class="fa fa-shopping-cart"></i>
</ss:navigation:item>
<ss:navigation:item at="end" autopopulatelevel="0" >
<ss:standard:link opendialogid="search_popup">
<i class="fa fa-search"></i>
</ss:standard:link>
</ss:navigation:item>
</ss:navigation:mobile>
<ss:logic:if test="\Components\Website\Pages::currentPageId() == '/commerce/order/success/'">
<!---->
</ss:logic:if>
<ss:forms:dialogbox id="newsletter_popup" width="60%">
<ss:logic:include page="/tropic/design-elements/receive-newsletter/" />
</ss:forms:dialogbox>
<ss:forms:dialogbox id="search_popup" width="60%">
<h1>Search</h1>
<form method="get" action="/search/">
<ss:forms:row type="one_column">
<ss:forms:editbox class="searchBox col-xs-12" name="query" type="text" placeholder="Search" transformations="tolower" />
</ss:forms:row>
<ss:forms:row type="one_column" align="center">
<ss:forms:submitbutton value="Go!" />
</ss:forms:row>
</form>
</ss:forms:dialogbox>
<ss:forms:dialogbox id="login_popup" width="60%">
<ss:logic:if test="!(\Components\Customers\Contacts::currentIsLoggedIn())">
<h3 style="text-align: center;">Existing Member?</h3>
<p style="text-align: center;">
If you already have an account with us, you can login below.
</p>
<ss:forms:form norefresh="true" contactmode="login">
<ss:forms:row label="E-mail Address">
<ss:forms:editbox id="contact_email" datacolumn="contact_email" validations="mandatory" transformations="tolower" parse="value" value="\Components\Customers\Contacts::currentGetColumn('contact_email')" />
</ss:forms:row>
<ss:forms:row label="Password">
<ss:forms:password id="contact_password" datacolumn="contact_password" validations="mandatory" />
</ss:forms:row>
<ss:forms:row type="one_column" align="center">
<ss:forms:submitbutton value="Login" />
</ss:forms:row>
</ss:forms:form>
<small>- <a href="/community/lost_password/">Forgot / Lost Password</a></small>
</ss:logic:if>
<ss:logic:else>
<h3 style="text-align: center;">Bonjour!</h3>
<p style="text-align: center;">
You are currently logged in as <strong><ss:personalisation:fullname /></strong>. <br/>
If you would like to change your login information, please choose from the options below.
</p>
<p style="text-align: center;">
<a href="/community/profile/"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> My Profile</a><br />
<a href="/community/logout/" onclick="return confirm('Are you sure you wish to logout?\n\nYou only need to logout if you are using a public computer and are concerned about your privacy.\nUnlike some sites, this site does not require you to logout after each session.');"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Logout</a>
</p>
</ss:logic:else>
</ss:forms:dialogbox>
<div id="main-content-area">
<div class="container-fluid navbar-fixed-top border-bottom white-bg">
<div class="container marginHeader">
<div class="row">
<div class="logoContainer" id="logoContainer">
<a href="/tropic/"><img src="/media/website_designs/6/img/logo1.png" class="logo" /></a>
</div>
<div class="rightHeader">
<div class="topTopNav col-sm-12">
<div class="login hidden-xs">
<ss:standard:link opendialogid="login_popup">
<ss:logic:if test="!(\Components\Customers\Contacts::currentIsLoggedIn())">
Login
</ss:logic:if>
<ss:logic:else>
Bonjour <ss:personalisation:firstname /> <span class="caret"></span>
</ss:logic:else>
</ss:standard:link>
</div>
<div class="login visible-xs-block">
<ss:standard:link opendialogid="login_popup">
<span class="glyphicon glyphicon-user" aria-hidden="true"></span>
</ss:standard:link>
</div>
<div class="newsletter hidden-xs">
<ss:standard:link opendialogid="newsletter_popup">
Receive Our Newsletter
</ss:standard:link>
</div>
<div class="newsletter visible-xs-block">
<ss:standard:link opendialogid="newsletter_popup">
<span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
</ss:standard:link>
</div>
<div class="socialIconsContainerAll">
<div class="socialIconsContainer img-circle">
<a href="https://www.youtube.com/" target="_blank"><img src="/media/website_designs/6/img/youtube.png" class="socialIcons" /></a>
</div>
<div class="socialIconsContainer img-circle">
<a href="https://www.instagram.com/" target="_blank"><img src="/media/website_designs/6/img/insta.png" class="socialIcons" /></a>
</div>
<div class="socialIconsContainer img-circle">
<a href="https://twitter.com/" target="_blank"><img src="/media/website_designs/6/img/twitter.png" class="socialIcons" /></a>
</div>
<div class="socialIconsContainer img-circle">
<a href="https://www.facebook.com/" target="_blank"><img src="/media/website_designs/6/img/fb.png" class="socialIcons" /></a>
</div>
</div>
</div>
<nav class="navbar" role="navigation">
<div class="MobileMenuTopRight visible-sm visible-xs">
<ss:navigation:mobilelink class="first" opens="mobile_nav" rootpage="/tropic/">
<img src="/media/website_designs/6/img/mobile-button-large.png" class="menuMobile" alt="mobile menu" />
</ss:navigation:mobilelink>
</div>
<div class="topNavigation visible-lg visible-md">
<ss:navigation:primary openonhover="true" class="horNav" id="mainMenu" rootpage="/tropic/" autopopulatelevel="2" classlicurrent="selected" orientation="horizontal" includeparentpagelevel="0" >
<ss:navigation:item at="start" autopopulatelevel="0" page="/tropic/">
<i class="fa fa-home"></i>
</ss:navigation:item>
<ss:navigation:item at="end" page="/commerce/order/" autopopulatelevel="0" >
<i class="fa fa-shopping-cart"></i>
</ss:navigation:item>
<ss:navigation:item at="end" autopopulatelevel="0" >
<ss:standard:link opendialogid="search_popup">
<i class="fa fa-search"></i>
</ss:standard:link>
</ss:navigation:item>
</ss:navigation:primary>
<!---->
</div>
</nav>
</div>
</div>
</div>
</div>
<!---->
<ss:logic:if test="\Components\Website\Pages::currentPageId() == '/tropic/'" >
<div id="slideshow">
<div class="container-fluid banner">
<ss:layout:rotator class="bannerRotator" transition="fade" movenextid="bannerMoveNext" movepreviousid="bannerMovePrevious" classcontrols="bottom center round mycustom">
<ul>
<ss:data:repeater parsenow="datafilter" datasource="\Components\Website\Posts::getAllForCategory(22)" as="post" datafilter="array(array('post_is_offline', '=', 0))">
<li>
<a href="[? $post['post_content_url'] ?]"><ss:standard:image src="'/media/website_posts/' + $post['post_id'] + '/' + $post['post_icon']" alt="$post['post_title']" parsenow="src,alt" class="" style="width:100%" />
<!----></a>


<div class="slideLink [? $post['post_content_short_align'] ?]" >
<ss:logic:if test="$post['post_content_short']">
<div class="slideLinkText" style="color:[? $post['post_overwrite_short_color'] ?];"><b>[? $post['post_content_short'] ?]</b></div>
</ss:logic:if>
<ss:logic:if test="$post['post_link_button']">
<div style="text-align:center;"><a href="[? $post['post_content_url'] ?]" class="btn-red">[? $post['post_link_button'] ?]</a></div>
</ss:logic:if>
</div>
</li>

</ss:data:repeater>
</ul>
</ss:layout:rotator>
<a id="bannerMovePrevious" href="#">
<img alt="Previous Item" src="/media/website_designs/6/img/left-arrow2.png" />
</a>
<a id="bannerMoveNext" href="#">
<img alt="Next Item" src="/media/website_designs/6/img/right-arrow2.png" />
</a>
</div>
</div>
</ss:logic:if>
<!---->
<ss:logic:variable as="headerimages" value="determineHeaderImages()" parsenow="value" />

<ss:logic:if test="count($headerimages)">
<div id="slideshow">
<div class="container banner topBanner">
<ss:layout:rotator id="header_rotator" startatrandom="false" movenextid="TopbannerMoveNext" movepreviousid="TopbannerMovePrevious">
<ul>
<ss:data:repeater as="file" datasource="$headerimages">
<li>
<ss:standard:image alt="" src="$file['media_link']" parsenow="src" class="img-responsive" />
</li>
</ss:data:repeater>
</ul>
</ss:layout:rotator>
<a id="TopbannerMovePrevious" href="#">
<img alt="Previous Item" src="/media/website_designs/6/img/left-arrow2.png" />
</a>
<a id="TopbannerMoveNext" href="#">
<img alt="Next Item" src="/media/website_designs/6/img/right-arrow2.png" />
</a>
</div>
</div>
</ss:logic:if>
<!---->
<div class="container mainContent">
<ss:regions:content />
<ss:logic:if test="\Components\Website\Pages::currentPageId() != '/'">
<ss:logic:if test="youMayAlsoLikeGeneral()">
<!---->
</ss:logic:if>
</ss:logic:if>
</div>

<div class="container">
<hr />
<div class="row margin-bottom20" id="footersize">
<div class="col-xs-6 col-sm-6 col-md-4">
<ss:logic:include page="/tropic/design-elements/left-infos/" />

</div>
<div class="col-xs-6 col-sm-6 col-md-4">
<ss:logic:include page="/tropic/design-elements/middle-infos/" />

</div>
<div class="col-xs-6 col-sm-6 col-md-4">
<ss:logic:include page="/tropic/design-elements/right-infos/" />

</div>
</div>
<span class="credit"> Design by <a href="http://monsieurgraphic.com/" target="_blank">Monsieur Graphic</a></span>
</div>
</div>
<script src="/media/website_designs/6/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
<script src="/media/website_designs/6/js/vendor/bootstrap.min.js"></script>

<ss:logic:if test="!(\Framework\DOM\CurrentContext::getIsInEditMode())">
<ss:standard:script at="head" includejquery="true" />
<script type="text/javascript">
window.$ = jQuery;
$(window).load(function() {
$("#flexiselDemo1").flexisel();

$("#flexiselDemo2").flexisel({
visibleItems: 4,
itemsToScroll: 3,
animationSpeed: 200,
infinite: true,
navigationTargetSelector: null,
autoPlay: {
enable: false,
interval: 5000,
pauseOnHover: true
},
responsiveBreakpoints: {
portrait: {
changePoint:480,
visibleItems: 1,
itemsToScroll: 1
},
landscape: {
changePoint:640,
visibleItems: 2,
itemsToScroll: 2
},
tablet: {
changePoint:768,
visibleItems: 3,
itemsToScroll: 3
}
},
loaded: function(object) {
console.log('Slider loaded...');
},
before: function(object){
console.log('Before transition...');
},
after: function(object) {
console.log('After transition...');
},
resize: function(object){
console.log('After resize...');
}
});

$("#flexiselDemo3").flexisel({
visibleItems: 5,
itemsToScroll: 1,
autoPlay: {
enable: true,
interval: 5000,
pauseOnHover: true
}
});

$("#flexiselDemo4").flexisel({
infinite: false
});

});
</script>

<script src="/media/website_designs/6/js/vendor/bootstrap.min.js"></script>
<script src="/media/website_designs/6/js/main.js"></script>
<script src="/media/website_designs/6/js/jquery.flexisel.js"></script>
</ss:logic:if>


<ss:standard:script at="head" includejquery="true" />

<script src="/media/website_designs/6/js/vendor/bootstrap.min.js"></script>
<script src="/media/website_designs/6/js/main.js"></script>
<script src="/media/website_designs/6/js/flickity.pkgd.min.js"></script>
<script>
jQuery('.commerceProductsOrderBox').insertBefore('div.mainContent > h1')
</script>
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '311308299366105');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=311308299366105&amp;ev=PageView&amp;noscript=1" />
</noscript>
<!-- End Facebook Pixel Code -->

<ss:logic:if test="\Components\Website\Pages::currentPageId() == '/commerce/order/success/'">
<script>
fbq('track', 'CompleteRegistration');
</script>
</ss:logic:if>
</body>
</html>
<!doctype html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,700,600" rel="stylesheet" type="text/css" />
<meta name="google-site-verification" content="LQLLn9dwNbtTdmbzIBtrjoG_9viQ5dSph_YsAYrnMP8" />
<link href="https://fonts.googleapis.com/css?family=Calligraffitti" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="/media/website_designs/6/css/bootstrap.min.css" />
<link rel="stylesheet" href="/media/website_designs/6/css/flickity.css" media="screen"/>
<link rel="stylesheet" href="/media/website_designs/6/css/style.css" />

<link rel="apple-touch-icon" sizes="57x57" href="/media/website_designs/6/img/favi/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="/media/website_designs/6/img/favi/apple-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/media/website_designs/6/img/favi/apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/media/website_designs/6/img/favi/apple-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/media/website_designs/6/img/favi/apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/media/website_designs/6/img/favi/apple-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/media/website_designs/6/img/favi/apple-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/media/website_designs/6/img/favi/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/media/website_designs/6/img/favi/apple-icon-180x180.png" />
<link rel="icon" type="image/png" sizes="192x192" href="/media/website_designs/6/img/favi/android-icon-192x192.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/media/website_designs/6/img/favi/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="96x96" href="/media/website_designs/6/img/favi/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/media/website_designs/6/img/favi/favicon-16x16.png" />
<link rel="manifest" href="/media/website_designs/6/img/favi/manifest.json" />
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/media/website_designs/6/img/favi/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">

<script src="/media/website_designs/6/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
<script src="/media/website_designs/6/js/main.js"></script>
<script src="/media/website_designs/6/js/jquery.flexisel.js"></script>

<script>
jQuery(function($) {
//caches a jQuery object containing the header element
var lastScrollTop = 0;
var header = $(".rightHeader");
var logo = $(".logoContainer");
$(window).scroll(function() {
var st = $(this).scrollTop();
if (st > lastScrollTop) {
header.addClass("rightHeaderSmall");
logo.addClass("shrink");
} else {
header.removeClass("rightHeaderSmall");
logo.removeClass("shrink");
}
lastScrollTop = st;
});
});

</script>
</head>
<body>

<ss:navigation:mobile id="mobile_nav" autopopulatelevel="2">
<ss:navigation:item at="start" page="/tropic/">
<i class="fa fa-home"></i>
</ss:navigation:item>
<ss:navigation:item at="end" page="/commerce/order/" autopopulatelevel="0" >
<i class="fa fa-shopping-cart"></i>
</ss:navigation:item>
<ss:navigation:item at="end" autopopulatelevel="0" >
<ss:standard:link opendialogid="search_popup">
<i class="fa fa-search"></i>
</ss:standard:link>
</ss:navigation:item>
</ss:navigation:mobile>
<ss:logic:if test="\Components\Website\Pages::currentPageId() == '/commerce/order/success/'">
<!---->
</ss:logic:if>
<ss:forms:dialogbox id="newsletter_popup" width="60%">
<ss:logic:include page="/tropic/design-elements/receive-newsletter/" />
</ss:forms:dialogbox>
<ss:forms:dialogbox id="search_popup" width="60%">
<h1>Search</h1>
<form method="get" action="/search/">
<ss:forms:row type="one_column">
<ss:forms:editbox class="searchBox col-xs-12" name="query" type="text" placeholder="Search" transformations="tolower" />
</ss:forms:row>
<ss:forms:row type="one_column" align="center">
<ss:forms:submitbutton value="Go!" />
</ss:forms:row>
</form>
</ss:forms:dialogbox>
<ss:forms:dialogbox id="login_popup" width="60%">
<ss:logic:if test="!(\Components\Customers\Contacts::currentIsLoggedIn())">
<h3 style="text-align: center;">Existing Member?</h3>
<p style="text-align: center;">
If you already have an account with us, you can login below.
</p>
<ss:forms:form norefresh="true" contactmode="login">
<ss:forms:row label="E-mail Address">
<ss:forms:editbox id="contact_email" datacolumn="contact_email" validations="mandatory" transformations="tolower" parse="value" value="\Components\Customers\Contacts::currentGetColumn('contact_email')" />
</ss:forms:row>
<ss:forms:row label="Password">
<ss:forms:password id="contact_password" datacolumn="contact_password" validations="mandatory" />
</ss:forms:row>
<ss:forms:row type="one_column" align="center">
<ss:forms:submitbutton value="Login" />
</ss:forms:row>
</ss:forms:form>
<small>- <a href="/community/lost_password/">Forgot / Lost Password</a></small>
</ss:logic:if>
<ss:logic:else>
<h3 style="text-align: center;">Bonjour!</h3>
<p style="text-align: center;">
You are currently logged in as <strong><ss:personalisation:fullname /></strong>. <br/>
If you would like to change your login information, please choose from the options below.
</p>
<p style="text-align: center;">
<a href="/community/profile/"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> My Profile</a><br />
<a href="/community/logout/" onclick="return confirm('Are you sure you wish to logout?\n\nYou only need to logout if you are using a public computer and are concerned about your privacy.\nUnlike some sites, this site does not require you to logout after each session.');"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Logout</a>
</p>
</ss:logic:else>
</ss:forms:dialogbox>
<div id="main-content-area">
<div class="container-fluid navbar-fixed-top border-bottom white-bg">
<div class="container marginHeader">
<div class="row">
<div class="logoContainer" id="logoContainer">
<a href="/tropic/"><img src="/media/website_designs/6/img/logo1.png" class="logo" /></a>
</div>
<div class="rightHeader">
<div class="topTopNav col-sm-12">
<div class="login hidden-xs">
<ss:standard:link opendialogid="login_popup">
<ss:logic:if test="!(\Components\Customers\Contacts::currentIsLoggedIn())">
Login
</ss:logic:if>
<ss:logic:else>
Bonjour <ss:personalisation:firstname /> <span class="caret"></span>
</ss:logic:else>
</ss:standard:link>
</div>
<div class="login visible-xs-block">
<ss:standard:link opendialogid="login_popup">
<span class="glyphicon glyphicon-user" aria-hidden="true"></span>
</ss:standard:link>
</div>
<div class="newsletter hidden-xs">
<ss:standard:link opendialogid="newsletter_popup">
Receive Our Newsletter
</ss:standard:link>
</div>
<div class="newsletter visible-xs-block">
<ss:standard:link opendialogid="newsletter_popup">
<span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
</ss:standard:link>
</div>
<div class="socialIconsContainerAll">
<div class="socialIconsContainer img-circle">
<a href="https://www.youtube.com/" target="_blank"><img src="/media/website_designs/6/img/youtube.png" class="socialIcons" /></a>
</div>
<div class="socialIconsContainer img-circle">
<a href="https://www.instagram.com/" target="_blank"><img src="/media/website_designs/6/img/insta.png" class="socialIcons" /></a>
</div>
<div class="socialIconsContainer img-circle">
<a href="https://twitter.com/" target="_blank"><img src="/media/website_designs/6/img/twitter.png" class="socialIcons" /></a>
</div>
<div class="socialIconsContainer img-circle">
<a href="https://www.facebook.com/" target="_blank"><img src="/media/website_designs/6/img/fb.png" class="socialIcons" /></a>
</div>
</div>
</div>
<nav class="navbar" role="navigation">
<div class="MobileMenuTopRight visible-sm visible-xs">
<ss:navigation:mobilelink class="first" opens="mobile_nav" rootpage="/tropic/">
<img src="/media/website_designs/6/img/mobile-button-large.png" class="menuMobile" alt="mobile menu" />
</ss:navigation:mobilelink>
</div>
<div class="topNavigation visible-lg visible-md">
<ss:navigation:primary openonhover="true" class="horNav" id="mainMenu" rootpage="/tropic/" autopopulatelevel="2" classlicurrent="selected" orientation="horizontal" includeparentpagelevel="0" >
<ss:navigation:item at="start" autopopulatelevel="0" page="/tropic/">
<i class="fa fa-home"></i>
</ss:navigation:item>
<ss:navigation:item at="end" page="/commerce/order/" autopopulatelevel="0" >
<i class="fa fa-shopping-cart"></i>
</ss:navigation:item>
<ss:navigation:item at="end" autopopulatelevel="0" >
<ss:standard:link opendialogid="search_popup">
<i class="fa fa-search"></i>
</ss:standard:link>
</ss:navigation:item>
</ss:navigation:primary>
<!---->
</div>
</nav>
</div>
</div>
</div>
</div>
<!---->
<ss:logic:if test="\Components\Website\Pages::currentPageId() == '/tropic/'" >
<div id="slideshow">
<div class="container-fluid banner">
<ss:layout:rotator class="bannerRotator" transition="fade" movenextid="bannerMoveNext" movepreviousid="bannerMovePrevious" classcontrols="bottom center round mycustom">
<ul>
<ss:data:repeater parsenow="datafilter" datasource="\Components\Website\Posts::getAllForCategory(22)" as="post" datafilter="array(array('post_is_offline', '=', 0))">
<li>
<a href="[? $post['post_content_url'] ?]"><ss:standard:image src="'/media/website_posts/' + $post['post_id'] + '/' + $post['post_icon']" alt="$post['post_title']" parsenow="src,alt" class="" style="width:100%" />
<!----></a>


<div class="slideLink [? $post['post_content_short_align'] ?]" >
<ss:logic:if test="$post['post_content_short']">
<div class="slideLinkText" style="color:[? $post['post_overwrite_short_color'] ?];"><b>[? $post['post_content_short'] ?]</b></div>
</ss:logic:if>
<ss:logic:if test="$post['post_link_button']">
<div style="text-align:center;"><a href="[? $post['post_content_url'] ?]" class="btn-red">[? $post['post_link_button'] ?]</a></div>
</ss:logic:if>
</div>
</li>

</ss:data:repeater>
</ul>
</ss:layout:rotator>
<a id="bannerMovePrevious" href="#">
<img alt="Previous Item" src="/media/website_designs/6/img/left-arrow2.png" />
</a>
<a id="bannerMoveNext" href="#">
<img alt="Next Item" src="/media/website_designs/6/img/right-arrow2.png" />
</a>
</div>
</div>
</ss:logic:if>
<!---->
<ss:logic:variable as="headerimages" value="determineHeaderImages()" parsenow="value" />

<ss:logic:if test="count($headerimages)">
<div id="slideshow">
<div class="container banner topBanner">
<ss:layout:rotator id="header_rotator" startatrandom="false" movenextid="TopbannerMoveNext" movepreviousid="TopbannerMovePrevious">
<ul>
<ss:data:repeater as="file" datasource="$headerimages">
<li>
<ss:standard:image alt="" src="$file['media_link']" parsenow="src" class="img-responsive" />
</li>
</ss:data:repeater>
</ul>
</ss:layout:rotator>
<a id="TopbannerMovePrevious" href="#">
<img alt="Previous Item" src="/media/website_designs/6/img/left-arrow2.png" />
</a>
<a id="TopbannerMoveNext" href="#">
<img alt="Next Item" src="/media/website_designs/6/img/right-arrow2.png" />
</a>
</div>
</div>
</ss:logic:if>
<!---->
<div class="container mainContent">
<ss:regions:content />
<ss:logic:if test="\Components\Website\Pages::currentPageId() != '/'">
<ss:logic:if test="youMayAlsoLikeGeneral()">
<!---->
</ss:logic:if>
</ss:logic:if>
</div>

<div class="container">
<hr />
<div class="row margin-bottom20" id="footersize">
<div class="col-xs-6 col-sm-6 col-md-4">
<ss:logic:include page="/tropic/design-elements/left-infos/" />

</div>
<div class="col-xs-6 col-sm-6 col-md-4">
<ss:logic:include page="/tropic/design-elements/middle-infos/" />

</div>
<div class="col-xs-6 col-sm-6 col-md-4">
<ss:logic:include page="/tropic/design-elements/right-infos/" />

</div>
</div>
<span class="credit"> Design by <a href="http://monsieurgraphic.com/" target="_blank">Monsieur Graphic</a></span>
</div>
</div>
<script src="/media/website_designs/6/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
<script src="/media/website_designs/6/js/vendor/bootstrap.min.js"></script>

<ss:logic:if test="!(\Framework\DOM\CurrentContext::getIsInEditMode())">
<ss:standard:script at="head" includejquery="true" />
<script type="text/javascript">
window.$ = jQuery;
$(window).load(function() {
$("#flexiselDemo1").flexisel();

$("#flexiselDemo2").flexisel({
visibleItems: 4,
itemsToScroll: 3,
animationSpeed: 200,
infinite: true,
navigationTargetSelector: null,
autoPlay: {
enable: false,
interval: 5000,
pauseOnHover: true
},
responsiveBreakpoints: {
portrait: {
changePoint:480,
visibleItems: 1,
itemsToScroll: 1
},
landscape: {
changePoint:640,
visibleItems: 2,
itemsToScroll: 2
},
tablet: {
changePoint:768,
visibleItems: 3,
itemsToScroll: 3
}
},
loaded: function(object) {
console.log('Slider loaded...');
},
before: function(object){
console.log('Before transition...');
},
after: function(object) {
console.log('After transition...');
},
resize: function(object){
console.log('After resize...');
}
});

$("#flexiselDemo3").flexisel({
visibleItems: 5,
itemsToScroll: 1,
autoPlay: {
enable: true,
interval: 5000,
pauseOnHover: true
}
});

$("#flexiselDemo4").flexisel({
infinite: false
});

});
</script>

<script src="/media/website_designs/6/js/vendor/bootstrap.min.js"></script>
<script src="/media/website_designs/6/js/main.js"></script>
<script src="/media/website_designs/6/js/jquery.flexisel.js"></script>
</ss:logic:if>


<ss:standard:script at="head" includejquery="true" />

<script src="/media/website_designs/6/js/vendor/bootstrap.min.js"></script>
<script src="/media/website_designs/6/js/main.js"></script>
<script src="/media/website_designs/6/js/flickity.pkgd.min.js"></script>
<script>
jQuery('.commerceProductsOrderBox').insertBefore('div.mainContent > h1')
</script>
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '311308299366105');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=311308299366105&amp;ev=PageView&amp;noscript=1" />
</noscript>
<!-- End Facebook Pixel Code -->

<ss:logic:if test="\Components\Website\Pages::currentPageId() == '/commerce/order/success/'">
<script>
fbq('track', 'CompleteRegistration');
</script>
</ss:logic:if>
</body>
</html>
Js:

															

														
Php Source:
<?php

function determineHeaderImages()
{
$strPage = \Components\Website\Pages::currentPageId();

while($strPage)
{
if(file_exists('media/website_pages' . $strPage . 'header-images/'))
{
$arrFiles = \Components\Website\Media::getChildren('website_pages' . $strPage . 'header-images/');

if(count($arrFiles))
{
return $arrFiles;
}
}

$strPage = \Framework\Components\TextualIds::getParent($strPage);
}

return array();
}

function youMayAlsoLikeGeneral()
{
$strCurrentPageId = \Components\Website\Pages::currentPageId();

$arrNoSideNavPages = array();
$arrNoSideNavPages[] = '/community/profile/';
$arrNoSideNavPages[] = '/placement-tests/';
$arrNoSideNavPages[] = '/af/';
$arrNoSideNavPages[] = '/commerce/';
$arrNoSideNavPages[] = '/products/';
$arrNoSideNavPages[] = '/order-a-course/';


foreach($arrNoSideNavPages as $strPageId)
{
if(strpos($strCurrentPageId, $strPageId) === 0)
{
return false;
}
}

return true;
}


function getEventbriteEvents()
{
if (\Framework\Caching\FileBased::isCached('Eventbrite', 'events', 600))
{
return \Framework\Caching\FileBased::get('Eventbrite', 'events');
}

$strURL = 'https://www.eventbriteapi.com/v3/events/search/?organizer.id=9836209845&expand=ticket_classes&token=ESKTXW6JDXLZMJP6DW7Z';
$strResult = @makeHTTPRequest($strURL);

if (!$strResult)
{
return [];
}

$arrResult = @json_decode($strResult, true);

if (!$arrResult || !isset($arrResult['events']))
{
return [];
}

\Framework\Caching\FileBased::save('Eventbrite', 'events', $arrResult['events']);
return $arrResult['events'];
}

?>
<?php

function determineHeaderImages()
{
$strPage = \Components\Website\Pages::currentPageId();

while($strPage)
{
if(file_exists('media/website_pages' . $strPage . 'header-images/'))
{
$arrFiles = \Components\Website\Media::getChildren('website_pages' . $strPage . 'header-images/');

if(count($arrFiles))
{
return $arrFiles;
}
}

$strPage = \Framework\Components\TextualIds::getParent($strPage);
}

return array();
}

function youMayAlsoLikeGeneral()
{
$strCurrentPageId = \Components\Website\Pages::currentPageId();

$arrNoSideNavPages = array();
$arrNoSideNavPages[] = '/community/profile/';
$arrNoSideNavPages[] = '/placement-tests/';
$arrNoSideNavPages[] = '/af/';
$arrNoSideNavPages[] = '/commerce/';
$arrNoSideNavPages[] = '/products/';
$arrNoSideNavPages[] = '/order-a-course/';


foreach($arrNoSideNavPages as $strPageId)
{
if(strpos($strCurrentPageId, $strPageId) === 0)
{
return false;
}
}

return true;
}


function getEventbriteEvents()
{
if (\Framework\Caching\FileBased::isCached('Eventbrite', 'events', 600))
{
return \Framework\Caching\FileBased::get('Eventbrite', 'events');
}

$strURL = 'https://www.eventbriteapi.com/v3/events/search/?organizer.id=9836209845&expand=ticket_classes&token=ESKTXW6JDXLZMJP6DW7Z';
$strResult = @makeHTTPRequest($strURL);

if (!$strResult)
{
return [];
}

$arrResult = @json_decode($strResult, true);

if (!$arrResult || !isset($arrResult['events']))
{
return [];
}

\Framework\Caching\FileBased::save('Eventbrite', 'events', $arrResult['events']);
return $arrResult['events'];
}

?>
Mobile Function:
none
none
Mobile Value:

															

														
Google Analytics Id:

															

														
Ajax Navigation: