<!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="Open Sans"
bodyfontweight="300"
bodycolor="#333"
bodyfontsize="1rem"
bodylineheight="1.55rem"
bodymargintop="0rem"
bodymarginbottom="0.8rem"
h1fontlibrary="google"
h1fontfamily="Roboto"
h1fontweight="900"
h1color=""
h1fontsize="4.2358rem"
h1lineheight="4.9245rem"
h1margintop="3.1rem"
h1marginbottom="1.6rem"
h2fontlibrary="google"
h2fontfamily="Roboto"
h2fontweight="900"
h2color=""
h2fontsize="2.6179rem"
h2lineheight="3.1850rem"
h2margintop="3.1rem"
h2marginbottom="1.6rem"
h3fontlibrary="google"
h3fontfamily="Roboto"
h3fontweight="900"
h3color=""
h3fontsize="1.618rem"
h3lineheight="2.1180rem"
h3margintop="2.3rem"
h3marginbottom="0.8rem"
h4fontlibrary="google"
h4fontfamily="Roboto"
h4fontweight="700"
h4color=""
h4fontsize="1rem"
h4lineheight="1.55rem"
h4margintop="2.3rem"
h4marginbottom="0.8rem"
h5fontlibrary="google"
h5fontfamily="Roboto"
h5fontweight="700"
h5color=""
h5fontsize="1rem"
h5lineheight="1.55rem"
h5margintop="1.6rem"
h5marginbottom="0.8rem"
acolor="#ff531f"
atextdecoration="none"
improveformstyles="true"
formaccentcolor="#ff531f"
formstylevariant="minimal"
/>
<style>
.s8-navigationPrimary a {
font-size: small;
}
.s8-breadcrumbs a {
color: #fff;
text-transform: uppercase;
font-size: small;
}
footer a{
color: #fff;
}
#footerSitemap li {
display: inline-block;
padding: 0 20px;
text-transform: uppercase;
}
@media (max-width: 768px) {
#footerSitemap li {
display: block;
padding: 10px 0;
}
}
/* Footer Form */
#contact_section button
{
position: relative;
width: 100%;
margin-top: 20px;
}
#contact_section button .s8-standard-icon
{
transition: transform 0.4s ease-out;
-webkit-backface-visibility: hidden
}
#contact_section button:hover .s8-standard-icon
{
transform: rotate(10deg);
}
.sr-only
{
display: none;
}
</style>
</head>
<body>
<!-- Header -->
<ss:templates:header variant="Slim" maxlogowidth="200px" maxlogoheight="100px" logo="/media/website_designs/42/logo.png" bgcolor="#ffffff" contentsize="md" navfontcolor="#151414" navbgcolor="#ffffff">
<ss:navigation:primary rootpage="/new-site/" preventwrap="true" includestyles="true" autopopulatelevel="3" preventwrap="true">
<ss:navigation:item at="start" page="/">Home</ss:navigation:item>
</ss:navigation:primary>
</ss:templates:header>
<ss:logic:if test="\Components\Website\Pages::currentPageId() != '/'">
<!-- Any Page which isn't the Home Page -->
<ss:templates:section contentsize="md" paddingleft="2rem" paddingright="2rem" paddingtop="10rem" paddingbottom="10rem" bgcolor="#fca122" color="#fff" color="#ffffff" bgcolor="#ff531f" bggradient="linear-gradient(300deg, rgb(255, 83, 31), rgb(238, 99, 124))" >
<h2 style="margin: 0px;">[? \Components\Website\Pages::currentGetColumn('page_title') ?]</h2>
<span class="s8-breadcrumbs"><ss:navigation:breadcrumbs id="s8_header_breadcrumbs" showhomepage="true"/></span>
</ss:templates:section>
<ss:regions:content requiressection="true" />
</ss:logic:if>
<ss:logic:else>
<!-- Full width content region on home page -->
<ss:regions:content requiressection="true" />
</ss:logic:else>
<!-- Footer Section -->
<ss:templates:section id="contact_section" bgposition="top" bgwashopacity="80" bgparallax="true" bgwashcolor="#151414" color="#f6f7f9" paddingtop="15rem" paddingbottom="15rem" paddingleft="2rem" paddingright="2rem" bgimage="https://images.unsplash.com/photo-1448932223592-d1fc686e76ea?ixid=eyJhcHBfaWQiOjY4ODV9">
<ss:templates:row verticalAlignColumns="center">
<ss:templates:column width="3">
<h5 style="font-size: 80px; line-height: .7em;">SUB</h5>
<h5 style="font-size: 80px; line-height: .7em;">SCR</h5>
<h5 style="font-size: 80px; line-height: .7em;letter-spacing: 14px;">IBE</h5>
</ss:templates:column>
<ss:templates:column width="6">
<ss:forms:form id="blog_signup" contactmode="register" method="ajax">
<ss:forms:row label="First Name" type="one_column">
<label class="sr-only">First Name</label>
<ss:forms:editbox id="contact_first_name" placeholder="First Name" validations="mandatory" />
</ss:forms:row>
<ss:forms:row label="Email Address" type="one_column">
<label class="sr-only">Email Address</label>
<ss:forms:editbox id="contact_email" placeholder="Email Address" validations="mandatory,email" transformations="tolower" />
</ss:forms:row>
<ss:forms:row type="one_column">
<ss:forms:submitbutton type="submit">
<ss:standard:icon library="fontawesome" name="paper-plane-solid" style="height: 25px; width: 25px;" />
</ss:forms:submitbutton>
</ss:forms:row>
<ss:forms:successcontent>
<ss:standard:icon library="fontawesome" name="check-circle" size="4" style="width: 54px; height: 54px; margin-left: auto; margin-right: auto; display: block; color: #ff531f" />
<h3 style="text-align: center;">
<big>Thanks! <br />
You have been successfully signed up.
</big>
</h3>
</ss:forms:successcontent>
</ss:forms:form>
</ss:templates:column>
<ss:templates:column width="3">
<p>
<a href="tel:1300787970" style="color: #fff"><ss:standard:icon library="fontawesome" name="phone-volume-solid" size="4" style="width: 20px; height: 20px;" /> 1300787970</a>
</p>
<p>
<ss:standard:icon library="fontawesome" name="envelope-open-solid" size="4" style="width: 20px; height: 20px; float: left; margin-right: 6px" />
PO Box 5766 Brendale QLD 4500 </p>
</ss:templates:column>
</ss:templates:row>
</ss:templates:section>
<footer>
<ss:templates:section paddingtop="5rem" paddingbottom="5rem" paddingleft="2rem" paddingright="2rem" style="text-align: center;" bgcolor="#333333" color="#fff">
<ss:templates:sociallinks icon-width="31px" icon-height="30px" variant="Round" size="3" bgcolor="#ffffff" color="#ff531f" facebook="EmployeeCycle/" twitter="employeecycle" linkedin="company/employee-cycle/" youtube="UCSQydGan0HVpYlUm-3pDlAA" />
<p><br /></p>
<ss:navigation:secondary rootpage="/" id="footerSitemap" />
<p><br /></p>
<p>
Copyright © [? date('Y') ?] Employeecycle. <a href="//www.oncord.com/" rel="designer" target="_blank">Powered by Oncord</a>
</p>
<p>
<br />
<small><a href="/privacy-policy/">PRIVACY POLICY</a> | <a href="/terms-and-conditions/">TERMS & CONDITIONS</a></small>
</p>
</ss:templates:section>
</footer>
</body>
</html>
|