<!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">
<!-- Fonts-->
<link href="https://fonts.googleapis.com/css?family=Asap:400,400i,700,700i&subset=latin-ext" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Calligraffitti" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link rel="stylesheet" href="/media/website_designs/7/css/bootstrap.min.css" />
<link rel="stylesheet" href="/media/website_designs/7/css/flickity.css" media="screen"/>
<link rel="stylesheet" href="/media/website_designs/7/css/style.css" />
<link rel="apple-touch-icon" sizes="57x57" href="/media/website_designs/7/img/favi/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="/media/website_designs/7/img/favi/apple-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/media/website_designs/7/img/favi/apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/media/website_designs/7/img/favi/apple-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/media/website_designs/7/img/favi/apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/media/website_designs/7/img/favi/apple-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/media/website_designs/7/img/favi/apple-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/media/website_designs/7/img/favi/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/media/website_designs/7/img/favi/apple-icon-180x180.png" />
<link rel="icon" type="image/png" sizes="192x192" href="/media/website_designs/7/img/favi/android-icon-192x192.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/media/website_designs/7/img/favi/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="96x96" href="/media/website_designs/7/img/favi/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/media/website_designs/7/img/favi/favicon-16x16.png" />
<link rel="manifest" href="/media/website_designs/7/img/favi/manifest.json" />
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/media/website_designs/7/img/favi/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<ss:navigation:mobile id="mobile_nav" autopopulatelevel="2" rootpage="/2019-test/">
<ss:navigation:item at="start" page="/commerce/order/" autopopulatelevel="0" >
Test
</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:item at="end" page="tel:(021) 431 0677" autopopulatelevel="0" >
<i class="fa fa-phone"></i> Call today!
</ss:navigation:item>
</ss:navigation:mobile>
<div class="menuContainer fixed-top whitebg">
<div class="container navbar">
<div class="centered menuHeight">
<div class="logoContainer hidden-xs hidden-sm">
<a href="/2019-test/"><ss:standard:image src="/media/website_designs/7/img/logo.png" alt="" width="100%" /></a>
</div>
<div class="logoSmallContainer hidden-md hidden-lg">
<ss:standard:image src="/media/website_designs/7/img/logoSmall2.png" alt="" width="100%" />
</div>
<div class="centered hidden-sm">
<ss:navigation:primary openonhover="true" class="horNav" id="main-Menu" rootpage="/2019-test/" autopopulatelevel="2" classlicurrent="selected" orientation="horizontal" includeparentpagelevel="0" >
</ss:navigation:primary>
</div>
<div class="rightMenu centered">
中文
<i class="fas fa-search"></i>
<i class="fab fa-facebook-f"></i>
<i class="fab fa-instagram"></i>
<a href="/commerce/order/"><i class="fas fa-shopping-bag"></i></a>
<ss:navigation:mobilelink opens="mobile_nav"><i class="fa fa-bars hidden-md hidden-lg"></i></ss:navigation:mobilelink>
</div>
</div>
</div>
</div>
<div class="banner container-fluid">
<ss:logic:if test="\Components\Website\Pages::currentPageId() == '/2019-test/'" >
<ss:layout:rotator id="featured_rotator" startatrandom="true" transition="fade" movenextid="bannerMoveNext" movepreviousid="bannerMovePrevious" classcontrols="bottom center round mycustom">
<ul>
<ss:data:repeater parsenow="datafilter" datasource="\Components\Website\Posts::getAllForCategory(23)" 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=""/>
<!----></a>
<div class="cover"></div>
<div class="textbanner">
<div class="container containerBanner" >
<div class="row">
<div class="col-xs-12 col-sm-6">
<h1 style="text-align: left;">[? $post['post_title'] ?]</h1>
<p style="text-align: left;">
[? $post['post_content_short'] ?]
</p>
<ss:templates:button variant="Classic" color="#fff" border="2px solid #ffffff">Learn More</ss:templates:button>
</div>
</div>
</div>
</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>
</ss:logic:if>
</div>
<div class="container">
<ss:regions:content />
</div>
<hr/>
<div class="container">
<div class="row">
<div class="col-xs-6">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis, urna at bibendum finibus, lacus tortor finibus ipsum, id elementum lacus tortor vitae magna. Donec mattis nibh at felis mattis ullamcorper. Aliquam et semper elit. Nunc id euismod nisl. Fusce sollicitudin elit eu arcu finibus viverra. Nulla facilisi. Duis maximus dolor turpis, in vestibulum erat tristique sed. In auctor nisl at nibh pharetra vehicula. Nulla lectus leo, consequat id dignissim eu, auctor vitae arcu.</p>
</div>
<div class="col-xs-6">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis, urna at bibendum finibus, lacus tortor finibus ipsum, id elementum lacus tortor vitae magna. Donec mattis nibh at felis mattis ullamcorper. Aliquam et semper elit. Nunc id euismod nisl. Fusce sollicitudin elit eu arcu finibus viverra. Nulla facilisi. Duis maximus dolor turpis, in vestibulum erat tristique sed. In auctor nisl at nibh pharetra vehicula. Nulla lectus leo, consequat id dignissim eu, auctor vitae arcu.</p>
</div>
</div>
</div>
<script src="/media/website_designs/7/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
<script src="/media/website_designs/7/js/vendor/bootstrap.min.js"></script>
<script src="/media/website_designs/7/js/jquery.flexisel.js"></script>
<script src="/media/website_designs/7/js/main.js"></script>
<script src="/media/website_designs/7/js/flickity.pkgd.min.js"></script>
<ss:standard:script at="head" includejquery="true" />
</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">
<!-- Fonts-->
<link href="https://fonts.googleapis.com/css?family=Asap:400,400i,700,700i&subset=latin-ext" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Calligraffitti" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link rel="stylesheet" href="/media/website_designs/7/css/bootstrap.min.css" />
<link rel="stylesheet" href="/media/website_designs/7/css/flickity.css" media="screen"/>
<link rel="stylesheet" href="/media/website_designs/7/css/style.css" />
<link rel="apple-touch-icon" sizes="57x57" href="/media/website_designs/7/img/favi/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="/media/website_designs/7/img/favi/apple-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/media/website_designs/7/img/favi/apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/media/website_designs/7/img/favi/apple-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/media/website_designs/7/img/favi/apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/media/website_designs/7/img/favi/apple-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/media/website_designs/7/img/favi/apple-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/media/website_designs/7/img/favi/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/media/website_designs/7/img/favi/apple-icon-180x180.png" />
<link rel="icon" type="image/png" sizes="192x192" href="/media/website_designs/7/img/favi/android-icon-192x192.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/media/website_designs/7/img/favi/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="96x96" href="/media/website_designs/7/img/favi/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/media/website_designs/7/img/favi/favicon-16x16.png" />
<link rel="manifest" href="/media/website_designs/7/img/favi/manifest.json" />
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/media/website_designs/7/img/favi/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<ss:navigation:mobile id="mobile_nav" autopopulatelevel="2" rootpage="/2019-test/">
<ss:navigation:item at="start" page="/commerce/order/" autopopulatelevel="0" >
Test
</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:item at="end" page="tel:(021) 431 0677" autopopulatelevel="0" >
<i class="fa fa-phone"></i> Call today!
</ss:navigation:item>
</ss:navigation:mobile>
<div class="menuContainer fixed-top whitebg">
<div class="container navbar">
<div class="centered menuHeight">
<div class="logoContainer hidden-xs hidden-sm">
<a href="/2019-test/"><ss:standard:image src="/media/website_designs/7/img/logo.png" alt="" width="100%" /></a>
</div>
<div class="logoSmallContainer hidden-md hidden-lg">
<ss:standard:image src="/media/website_designs/7/img/logoSmall2.png" alt="" width="100%" />
</div>
<div class="centered hidden-sm">
<ss:navigation:primary openonhover="true" class="horNav" id="main-Menu" rootpage="/2019-test/" autopopulatelevel="2" classlicurrent="selected" orientation="horizontal" includeparentpagelevel="0" >
</ss:navigation:primary>
</div>
<div class="rightMenu centered">
中文
<i class="fas fa-search"></i>
<i class="fab fa-facebook-f"></i>
<i class="fab fa-instagram"></i>
<a href="/commerce/order/"><i class="fas fa-shopping-bag"></i></a>
<ss:navigation:mobilelink opens="mobile_nav"><i class="fa fa-bars hidden-md hidden-lg"></i></ss:navigation:mobilelink>
</div>
</div>
</div>
</div>
<div class="banner container-fluid">
<ss:logic:if test="\Components\Website\Pages::currentPageId() == '/2019-test/'" >
<ss:layout:rotator id="featured_rotator" startatrandom="true" transition="fade" movenextid="bannerMoveNext" movepreviousid="bannerMovePrevious" classcontrols="bottom center round mycustom">
<ul>
<ss:data:repeater parsenow="datafilter" datasource="\Components\Website\Posts::getAllForCategory(23)" 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=""/>
<!----></a>
<div class="cover"></div>
<div class="textbanner">
<div class="container containerBanner" >
<div class="row">
<div class="col-xs-12 col-sm-6">
<h1 style="text-align: left;">[? $post['post_title'] ?]</h1>
<p style="text-align: left;">
[? $post['post_content_short'] ?]
</p>
<ss:templates:button variant="Classic" color="#fff" border="2px solid #ffffff">Learn More</ss:templates:button>
</div>
</div>
</div>
</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>
</ss:logic:if>
</div>
<div class="container">
<ss:regions:content />
</div>
<hr/>
<div class="container">
<div class="row">
<div class="col-xs-6">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis, urna at bibendum finibus, lacus tortor finibus ipsum, id elementum lacus tortor vitae magna. Donec mattis nibh at felis mattis ullamcorper. Aliquam et semper elit. Nunc id euismod nisl. Fusce sollicitudin elit eu arcu finibus viverra. Nulla facilisi. Duis maximus dolor turpis, in vestibulum erat tristique sed. In auctor nisl at nibh pharetra vehicula. Nulla lectus leo, consequat id dignissim eu, auctor vitae arcu.</p>
</div>
<div class="col-xs-6">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis, urna at bibendum finibus, lacus tortor finibus ipsum, id elementum lacus tortor vitae magna. Donec mattis nibh at felis mattis ullamcorper. Aliquam et semper elit. Nunc id euismod nisl. Fusce sollicitudin elit eu arcu finibus viverra. Nulla facilisi. Duis maximus dolor turpis, in vestibulum erat tristique sed. In auctor nisl at nibh pharetra vehicula. Nulla lectus leo, consequat id dignissim eu, auctor vitae arcu.</p>
</div>
</div>
</div>
<script src="/media/website_designs/7/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
<script src="/media/website_designs/7/js/vendor/bootstrap.min.js"></script>
<script src="/media/website_designs/7/js/jquery.flexisel.js"></script>
<script src="/media/website_designs/7/js/main.js"></script>
<script src="/media/website_designs/7/js/flickity.pkgd.min.js"></script>
<ss:standard:script at="head" includejquery="true" />
</body>
</html>