<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<meta name="HandheldFriendly" content="true" />
<ss:templates:styles
boxsizingborderbox="true"
maxwidthmedia="true"
rootfontsize="16px"
rootfontsizemobile="14px"
lastusedratio="1.68"
bodyfontlibrary="google"
bodyfontfamily="Work Sans"
bodyfontweight="300"
bodycolor="#333"
bodyfontsize="1rem"
bodylineheight="1.55rem"
bodymargintop="0rem"
bodymarginbottom="0.8rem"
h1fontlibrary="google"
h1fontfamily="Josefin Sans"
h1fontweight="600"
h1color=""
h1fontsize="4.2358rem"
h1lineheight="4.9245rem"
h1margintop="3.1rem"
h1marginbottom="1.6rem"
h2fontlibrary="google"
h2fontfamily="Josefin Sans"
h2fontweight="600"
h2color=""
h2fontsize="2.6179rem"
h2lineheight="3.1850rem"
h2margintop="3.1rem"
h2marginbottom="1.6rem"
h3fontlibrary="google"
h3fontfamily="Josefin Sans"
h3fontweight="600"
h3color=""
h3fontsize="1.618rem"
h3lineheight="2.1180rem"
h3margintop="2.3rem"
h3marginbottom="0.8rem"
h4fontlibrary="google"
h4fontfamily="Josefin Sans"
h4fontweight="600"
h4color=""
h4fontsize="1rem"
h4lineheight="1.55rem"
h4margintop="2.3rem"
h4marginbottom="0.8rem"
h5fontlibrary="google"
h5fontfamily="Josefin Sans"
h5fontweight="600"
h5color=""
h5fontsize="1rem"
h5lineheight="1.55rem"
h5margintop="1.6rem"
h5marginbottom="0.8rem"
acolor="#218af2"
atextdecoration="none"
improveformstyles="true"
formaccentcolor="#302c2c"
formstylevariant="minimal"
/>
<style>
nav ul li a {
font-size: small;
letter-spacing: 1px;
text-transform: uppercase;
}
nav ul li.active a {
border-bottom: 4px solid #218af2;
padding: 10px 0px !important;
color: #218af2 !important;
}
footer a {
color: #fff;
}
.list-unstyled
{
list-style: none;
-webkit-padding-start: 0;
}
footer ul li {
padding: 3px 0;
}
.footerNewsletterBtn {
color: #218af2 !important;
font-size: small !important;
min-width: auto !important;
background: white !important;
border-radius: 50px !important;
}
.image-round {
border-radius: 10px;
}
p.crumbs, p.crumbs a {
font-weight: bold;
color: white;
}
p.standardCrumbs, p.standardCrumbs a {
font-weight: bold;
color: #218af2 !important;
}
#contact_form button {
font-size: small;
}
</style>
</head>
<body>
<ss:templates:header variant="Slim" maxlogowidth="200px" maxlogoheight="100px" logo="/media/website_designs/17/cc_logo_web_opt.svg" contentsize="md">
<ss:navigation:primary includestyles="true" id="headerNav" autopopulatelevel="2" openonhover="true" classlicurrent="active">
<ss:navigation:item at="start" page="/"></ss:navigation:item>
<ss:navigation:item at="end" page="/search/">
<ss:standard:icon name="search" library="fontawesome" style="width: 16px; height: 16px"/>
</ss:navigation:item>
</ss:navigation:primary>
<ss:templates:button headerposition="primary" variant="Classic" borderRadius="50px" color="#ffffff" bgcolor="#218af2" href="/contact-us/"><small>GET STARTED</small></ss:templates:button> </ss:templates:header>
<!-- Home Page -->
<ss:logic:if test="\Components\Website\Pages::currentPageId() == '/'">
<ss:regions:content requiressection="true" />
</ss:logic:if>
<!-- General Page -->
<ss:logic:else>
<ss:logic:variable value="\Components\Website\Pages::current()" as="page" parsenow="value" />
<!-- Page Icon as Banner -->
<ss:regions:togglable id="pageIconBanner" defaultvisible="true" label="Use Page Icon as Banner">
<ss:logic:if test="$page['page_icon']">
<ss:templates:section paddingtop="5rem" paddingbottom="5rem" paddingleft="2rem" paddingright="2rem" bgimage="$page['page_icon']" bgwashcolor="#000" bgwashopacity="60" color="#f6f7f9" contentsize="md" parsenow="bgimage">
<ss:templates:row verticalAlignColumns="center">
<ss:templates:column width="7">
<small>
<p class="crumbs" style="letter-spacing: 1px; text-transform: uppercase;">
<ss:navigation:breadcrumbs id="sidebar_breadcrumb" showhomepage="true" separator=" • "/>
</p></small>
<h1 style="margin-top: 0px;">[? \Components\Website\Pages::currentGetColumn('page_title') ?]</h1>
</ss:templates:column>
<ss:templates:column width="5">
<p>
<ss:regions:contentadditional id="additionalContentForHeader" />
</p>
</ss:templates:column>
</ss:templates:row>
</ss:templates:section>
</ss:logic:if>
<ss:logic:else>
<ss:templates:section paddingtop="5rem" paddingbottom="5rem" paddingleft="2rem" paddingright="2rem" bgimage="https://images.unsplash.com/photo-1486406146926-c627a92ad1ab" bgwashcolor="#000" bgwashopacity="60" color="#f6f7f9" contentsize="md">
<ss:templates:row verticalAlignColumns="center">
<ss:templates:column width="7">
<small>
<p class="crumbs" style="letter-spacing: 1px; text-transform: uppercase;">
<ss:navigation:breadcrumbs id="sidebar_breadcrumb" showhomepage="true" separator=" • "/>
</p></small>
<h1 style="margin-top: 0px;">[? \Components\Website\Pages::currentGetColumn('page_title') ?]</h1>
</ss:templates:column>
<ss:templates:column width="5">
<p>
<ss:regions:contentadditional id="additionalContentForHeader" />
</p>
</ss:templates:column>
</ss:templates:row>
</ss:templates:section>
</ss:logic:else>
</ss:regions:togglable>
<!-- Standard Page Header -->
<ss:regions:togglable id="standardPageHeader" label="Show Standard Page Header" defaultvisible="false">
<ss:templates:section bgcolor="#fafafa" paddingtop="5rem" paddingbottom="3rem">
<ss:templates:row verticalAlignColumns="center">
<ss:templates:column width="7">
<small>
<p class="standardCrumbs" style="letter-spacing: 1px; text-transform: uppercase;">
<ss:navigation:breadcrumbs id="sidebar_breadcrumb" showhomepage="true" separator=" • "/>
</p></small>
<h1 style="margin-top: 0px;">[? \Components\Website\Pages::currentGetColumn('page_title') ?]</h1>
</ss:templates:column>
<ss:templates:column width="5">
<p>
<ss:regions:contentadditional id="additionalContentForHeader" />
</p>
</ss:templates:column>
</ss:templates:row>
</ss:templates:section>
</ss:regions:togglable>
<!-- Blog/News, Community, Products Child Page -->
<ss:logic:if test="\Components\Website\Pages::currentIsChildPageOf('/news/',false) || \Components\Website\Pages::currentIsChildPageOf('/blog/',false)">
<ss:logic:variable value="\Components\Website\Pages::current()" as="page" parsenow="value" />
<ss:regions:togglable id="show_post_image" defaultvisible="false" label="Display Post Image">
<ss:logic:if test="$page['page_icon']">
<ss:standard:image src="$page['page_icon']" style="margin-left: auto; margin-right: auto; display: block;max-width: 100%;width:70%;height: 300px;object-fit: cover;" parsenow="src"/>
</ss:logic:if>
</ss:regions:togglable>
<br />
<ss:regions:content requiressection="true" />
</ss:logic:if>
<ss:logic:else>
<ss:regions:content requiressection="true" />
</ss:logic:else>
</ss:logic:else>
<!-- Footer -->
<footer>
<ss:templates:section bgcolor="#218af2" color="#ffffff" paddingtop="5rem" paddingbottom="5rem">
<ss:regions:togglable id="footerContact" label="Show Footer Contact Section" defaultvisible="true">
<ss:templates:row verticalAlignColumns="center">
<ss:templates:column width="9">
<h2>Connect with us!</h2>
<p>Send us a message.</p>
</ss:templates:column>
<ss:templates:column width="3">
<p style="text-align: center;">
<ss:templates:button headerposition="primary" variant="Classic" borderRadius="50px" color="#218af2" bgcolor="#fff" href="/contact-us/"><small>MESSAGE US</small></ss:templates:button> </p>
</ss:templates:column>
</ss:templates:row>
<p>
<br />
<br />
</p>
</ss:regions:togglable>
<ss:templates:row>
<ss:templates:column width="4">
<h3>Your Business</h3>
<p>
Proin dignissim mattis lacinia. Cras diam leo, dapibus non sodales nec, varius eu massa. Vivamus eget rhoncus lectus. Sed velit ante,
vulputate et iaculis eget, efficitur non nisi.<br />
<br />
</p>
<ss:templates:sociallinks icon-width="33px" icon-height="33px" variant="Round" size="3" color="#218af2" facebook="fb.com" twitter="twitter.com" linkedin="linkedin.com" bgcolor="#ffffff" />
</ss:templates:column>
<ss:templates:column width="2">
<h4>Sitemap</h4>
<ss:navigation:primary includestyles="false" includestyles="false" autopopulatelevel="1" class="list-unstyled" />
</ss:templates:column>
<ss:templates:column width="3">
<h4>Get in touch</h4>
<ul class="list-unstyled">
<li>
<ss:standard:icon library="fontawesome" name="phone" size="4" style="width: 30px; height: 30px; color: #218af2; background-color: #fff; padding: 8px" />
<a href="tel:+63 123 456 789">+63 123 456 789</a>
</li>
<li>
<ss:standard:icon library="fontawesome" name="envelope-open-solid" size="4" style="width: 30px; height: 30px; color: #218af2; background-color: #fff; padding: 8px" />
<a href="mailto:info@yourbusiness.com.au">info@yourbusiness.com.au</a>
</li>
<li>
<ss:standard:icon library="fontawesome" name="map-marker-alt-solid" size="4" style="width: 30px; height: 30px; color:#218af2; background-color: #fff; padding: 8px" />
Brisbane, Australia
</li>
<li>
<ss:standard:icon library="fontawesome" name="clock-solid" size="4" style="width: 30px; height: 30px; color: #218af2; background-color: #fff; padding: 8px" />
Mon - Fri 8:00AM to 5:00PM
</li>
</ul>
</ss:templates:column>
<ss:templates:column width="3">
<h4>Newsletter</h4>
<ss:forms:form id="footer_newsletter" onsuccesstoastmessage="Thanks! You have been successfully signed up" contactmode="register">
<ss:forms:row label="First Name" type="one_column">
<ss:forms:editbox id="contact_first_name" placeholder="Enter Your First Name" validations="mandatory" />
</ss:forms:row>
<ss:forms:row label="Email Address" type="one_column">
<ss:forms:editbox id="contact_email" placeholder="Enter Your E-mail Address" validations="mandatory,email" transformations="tolower" />
</ss:forms:row>
<ss:forms:row type="one_column">
<ss:forms:submitbutton class="footerNewsletterBtn" type="submit">Subscribe</ss:forms:submitbutton>
</ss:forms:row>
</ss:forms:form>
</ss:templates:column>
</ss:templates:row>
<p><br /></p>
<p><br /></p>
<p style="text-align: center;">Copyright © [? date('Y') ?] Your Business Name. <a href="https://synergy8.com/" style="color: white;">Powered by Synergy 8</a></p>
</ss:templates:section>
</footer>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<meta name="HandheldFriendly" content="true" />
<ss:templates:styles
boxsizingborderbox="true"
maxwidthmedia="true"
rootfontsize="16px"
rootfontsizemobile="14px"
lastusedratio="1.68"
bodyfontlibrary="google"
bodyfontfamily="Work Sans"
bodyfontweight="300"
bodycolor="#333"
bodyfontsize="1rem"
bodylineheight="1.55rem"
bodymargintop="0rem"
bodymarginbottom="0.8rem"
h1fontlibrary="google"
h1fontfamily="Josefin Sans"
h1fontweight="600"
h1color=""
h1fontsize="4.2358rem"
h1lineheight="4.9245rem"
h1margintop="3.1rem"
h1marginbottom="1.6rem"
h2fontlibrary="google"
h2fontfamily="Josefin Sans"
h2fontweight="600"
h2color=""
h2fontsize="2.6179rem"
h2lineheight="3.1850rem"
h2margintop="3.1rem"
h2marginbottom="1.6rem"
h3fontlibrary="google"
h3fontfamily="Josefin Sans"
h3fontweight="600"
h3color=""
h3fontsize="1.618rem"
h3lineheight="2.1180rem"
h3margintop="2.3rem"
h3marginbottom="0.8rem"
h4fontlibrary="google"
h4fontfamily="Josefin Sans"
h4fontweight="600"
h4color=""
h4fontsize="1rem"
h4lineheight="1.55rem"
h4margintop="2.3rem"
h4marginbottom="0.8rem"
h5fontlibrary="google"
h5fontfamily="Josefin Sans"
h5fontweight="600"
h5color=""
h5fontsize="1rem"
h5lineheight="1.55rem"
h5margintop="1.6rem"
h5marginbottom="0.8rem"
acolor="#218af2"
atextdecoration="none"
improveformstyles="true"
formaccentcolor="#302c2c"
formstylevariant="minimal"
/>
<style>
nav ul li a {
font-size: small;
letter-spacing: 1px;
text-transform: uppercase;
}
nav ul li.active a {
border-bottom: 4px solid #218af2;
padding: 10px 0px !important;
color: #218af2 !important;
}
footer a {
color: #fff;
}
.list-unstyled
{
list-style: none;
-webkit-padding-start: 0;
}
footer ul li {
padding: 3px 0;
}
.footerNewsletterBtn {
color: #218af2 !important;
font-size: small !important;
min-width: auto !important;
background: white !important;
border-radius: 50px !important;
}
.image-round {
border-radius: 10px;
}
p.crumbs, p.crumbs a {
font-weight: bold;
color: white;
}
p.standardCrumbs, p.standardCrumbs a {
font-weight: bold;
color: #218af2 !important;
}
#contact_form button {
font-size: small;
}
</style>
</head>
<body>
<ss:templates:header variant="Slim" maxlogowidth="200px" maxlogoheight="100px" logo="/media/website_designs/17/cc_logo_web_opt.svg" contentsize="md">
<ss:navigation:primary includestyles="true" id="headerNav" autopopulatelevel="2" openonhover="true" classlicurrent="active">
<ss:navigation:item at="start" page="/"></ss:navigation:item>
<ss:navigation:item at="end" page="/search/">
<ss:standard:icon name="search" library="fontawesome" style="width: 16px; height: 16px"/>
</ss:navigation:item>
</ss:navigation:primary>
<ss:templates:button headerposition="primary" variant="Classic" borderRadius="50px" color="#ffffff" bgcolor="#218af2" href="/contact-us/"><small>GET STARTED</small></ss:templates:button> </ss:templates:header>
<!-- Home Page -->
<ss:logic:if test="\Components\Website\Pages::currentPageId() == '/'">
<ss:regions:content requiressection="true" />
</ss:logic:if>
<!-- General Page -->
<ss:logic:else>
<ss:logic:variable value="\Components\Website\Pages::current()" as="page" parsenow="value" />
<!-- Page Icon as Banner -->
<ss:regions:togglable id="pageIconBanner" defaultvisible="true" label="Use Page Icon as Banner">
<ss:logic:if test="$page['page_icon']">
<ss:templates:section paddingtop="5rem" paddingbottom="5rem" paddingleft="2rem" paddingright="2rem" bgimage="$page['page_icon']" bgwashcolor="#000" bgwashopacity="60" color="#f6f7f9" contentsize="md" parsenow="bgimage">
<ss:templates:row verticalAlignColumns="center">
<ss:templates:column width="7">
<small>
<p class="crumbs" style="letter-spacing: 1px; text-transform: uppercase;">
<ss:navigation:breadcrumbs id="sidebar_breadcrumb" showhomepage="true" separator=" • "/>
</p></small>
<h1 style="margin-top: 0px;">[? \Components\Website\Pages::currentGetColumn('page_title') ?]</h1>
</ss:templates:column>
<ss:templates:column width="5">
<p>
<ss:regions:contentadditional id="additionalContentForHeader" />
</p>
</ss:templates:column>
</ss:templates:row>
</ss:templates:section>
</ss:logic:if>
<ss:logic:else>
<ss:templates:section paddingtop="5rem" paddingbottom="5rem" paddingleft="2rem" paddingright="2rem" bgimage="https://images.unsplash.com/photo-1486406146926-c627a92ad1ab" bgwashcolor="#000" bgwashopacity="60" color="#f6f7f9" contentsize="md">
<ss:templates:row verticalAlignColumns="center">
<ss:templates:column width="7">
<small>
<p class="crumbs" style="letter-spacing: 1px; text-transform: uppercase;">
<ss:navigation:breadcrumbs id="sidebar_breadcrumb" showhomepage="true" separator=" • "/>
</p></small>
<h1 style="margin-top: 0px;">[? \Components\Website\Pages::currentGetColumn('page_title') ?]</h1>
</ss:templates:column>
<ss:templates:column width="5">
<p>
<ss:regions:contentadditional id="additionalContentForHeader" />
</p>
</ss:templates:column>
</ss:templates:row>
</ss:templates:section>
</ss:logic:else>
</ss:regions:togglable>
<!-- Standard Page Header -->
<ss:regions:togglable id="standardPageHeader" label="Show Standard Page Header" defaultvisible="false">
<ss:templates:section bgcolor="#fafafa" paddingtop="5rem" paddingbottom="3rem">
<ss:templates:row verticalAlignColumns="center">
<ss:templates:column width="7">
<small>
<p class="standardCrumbs" style="letter-spacing: 1px; text-transform: uppercase;">
<ss:navigation:breadcrumbs id="sidebar_breadcrumb" showhomepage="true" separator=" • "/>
</p></small>
<h1 style="margin-top: 0px;">[? \Components\Website\Pages::currentGetColumn('page_title') ?]</h1>
</ss:templates:column>
<ss:templates:column width="5">
<p>
<ss:regions:contentadditional id="additionalContentForHeader" />
</p>
</ss:templates:column>
</ss:templates:row>
</ss:templates:section>
</ss:regions:togglable>
<!-- Blog/News, Community, Products Child Page -->
<ss:logic:if test="\Components\Website\Pages::currentIsChildPageOf('/news/',false) || \Components\Website\Pages::currentIsChildPageOf('/blog/',false)">
<ss:logic:variable value="\Components\Website\Pages::current()" as="page" parsenow="value" />
<ss:regions:togglable id="show_post_image" defaultvisible="false" label="Display Post Image">
<ss:logic:if test="$page['page_icon']">
<ss:standard:image src="$page['page_icon']" style="margin-left: auto; margin-right: auto; display: block;max-width: 100%;width:70%;height: 300px;object-fit: cover;" parsenow="src"/>
</ss:logic:if>
</ss:regions:togglable>
<br />
<ss:regions:content requiressection="true" />
</ss:logic:if>
<ss:logic:else>
<ss:regions:content requiressection="true" />
</ss:logic:else>
</ss:logic:else>
<!-- Footer -->
<footer>
<ss:templates:section bgcolor="#218af2" color="#ffffff" paddingtop="5rem" paddingbottom="5rem">
<ss:regions:togglable id="footerContact" label="Show Footer Contact Section" defaultvisible="true">
<ss:templates:row verticalAlignColumns="center">
<ss:templates:column width="9">
<h2>Connect with us!</h2>
<p>Send us a message.</p>
</ss:templates:column>
<ss:templates:column width="3">
<p style="text-align: center;">
<ss:templates:button headerposition="primary" variant="Classic" borderRadius="50px" color="#218af2" bgcolor="#fff" href="/contact-us/"><small>MESSAGE US</small></ss:templates:button> </p>
</ss:templates:column>
</ss:templates:row>
<p>
<br />
<br />
</p>
</ss:regions:togglable>
<ss:templates:row>
<ss:templates:column width="4">
<h3>Your Business</h3>
<p>
Proin dignissim mattis lacinia. Cras diam leo, dapibus non sodales nec, varius eu massa. Vivamus eget rhoncus lectus. Sed velit ante,
vulputate et iaculis eget, efficitur non nisi.<br />
<br />
</p>
<ss:templates:sociallinks icon-width="33px" icon-height="33px" variant="Round" size="3" color="#218af2" facebook="fb.com" twitter="twitter.com" linkedin="linkedin.com" bgcolor="#ffffff" />
</ss:templates:column>
<ss:templates:column width="2">
<h4>Sitemap</h4>
<ss:navigation:primary includestyles="false" includestyles="false" autopopulatelevel="1" class="list-unstyled" />
</ss:templates:column>
<ss:templates:column width="3">
<h4>Get in touch</h4>
<ul class="list-unstyled">
<li>
<ss:standard:icon library="fontawesome" name="phone" size="4" style="width: 30px; height: 30px; color: #218af2; background-color: #fff; padding: 8px" />
<a href="tel:+63 123 456 789">+63 123 456 789</a>
</li>
<li>
<ss:standard:icon library="fontawesome" name="envelope-open-solid" size="4" style="width: 30px; height: 30px; color: #218af2; background-color: #fff; padding: 8px" />
<a href="mailto:info@yourbusiness.com.au">info@yourbusiness.com.au</a>
</li>
<li>
<ss:standard:icon library="fontawesome" name="map-marker-alt-solid" size="4" style="width: 30px; height: 30px; color:#218af2; background-color: #fff; padding: 8px" />
Brisbane, Australia
</li>
<li>
<ss:standard:icon library="fontawesome" name="clock-solid" size="4" style="width: 30px; height: 30px; color: #218af2; background-color: #fff; padding: 8px" />
Mon - Fri 8:00AM to 5:00PM
</li>
</ul>
</ss:templates:column>
<ss:templates:column width="3">
<h4>Newsletter</h4>
<ss:forms:form id="footer_newsletter" onsuccesstoastmessage="Thanks! You have been successfully signed up" contactmode="register">
<ss:forms:row label="First Name" type="one_column">
<ss:forms:editbox id="contact_first_name" placeholder="Enter Your First Name" validations="mandatory" />
</ss:forms:row>
<ss:forms:row label="Email Address" type="one_column">
<ss:forms:editbox id="contact_email" placeholder="Enter Your E-mail Address" validations="mandatory,email" transformations="tolower" />
</ss:forms:row>
<ss:forms:row type="one_column">
<ss:forms:submitbutton class="footerNewsletterBtn" type="submit">Subscribe</ss:forms:submitbutton>
</ss:forms:row>
</ss:forms:form>
</ss:templates:column>
</ss:templates:row>
<p><br /></p>
<p><br /></p>
<p style="text-align: center;">Copyright © [? date('Y') ?] Your Business Name. <a href="https://synergy8.com/" style="color: white;">Powered by Synergy 8</a></p>
</ss:templates:section>
</footer>
</body>
</html>