<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="/media/website_designs/9/css/bootstrap.min.css">
<link rel="stylesheet" href="/media/website_designs/9/css/font-awesome.min.css">
<!-- Template Styles -->
<link rel="stylesheet" href="/media/website_designs/9/css/bootstrap-theme.css" media="screen" >
<link rel="stylesheet" href="/media/website_designs/9/css/styles.css">
<style>
body
{
font-family: 'Questrial', sans-serif;
margin: 0;
font-size: 14pt;
background-image: url('/media/website_designs/75/ticks.png');
}
html {
font-size: 90%;
}
h1, h2, h3 {
text-align: center;
font-weight: normal;
}
h1 {
font-size: 3rem;
text-transform: uppercase;
color: #fff;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.5rem;
}
p {
font-size: 1rem;
}
.whiteText {
color: #fff;
}
.imageRound {
height: 10rem;
width: 10rem;
border-radius: 50%;
margin: 2rem auto;
background-position: center;
background-size: cover;
}
.circle-sm {
height: 7rem;
width: 7rem;
margin: 1rem auto;
background-position: center;
background-size: cover;
}
.pageContainer
{
padding: 0;
box-shadow: 0rem 0rem 0.4rem 0.2rem rgba(0,0,0,0.15);
max-width: 1500px;
margin: auto;
position: relative;
}
/* Form styles */
#newsletter_registration
{
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
#newsletter_registration button[type=submit]
{
padding: 0.5rem;
min-width: 100px;
border: none;
color: #fff;
background-color: #32a4cd;
}
#newsletter_registration .formRow
{
background-color: transparent;
width: 80%;
}
#newsletter_registration .formRowColWide
{
display: flex;
flex-flow: row wrap;
justify-content: center;
}
#newsletter_registration .formRow input[type=text]
{
border: none;
flex: 1 1 auto;
margin: 1rem;
}
@media (min-width: 1000px)
{
.pageContainer {
width: 80%;
margin: auto;
}
}
@media (min-width: 800px)
{
.pageContainer {
width: 100%;
margin: auto;
}
}
</style>
</head>
<body>
<div class="pageContainer">
<ss:templates:header variant="Split" logo="/media/website_designs/9/colewhite-logo-new.png" FeaturedFunction="ss:templates:featuredcalltoaction" bgcolor="hsla(231, 13%, 100%, 1)" navfontcolor="hsla(221, 28%, 100%, 1)" navbgcolor="hsla(231, 13%, 20%, 1)">
<ss:navigation:primary includestyles="true" id="headerNav" autopopulatelevel="1" >
<ss:navigation:item at="start" page="/" />
</ss:navigation:primary>
<ss:templates:sociallinks facebook="www.facebook.com" variant="Dark" twitter="tweettweet" linkedin="hello" instagram="ghhhh" googleplus="" youtube="asdfas">
</ss:templates:sociallinks>
<ss:templates:featuredcalltoaction variant="Shadow">
Contact Us
</ss:templates:featuredcalltoaction>
</ss:templates:header>
<ss:regions:content />
<ss:templates:section bgcolor="hsla(213, 0%, 91%, 1)" paddingleft="7rem" paddingtop="5rem" paddingright="7rem" paddingbottom="5rem" bgwashcolor="null">
<ss:logic:if test="!(\Components\Customers\Contacts::currentIsLoggedIn())">
<h2 style="text-align: center;">Receive our newsletter</h2>
<h3 style="text-align: center;">
Subscribe now to keep up to date with our activities
</h3>
<p><br /></p>
<ss:forms:form id="newsletter_registration" contactmode="store" onsubmitredirect="/community/register/success/">
<ss:forms:row type="one_column" label="*First name and last name:">
<ss:forms:editbox id="contact_first_name" validations="mandatory" />
<ss:forms:editbox id="contact_last_name" validations="mandatory" />
</ss:forms:row>
<ss:forms:row type="one_column" label="*Email:">
<ss:forms:editbox id="contact_email" validations="mandatory,email" transformations="tolower" class="col-sm-11" />
</ss:forms:row>
<ss:forms:row type="one_column" align="center">
<ss:forms:submitbutton value="Join" />
</ss:forms:row>
</ss:forms:form>
</ss:logic:if>
<ss:logic:else>
<ss:logic:if test="\Components\Customers\Contacts::currentGetColumn('contact_email_marketing_status') != 'subscribed'">
<h2 style="text-align: center;">Receive our newsletter</h2>
<h3 style="text-align: center;">
Subscribe now to keep up to date with our activities
</h3>
<p style="text-align: center;">
You are <strong>currently not subscribed</strong> to the newsletter.<br />
<br />
<a href="/community/profile/"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> Subscribe to the newsletter</a>
</p>
</ss:logic:if>
<ss:logic:else>
<h2 style="text-align: center;">Receive our newsletter</h2>
<h3 style="text-align: center;">
Subscribe now to keep up to date with our activities
</h3>
<p style="text-align: center;">
You are <strong>currently subscribed</strong> to the newsletter.<br />
<br />
<a href="/community/email/unsubscribe/"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Unsubscribe</a>
</p>
</ss:logic:else>
</ss:logic:else>
</ss:templates:section>
<ss:templates:section bgwashcolor="null" bgcolor="#232323" paddingtop="4rem" paddingbottom="1rem" paddingleft="11rem" paddingright="11rem">
<ss:templates:row>
<ss:templates:column width="10">
<h2 class="whiteText" style="text-align: left; font-size: 2.5rem;">
Ready to make a change?
</h2>
<p style="color: #b5b5b5; font-size: 1.2rem;">
<i class="fa fa-phone"></i>Call 1300 111 222
</p>
</ss:templates:column>
<ss:templates:column width="2">
<p>
<br />
<br>
<ss:templates:button variant="Classic" bgcolor="#32a4cd" color="hsla(240, 4%, 100%, 1)">Message Us Now ></ss:templates:button><br />
</p>
</ss:templates:column>
</ss:templates:row>
<hr>
</ss:templates:section>
<footer id="footer">
<div class="footerTop">
<div class="container">
<div class="row">
<div class="col-md-3 widget">
<div class="widget">
<h4>Sitemap</h4>
<ss:navigation:primary includestyles="false" id="footerSitemap" class="list-unstyled" includeparentpagelevel="2" autopopulatelevel="1" classlicurrent="active" rootpage="/">
</ss:navigation:primary>
</div>
</div>
<div class="col-md-3 widget">
<h4>Our Services</h4>
<ss:navigation:primary includestyles="false" id="footerServices" class="list-unstyled" autopopulatelevel="1" classlicurrent="active" rootpage="/services/">
</ss:navigation:primary>
</div>
<div class="col-md-3 widget">
<h4>Contact Us</h4>
<p><a href="/contact/">Click here to message us now</a></p>
<p>
<strong><i class="fa fa-phone"></i>1300 111 222</strong><br>
<a href="mailto:#"><i class="fa fa-envelope"></i>e-mail@yourwebsite.com</a><br>
<br>
<i class="fa fa-map-marker"></i> 100 Street Rd, Brisbane, 4000<br />
<i class="fa fa-clock-o" aria-hidden="true"></i> 10am-4pm, Monday-Friday
</p>
</div>
<div class="col-md-3 widget">
<h4>Connect with Us</h4>
<ul class="social-icons list-inline">
<li>
<a href="/"><i class="fa fa-facebook"></i></a></li> <li>
<a href="/"><i class="fa fa-twitter"></i></a></li> <li>
<a href="/"><i class="fa fa-google-plus"></i></a></li> <li>
<a href="/"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="footerBottom">
<div class="container">
<p style="text-align: center;">
Copyright © [? date('Y') ?] Your Business Name. <a href="//www.synergy8.com/" rel="designer" target="_blank">Website & Marketing Powered by Synergy 8</a>
</p>
</div>
</div>
</footer>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="/media/website_designs/9/css/bootstrap.min.css">
<link rel="stylesheet" href="/media/website_designs/9/css/font-awesome.min.css">
<!-- Template Styles -->
<link rel="stylesheet" href="/media/website_designs/9/css/bootstrap-theme.css" media="screen" >
<link rel="stylesheet" href="/media/website_designs/9/css/styles.css">
<style>
body
{
font-family: 'Questrial', sans-serif;
margin: 0;
font-size: 14pt;
background-image: url('/media/website_designs/75/ticks.png');
}
html {
font-size: 90%;
}
h1, h2, h3 {
text-align: center;
font-weight: normal;
}
h1 {
font-size: 3rem;
text-transform: uppercase;
color: #fff;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.5rem;
}
p {
font-size: 1rem;
}
.whiteText {
color: #fff;
}
.imageRound {
height: 10rem;
width: 10rem;
border-radius: 50%;
margin: 2rem auto;
background-position: center;
background-size: cover;
}
.circle-sm {
height: 7rem;
width: 7rem;
margin: 1rem auto;
background-position: center;
background-size: cover;
}
.pageContainer
{
padding: 0;
box-shadow: 0rem 0rem 0.4rem 0.2rem rgba(0,0,0,0.15);
max-width: 1500px;
margin: auto;
position: relative;
}
/* Form styles */
#newsletter_registration
{
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
#newsletter_registration button[type=submit]
{
padding: 0.5rem;
min-width: 100px;
border: none;
color: #fff;
background-color: #32a4cd;
}
#newsletter_registration .formRow
{
background-color: transparent;
width: 80%;
}
#newsletter_registration .formRowColWide
{
display: flex;
flex-flow: row wrap;
justify-content: center;
}
#newsletter_registration .formRow input[type=text]
{
border: none;
flex: 1 1 auto;
margin: 1rem;
}
@media (min-width: 1000px)
{
.pageContainer {
width: 80%;
margin: auto;
}
}
@media (min-width: 800px)
{
.pageContainer {
width: 100%;
margin: auto;
}
}
</style>
</head>
<body>
<div class="pageContainer">
<ss:templates:header variant="Split" logo="/media/website_designs/9/colewhite-logo-new.png" FeaturedFunction="ss:templates:featuredcalltoaction" bgcolor="hsla(231, 13%, 100%, 1)" navfontcolor="hsla(221, 28%, 100%, 1)" navbgcolor="hsla(231, 13%, 20%, 1)">
<ss:navigation:primary includestyles="true" id="headerNav" autopopulatelevel="1" >
<ss:navigation:item at="start" page="/" />
</ss:navigation:primary>
<ss:templates:sociallinks facebook="www.facebook.com" variant="Dark" twitter="tweettweet" linkedin="hello" instagram="ghhhh" googleplus="" youtube="asdfas">
</ss:templates:sociallinks>
<ss:templates:featuredcalltoaction variant="Shadow">
Contact Us
</ss:templates:featuredcalltoaction>
</ss:templates:header>
<ss:regions:content />
<ss:templates:section bgcolor="hsla(213, 0%, 91%, 1)" paddingleft="7rem" paddingtop="5rem" paddingright="7rem" paddingbottom="5rem" bgwashcolor="null">
<ss:logic:if test="!(\Components\Customers\Contacts::currentIsLoggedIn())">
<h2 style="text-align: center;">Receive our newsletter</h2>
<h3 style="text-align: center;">
Subscribe now to keep up to date with our activities
</h3>
<p><br /></p>
<ss:forms:form id="newsletter_registration" contactmode="store" onsubmitredirect="/community/register/success/">
<ss:forms:row type="one_column" label="*First name and last name:">
<ss:forms:editbox id="contact_first_name" validations="mandatory" />
<ss:forms:editbox id="contact_last_name" validations="mandatory" />
</ss:forms:row>
<ss:forms:row type="one_column" label="*Email:">
<ss:forms:editbox id="contact_email" validations="mandatory,email" transformations="tolower" class="col-sm-11" />
</ss:forms:row>
<ss:forms:row type="one_column" align="center">
<ss:forms:submitbutton value="Join" />
</ss:forms:row>
</ss:forms:form>
</ss:logic:if>
<ss:logic:else>
<ss:logic:if test="\Components\Customers\Contacts::currentGetColumn('contact_email_marketing_status') != 'subscribed'">
<h2 style="text-align: center;">Receive our newsletter</h2>
<h3 style="text-align: center;">
Subscribe now to keep up to date with our activities
</h3>
<p style="text-align: center;">
You are <strong>currently not subscribed</strong> to the newsletter.<br />
<br />
<a href="/community/profile/"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> Subscribe to the newsletter</a>
</p>
</ss:logic:if>
<ss:logic:else>
<h2 style="text-align: center;">Receive our newsletter</h2>
<h3 style="text-align: center;">
Subscribe now to keep up to date with our activities
</h3>
<p style="text-align: center;">
You are <strong>currently subscribed</strong> to the newsletter.<br />
<br />
<a href="/community/email/unsubscribe/"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Unsubscribe</a>
</p>
</ss:logic:else>
</ss:logic:else>
</ss:templates:section>
<ss:templates:section bgwashcolor="null" bgcolor="#232323" paddingtop="4rem" paddingbottom="1rem" paddingleft="11rem" paddingright="11rem">
<ss:templates:row>
<ss:templates:column width="10">
<h2 class="whiteText" style="text-align: left; font-size: 2.5rem;">
Ready to make a change?
</h2>
<p style="color: #b5b5b5; font-size: 1.2rem;">
<i class="fa fa-phone"></i>Call 1300 111 222
</p>
</ss:templates:column>
<ss:templates:column width="2">
<p>
<br />
<br>
<ss:templates:button variant="Classic" bgcolor="#32a4cd" color="hsla(240, 4%, 100%, 1)">Message Us Now ></ss:templates:button><br />
</p>
</ss:templates:column>
</ss:templates:row>
<hr>
</ss:templates:section>
<footer id="footer">
<div class="footerTop">
<div class="container">
<div class="row">
<div class="col-md-3 widget">
<div class="widget">
<h4>Sitemap</h4>
<ss:navigation:primary includestyles="false" id="footerSitemap" class="list-unstyled" includeparentpagelevel="2" autopopulatelevel="1" classlicurrent="active" rootpage="/">
</ss:navigation:primary>
</div>
</div>
<div class="col-md-3 widget">
<h4>Our Services</h4>
<ss:navigation:primary includestyles="false" id="footerServices" class="list-unstyled" autopopulatelevel="1" classlicurrent="active" rootpage="/services/">
</ss:navigation:primary>
</div>
<div class="col-md-3 widget">
<h4>Contact Us</h4>
<p><a href="/contact/">Click here to message us now</a></p>
<p>
<strong><i class="fa fa-phone"></i>1300 111 222</strong><br>
<a href="mailto:#"><i class="fa fa-envelope"></i>e-mail@yourwebsite.com</a><br>
<br>
<i class="fa fa-map-marker"></i> 100 Street Rd, Brisbane, 4000<br />
<i class="fa fa-clock-o" aria-hidden="true"></i> 10am-4pm, Monday-Friday
</p>
</div>
<div class="col-md-3 widget">
<h4>Connect with Us</h4>
<ul class="social-icons list-inline">
<li>
<a href="/"><i class="fa fa-facebook"></i></a></li> <li>
<a href="/"><i class="fa fa-twitter"></i></a></li> <li>
<a href="/"><i class="fa fa-google-plus"></i></a></li> <li>
<a href="/"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="footerBottom">
<div class="container">
<p style="text-align: center;">
Copyright © [? date('Y') ?] Your Business Name. <a href="//www.synergy8.com/" rel="designer" target="_blank">Website & Marketing Powered by Synergy 8</a>
</p>
</div>
</div>
</footer>
</div>
</body>
</html>