<!DOCTYPE html>
<html lang="en" style="scroll-behavior: smooth;">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="HandheldFriendly" content="true" />
<templates:styles
boxsizingborderbox="true"
maxwidthmedia="true"
rootfontsize="17px"
rootfontsizemobile="14px"
lastusedratio="1.618"
bodyfontlibrary="google"
bodyfontfamily="Inter"
bodyfontweight="400"
bodycolor="#333333"
bodyfontsize="1rem"
bodylineheight="1.55rem"
bodymargintop="0rem"
bodymarginbottom="0.8rem"
h1fontlibrary="google"
h1fontfamily="Inter"
h1fontweight="600"
h1color=""
h1fontsize="4.2358rem"
h1lineheight="4.9245rem"
h1margintop="3.1rem"
h1marginbottom="1.6rem"
h2fontlibrary="google"
h2fontfamily="Inter"
h2fontweight="600"
h2color=""
h2fontsize="2.6179rem"
h2lineheight="3.1850rem"
h2margintop="3.1rem"
h2marginbottom="1.6rem"
h3fontlibrary="google"
h3fontfamily="Inter"
h3fontweight="500"
h3color=""
h3fontsize="1.618rem"
h3lineheight="2.1180rem"
h3margintop="2.3rem"
h3marginbottom="0.8rem"
h4fontlibrary="google"
h4fontfamily="Inter"
h4fontweight="600"
h4color=""
h4fontsize="1rem"
h4lineheight="1.55rem"
h4margintop="2.3rem"
h4marginbottom="0.8rem"
h5fontlibrary="google"
h5fontfamily="Inter"
h5fontweight="700"
h5color=""
h5fontsize="1rem"
h5lineheight="1.55rem"
h5margintop="1.6rem"
h5marginbottom="0.8rem"
acolor="#af8383"
atextdecoration="none"
improveformstyles="true"
formaccentcolor="#af8383"
formstylevariant="minimal"
/>
<style>
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child {
margin-top: 0 !important;
}
h5 {
font-weight: 600;
font-size: 12px;
letter-spacing: 2px;
margin: 0px !important;
text-transform: uppercase;
}
h5 ~ h1, h5 ~ h2, h5 ~ h3 {
margin-top: 0px !important;
}
h1 ~ h3 {
margin-top: 0;
}
.s8-navigationPrimary > li > a {
font-weight: 800;
transition: .5s;
}
.s8-navigationPrimary > li:hover > a,
.s8-navigationPrimaryItem--active > a {
color: #af8383 !important;
}
.s8-navigationPrimary-hasChildren ul li:hover {
background: rgb(0 0 0 / 5%);
}
.s8-navigationPrimary-hasChildren ul {
background: #fafafa;
font-size: 13px;
margin-top: 0px;
}
.s8-navigationPrimary-hasChildren ul li a {
font-weight: 500 !important;
}
.s8-navigationPrimary-hasChildren.s8-navigationPrimaryLI-open ul::before {
opacity: 1;
content: "◤";
position: absolute;
color: #fafafa;
top: -13px;
left: 0;
right: 0;
transform: rotate(45deg);
}
@media (max-width: 700px) {
.s8-navigationPrimary-hasChildren.s8-navigationPrimaryLI-open ul::before {
display: none;
}
.s8-navigationPrimary-hasChildren ul {
margin: 0em 1.5em;
padding-left: 0px !important;
}
}
.section-mainContent hr {
width: 90px;
border: none;
border-top: 2px solid #af8383;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.s8-templates-card.s8-templates-fancybox.s8-templates-fancybox-accent {
transition: .2s ease-in;
}
.s8-templates-button-container {
font-size: 15px;
font-weight: 500;
}
.s8-templates-button-content:before {
display: none;
}
.s8-templates-button .s8-templates-button-content {
display: flex;
justify-content: center;
align-items: center;
gap: 0.5em;
}
.s8-navigationPrimary {
font-size: 14px;
font-weight: 500;
justify-content: flex-end !important;
text-transform: capitalize;
}
.template-flexContainer {
display: flex;
align-items: center;
justify-content: space-between;
}
.template-footerContact ul li {
display: grid;
grid-template-columns: 5% auto;
justify-content: flex-start;
align-items: start;
gap: 1rem;
word-break: break-word;
}
input[type="text"], textarea, select {
background: transparent;
border: 2px solid rgb(51 51 51 / 29%);
border-radius: 5px;
}
button[type=submit], button[type=submit]:focus {
min-width: 155px;
padding: 8px;
font-size: 15px;
letter-spacing: 0;
text-transform: capitalize;
}
footer {
font-size: 14px;
}
footer a {
color: #ffffff;
}
footer input[type="text"] {
border: 2px solid rgb(255 255 255 / 29%);
}
footer h5 {
margin-bottom: 10px !important;
}
footer > div {
padding: 0 40px 0 0px;
}
footer ul {
padding: 0;
margin: 0;
list-style: none;
}
footer ul li {
margin-bottom: 0.5rem;
}
footer .s8-templates-row .s8-templates-column:last-child ul {
display: flex;
justify-content: space-between;
gap: 1rem;
}
footer .s8-templates-row .s8-templates-column:last-child li a {
opacity: .5;
transition: .2s;
}
footer .s8-templates-column-4 {
padding-right: 35px;
}
footer .s8-templates-column:not(footer .s8-templates-column-4) {
padding-right: 20px;
}
footer .s8-templates-row .s8-templates-column:last-child li:hover a {
opacity: 1;
}
.template-footerContact ul li .s8-standard-icon {
margin-top: 4px;
}
footer .s8-templates-socialLinks__link {
padding: 0;
}
footer .formRow {
padding: 0;
}
footer input#contact_email {
padding-right: 40px;
}
footer button[type="submit"] {
border: 0;
padding: 0;
min-width: unset;
position: absolute;
top: 0;
}
footer button[type="submit"] {
border: 0;
background-color: transparent !important;
min-width: unset;
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 40px;
padding: 0px;
}
footer button[type="submit"] .s8-standard-icon {
color: #ffffff;
}
footer button[type="submit"]:active {
color: #af8383;
padding: unset !important;
min-width: unset;
}
footer button[type="submit"]:hover .s8-standard-icon,
footer button[type="submit"]:focus .s8-standard-icon {
color: #af8383 !important;
}
.footer-copyright .s8-standard-icon {
float: right;
background: #af8383;
color: #fff;
padding: 10px;
border-radius: 5px;
}
@media (max-width: 1000px) {
.s8-templatesHeader-slim .s8-templatesHeader-logo-image {
margin: unset;
}
.s8-templatesHeader-slim .s8-templatesHeader-featuredContainer {
visibility: hidden;
}
.s8-templatesHeader-slim .s8-templatesHeader-grid {
flex-flow: row !important;
}
}
@media (max-width: 768px) {
.s8-navigationPrimary {
justify-content: inherit !important;
}
}
</style>
</head>
<body>
<!-- Header -->
<templates:header variant="Slim" logo="/media/website_designs/61/logo.svg" maxlogowidth="200px" maxlogoheight="100px" contentsize="md" bgcolor="#fafafa" navfontcolor="#333333" navbgcolor="#fafafa">
<navigation:primary rootpage="/new-site/" includestyles="true" autopopulatelevel="3" preventwrap="true" openonhover="true">
</navigation:primary>
<templates:button headerposition="secondary" variant="Classic" bgcolor="#af8383" color="#fafafa" href="/contact-us/"><standard:icon library="fontawesome" iconstyle="regular" iconname="address-card" size="4" style="width: 14px; height: 14px; margin-right: 5px;" /> Book a Meeting</templates:button> </templates:header>
<div class="section-mainContent">
<!-- Article Page -->
<logic:if test="count(\Components\Website\Posts::getAllLinkingToPage(\Components\Website\Pages::currentPageId())) > 0">
<logic:variable as="postMain" value="[? (\Components\Website\Posts::getAllLinkingToPage(\Components\Website\Pages::currentPageId()))[0] ?]" />
<templates:section contentsize="md" paddingTop="4rem" paddingbottom="0rem" paddingLeft="2rem" paddingRight="2rem">
<logic:if test="$postMain['post_icon']">
<standard:image alt="[? $postMain['post_title'] ?]" src="[? $postMain['post_icon'] ?]" width="100%" height="500" maintainaspect="crop" />
</logic:if>
</templates:section>
<templates:section contentsize="sm" paddingTop="4rem" paddingbottom="4rem" paddingLeft="2rem" paddingRight="2rem">
<p><br /></p>
<h5><span>Date Published: [? formatDate($postMain['post_date']) ?]</span></h5>
<regions:content />
</templates:section>
<logic:if test="$related_news_postrepeater.getDataCount()" evaluateat="render">
<templates:section paddingTop="4rem" paddingbottom="4rem" bgcolor="#fafafa" paddingLeft="2rem" paddingRight="2rem">
<h3 style="text-align: center;">Other Related News</h3>
<data:postrepeater id="related_news_postrepeater" paging="false" datalimit="3" templatetype="list" datafilter="[? [['post_id', '!=', $postMain['post_id']]] ?]" variant="card" />
</templates:section>
</logic:if>
</logic:if>
<!-- General Page -->
<logic:else>
<regions:content requiressection="true" />
</logic:else>
</div>
<!-- CTA section -->
<regions:togglable id="footer_cta" defaultvisible="true" label="Display Footer CTA">
<templates:section paddingLeft="2rem" paddingRight="2rem" bgimage="https://images.unsplash.com/photo-1638537690581-dc2192bfc7dd?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2370&q=80" bgwashcolor="#242424" bgwashopacity="70" color="#fafafa" paddingTop="4rem" paddingBottom="4rem">
<div class="template-flexContainer">
<div>
<h2 style="text-align: center;">Message Us</h2>
<p style="text-align: center;">Send us a message through our contact page.</p>
</div>
<div><templates:button variant="Classic" bgcolor="#af8383" color="#fff" padding="10" href="/contact-us/">Contact Us</templates:button></div>
</div>
</templates:section>
</regions:togglable>
<!-- Footer Section -->
<templates:section contentsize="md" paddingRight="2rem" paddingleft="2rem" paddingTop="5rem" paddingBottom="0rem" bgColor="#333333" color="#ffffff">
<footer>
<templates:row>
<templates:column width="3">
<div>
<h5>Contact</h5>
<div class="template-footerContact">
<ul>
<li>
<standard:icon library="fontawesome" iconstyle="solid" iconname="phone" size="4" style="width: 16px; height: 16px;" />
<span><a href="tel:1300787970">1300787970</a></span>
</li>
<li>
<standard:icon library="fontawesome" iconstyle="solid" iconname="envelope" size="4" style="width: 16px; height: 16px;" />
<span><a href="mailto:info@oncord.com">info@oncord.com</a></span>
</li>
<li>
<standard:icon library="fontawesome" iconstyle="solid" iconname="location-dot" size="4" style="width: 16px; height: 16px;" />
<span>PO Box 5766 Brendale QLD 4500</span>
</li>
</ul>
</div>
<br />
<h5>Connect</h5>
<templates:sociallinks icon-width="33px" icon-height="33px" variant="Round" size="3" facebook="tash.chuchidesign" instagram="chuchi_design_au/" />
</div>
</templates:column>
<templates:column width="4">
<div>
<h5>Subscribe</h5>
<p>Stay up to date: subscribe to our newsletter.</p>
<forms:form id="newsletter_signup" contactmode="register" method="ajax">
<forms:row type="one_column">
<forms:editbox id="contact_first_name" placeholder="First Name" validations="mandatory" />
</forms:row>
<forms:row type="one_column">
<forms:editbox id="contact_last_name" placeholder="Last Name" validations="mandatory" />
</forms:row>
<forms:row type="one_column">
<forms:editbox id="contact_email" placeholder="Email Address" validations="mandatory,email" transformations="tolower" />
<forms:submitbutton type="submit"><standard:icon library="fontawesome" iconstyle="solid" iconname="paper-plane" size="4" style="width: 50px; height: 100%; vertical-align: middle; padding: 10px;" /></forms:submitbutton>
</forms:row>
<forms:successcontent>
<templates:section paddingTop="2rem" paddingBottom="2rem" paddingLeft="2rem" paddingRight="2rem" bgcolor="#ffffff" color="#333333">
<standard:icon library="fontawesome" iconstyle="regular" iconname="circle-check" size="4" style="width: 30px; height: 30px; margin-left: auto; margin-right: auto; display: block; color: #af8383" />
<h4 style="text-align: center;">Thanks! Keep an eye out for our updates!</h4>
</templates:section>
</forms:successcontent>
</forms:form>
</div>
</templates:column>
<templates:column width="2">
<div><h5>Quick Links</h5><navigation:primary rootpage="/new-site/" includestyles="false" includestyles="false" autopopulatelevel="1" includeparentpagelevel="1" rootpage="/" /></div>
</templates:column>
<templates:column width="3"><div>
<p>
Be as clear and succinct as possible with your value proposition. Focus on your firm's strengths, and replicate those really positive client experiences </p>
<ul>
<li><a href="/terms/">Terms</a></li>
<li><a href="/policy/">Policy</a></li>
<li><a href="/sitemap/">Sitemap</a></li>
</ul>
</div> </templates:column>
</templates:row>
</footer>
</templates:section>
<templates:section class="footer-copyright" contentsize="md" paddingRight="2rem" paddingleft="2rem" paddingTop="5rem" paddingBottom="2rem" bgColor="#333333" color="#ffffff">
<small>Copyright © [? date('Y') ?]. <a href="https://www.oncord.com/"><span style="color: #ffffff">Powered by Oncord.</span></a></small>
<span><a href="#"><standard:icon library="fontawesome" iconstyle="solid" iconname="chevron-up" style="width: 30px; height: 30px" /></a></span>
</templates:section>
</body>
</html>
|