php js css php js css

Changes

Changes to Design: Website Design

400787
Yesterday 4:44pm
Wilkie, Natasha
Created design
Can't Undo: The design 38 does not currently exist, it may have been moved or deleted. In order to undo this change, you first need to restore the design
400804
Yesterday 4:47pm
Wilkie, Natasha
Deleted design
Id:
Deleted Datetime:
Type:
Css:
Js:
Php Source:
Mobile Function:
Mobile Value:
Google Analytics Id:
Ajax Navigation:
Title:
Website Design
Website Design
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.5"
bodyfontlibrary="google"
bodyfontfamily="Open Sans"
bodyfontweight="400"
bodycolor="#333333"
bodyfontsize="1rem"
bodylineheight="1.55rem"
bodymargintop="0rem"
bodymarginbottom="0.8rem"

h1fontlibrary="google"
h1fontfamily="Ubuntu"
h1fontweight="500"
h1color=""
h1fontsize="3.375rem"
h1lineheight="3.9693rem"
h1margintop="3.1rem"
h1marginbottom="1.6rem"

h2fontlibrary="google"
h2fontfamily="Ubuntu"
h2fontweight="500"
h2color=""
h2fontsize="2.25rem"
h2lineheight="2.7777rem"
h2margintop="3.1rem"
h2marginbottom="1.6rem"
h3fontlibrary="google"
h3fontfamily="Ubuntu"
h3fontweight="500"
h3color=""
h3fontsize="1.5rem"
h3lineheight="2rem"
h3margintop="2.3rem"
h3marginbottom="0.8rem"

h4fontlibrary="google"
h4fontfamily="Ubuntu"
h4fontweight="500"
h4color=""
h4fontsize="1rem"
h4lineheight="1.55rem"
h4margintop="2.3rem"
h4marginbottom="0.8rem"

h5fontlibrary="google"
h5fontfamily="Ubuntu"
h5fontweight="500"
h5color=""
h5fontsize="1rem"
h5lineheight="1.55rem"
h5margintop="1.6rem"
h5marginbottom="0.8rem"

acolor="#595959"
atextdecoration="none"
improveformstyles="true"
formaccentcolor="#595959"
formstylevariant="minimal" />
<style>
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
margin-top: .5rem !important;
}

input[type=text], input[type=email], input[type=url], input[type=password], input[type=number], textarea {
background-color: transparent;
border: 1px solid #cccccc;
border-radius: 5px;
padding: .8rem;
transition: .3s all;
}

input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=number]:focus, textarea:focus {
box-shadow: 0px 0px 0px 1px #595959;
border-width: 1px !important;
}

button[type=submit],
button[type=submit]:focus {
font-size: 15px;
font-weight: 600;
text-transform: capitalize;
padding: 8px;
border-radius: 50px;
}

.s8-templates-button .s8-templates-button-content {
display: flex;
align-items: center;
justify-content: space-between;

font-size: 14px;
font-weight: 600;
}

.s8-templates-button .s8-templates-button-content .s8-standard-icon {
margin-right: .5rem;
}

.s8-navigationPrimary > li > a {
font-size: 15px;
font-weight: 600;
}

.s8-navigationPrimary li a {
padding: 1em .9em !important;
}

.s8-navigationPrimary li.s8-navigationPrimaryItem--active > a {
color: #595959;
}

.s8-navigationPrimary:last-of-type {
justify-content: flex-end !important;
}

.s8-navigationPrimary ul {
background-color: #2E2E2E;
color: #ffffff;
}

.s8-navigationPrimary ul li a {
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
text-transform: capitalize;
padding: .9rem !important;
}

.s8-navigationPrimary ul li:hover a {
background-color: rgba(255, 255, 255, 0.05);
}

.s8-navigationPrimary ul li.s8-navigationPrimaryItem--active > a {
background-color: rgba(255, 255, 255, 0.05);
color: #fff;
}

/* footer */
footer .footer_cta a {
color: #ffffff;
}

footer .footer_cta h4 {
margin-bottom: .5rem;
}

footer ul {
list-style: none;
padding: 0;
margin: 1rem 0;
}

footer ul li {
line-height: 2.3rem;
font-weight: 500;
font-size: 15px;
}

footer ul li a {
color: #ffffff;
}

.template-flex--container {
margin: 0;
padding: 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-rows: auto;
gap: 2rem;
align-items: flex-start;
}

.template-flex--container.flex-2 {
grid-template-columns: 1fr 1fr;
}

.template-flex--container.flex-2 .s8-templates-socialLinks {
justify-content: flex-end;
}

.template-flex--container .template-flex--item {
display: grid;
grid-template-columns: 20% 1fr;
align-items: flex-start;
}

.contact-list li {
display: grid;
grid-template-columns: 15% 1fr;
font-size: 14px;
}

.contact-list li .s8-standard-icon {
margin-right: .5rem;
}

form#searchform .formRowColWide {
position: relative;
}

form#searchform input {
border: 2px solid #595959;
border-radius: 50px !important;
}

form#searchform button[type="submit"] {
border-radius: 50px;
background: #595959;
color: white;
position: absolute;
top: 0;
bottom: 0;
right: 0;
border: 2px solid #595959;
margin: 0;
}

@media (max-width: 1000px) {
.template-flex--container { grid-template-columns: 1fr 1fr; }
}

@media screen and (max-width:700px) {
.template-flex--container { grid-template-columns: 1fr !important; }

.template-flex--container.flex-2 .s8-templates-socialLinks { justify-content: flex-start; }

.s8-templatesHeader-slim .s8-templatesHeader-featuredContainer .s8-templates-button { min-width: auto !important; }

.s8-templatesHeader-featuredContainer .s8-templates-button-content span:last-child { display: none; }

.s8-templatesHeader-slim .s8-templatesHeader-logo { flex: 0 1 20%; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; padding: 10px 0 0 0; order: 2; }

.s8-templatesHeader-slim .s8-templatesHeader-navigation-container { order: 1; padding: 0; }

.s8-templatesHeader-slim .s8-templatesHeader-featuredContainer { order: 3; }

form#searchform button[type="submit"] {
position: unset;
margin: 8px 0;
padding: 12px;
}
}

@media (max-width: 700px) {
.s8-templatesHeader-slim .s8-templatesHeader-featuredContainer .s8-templates-button .s8-templates-button-content .s8-standard-icon {margin-right: 0 !important; }

.s8-templatesHeader-slim .s8-templatesHeader-logo { flex: 1 1 1%; padding: 10px; }

.s8-templatesHeader-slim .s8-templatesHeader-navigation-container { flex: 1 1 1%; }

.s8-templatesHeader-slim .s8-templatesHeader-featuredContainer {
flex: 1 1 1%;
order: 2;
justify-content: center;
align-items: flex-end;
padding: 0;
}

.s8-navigationPrimary--displayStateMobile.s8-navigationPrimaryMobile a { justify-content: flex-start !important; display: flex !important; padding-left: 10px; }

.s8-navigationPrimary--displayStateMobile.s8-navigationPrimaryMobile li { width: auto;}

.s8-navigationPrimaryMobile { align-items: flex-start;}
}

@media (max-width: 600px) {

.s8-templatesHeader-slim .s8-templatesHeader-logo {
padding: 10px 0;
}
}

@media screen and (max-width:350px) {
.s8-navigationPrimary--displayStateMobile.s8-navigationPrimaryMobile li {
width: 155px;
}

.s8-navigationPrimary--displayStateMobile.s8-navigationPrimaryMobile a {
justify-content: center !important;
}

.s8-templatesHeader-slim .s8-templatesHeader-featuredContainer {
align-items: center;
}

.s8-templatesHeader-slim .s8-templatesHeader-logo {
flex: 0 1 100%;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
padding: 10px 0 0 0;
order: 1;
}

.s8-templatesHeader-slim .s8-templatesHeader-navigation-container {
order: 2;
padding: 0;
}

.s8-templatesHeader-slim .s8-templatesHeader-featuredContainer {
order: 3;
padding: 0;
}
}
</style>
</head>

<body>
<ss:templates:header variant="Slim" maxlogowidth="200px" maxlogoheight="100px" logo="/media/website_designs/38/logo.png" bgcolor="#333333" contentsize="md" navbgcolor="#333333" navfontcolor="#ffffff">
<ss:navigation:primary rootpage="/new-site/" id="headerNav" includestyles="true" preventwrap="true" autopopulatelevel="2" openonhover="true">
<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="#595959" href="/contact-us/"> <span>Get Started</span></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>
<div class="section-mainContent">
<ss:logic:variable as="postMain" value="[? (\Components\Website\Posts::getAllLinkingToPage(\Components\Website\Pages::currentPageId()))[0] ?]" />
<!-- Article Page -->
<ss:logic:if test="count(\Components\Website\Posts::getAllLinkingToPage(\Components\Website\Pages::currentPageId())) > 0">
<ss:logic:if test="$postMain['post_icon']">
<ss:templates:section contentsize="md" color="#fff" paddingtop="13rem" paddingbottom="10rem" bgimage="[? $postMain['post_icon'] ?]" bgparallax="true" bgwashcolor="#000" bgwashopacity="40">
<h1 style="text-align: center">[? $postMain['post_title'] ?]</h1>
<h5 style="text-align: center"><span>Posted [? formatDate($postMain['post_date']) ?]</span></h5>
</ss:templates:section>
</ss:logic:if>
<ss:logic:else>
<ss:templates:section contentsize="md" color="#fff" paddingtop="13rem" paddingbottom="10rem" bgcolor="#595959">
<h1 style="text-align: center">[? $postMain['post_title'] ?]</h1>
<h5 style="text-align: center"><span>Posted [? formatDate($postMain['post_date']) ?]</span></h5>
</ss:templates:section>
</ss:logic:else>
<ss:templates:section contentsize="sm">
<ss:regions:content />
</ss:templates:section>
<ss:templates:section contentsize="md" bgcolor="#fafafa">
<h3 style="text-align: center"><strong>Related News</strong></h3>
<p><br /></p>
<ss:data:postrepeater templatetype="list" datalimit="3" datafilter="[? ['post_id', '!=', $postMain['post_id']] ?]" variant="Card" />
</ss:templates:section>
</ss:logic:if>
<ss:logic:else>
<ss:regions:content requiressection="true" />
</ss:logic:else>
</div>
</ss:logic:else>
<!-- Footer -->
<footer>
<ss:regions:togglable id="footer_contact" label="Show Footer Contact Section" defaultvisible="true">
<ss:templates:section class="footer_cta" bgcolor="#595959" color="#ffffff" paddingtop="5rem" paddingbottom="5rem">
<h2>Have a question?</h2>
<p>If you have a question or would like to book in for a consultation, please don't hesitate to reach
out.</p>
<p><br /></p>
<div class="template-flex--container">
<div class="template-flex--item">
<div>
<ss:standard:icon library="fontawesome" name="phone-volume-solid" size="4" style="height: 45px;" />
</div>
<div>
<h4>Call us today<small></small></h4>
<p style="margin: 0px;">
<a href="tel:1300787970">
1300787970 </a>
</p>
</div>
</div>
<div class="template-flex--item">
<div>
<ss:standard:icon library="fontawesome" name="envelope-open-solid" size="4" style="height: 45px;" />
</div>
<div>
<h4>Message us</h4>
<p style="margin: 0px;">
<a href="/contact-us/">Send us your enquiry</a>
</p>
</div>
</div>
<div class="template-flex--item">
<div>
<ss:standard:icon library="fontawesome" name="map-marker-alt-solid" size="4" style="height: 45px;" />
</div>
<div>
<h4>Write to us</h4>
<p style="margin: 0px;">
PO Box 5766 Brendale QLD 4500 </p>
</div>
</div>
</div>
</ss:templates:section>
</ss:regions:togglable>
<ss:templates:section class="footer_copyright" bgcolor="#333333" color="#ffffff" paddingtop="4rem" paddingbottom="4rem">
<ss:templates:row>
<ss:templates:column width="6">
<ss:templates:section contentsize="md" paddingtop="1rem" paddingbottom="1rem" paddingright="10rem" paddingleft="0rem">
<a href="/"><ss:standard:image src="https://charles-kenyon.com/wp-content/uploads/2020/06/C_K-Logo.png" alt="Charles-kenyon" width="200" /></a>
<p><br /></p>
<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>
</ss:templates:section>
</ss:templates:column>
<ss:templates:column width="3">
<strong>Quick Links</strong>
<ss:navigation:primary rootpage="/new-site/" includestyles="false" autopopulatelevel="1" includeparentpagelevel="0" />
</ss:templates:column>
<ss:templates:column width="3">
<strong>Contact Us</strong>
<ul class="contact-list">
<li>
<ss:standard:icon library="fontawesome" name="phone" size="4" style="width: 33px; height: 33px; color: #595959; padding: 8px" />
<a href="tel:1300787970" style="color: #ffffff;">
1300787970 </a>
</li>
<li>
<ss:standard:icon library="fontawesome" name="envelope-open-solid" size="4" style="width: 33px; height: 33px; color: #595959; padding: 8px" />
<a href="mailto:info@oncord.com" style="color: #ffffff;">
info@oncord.com </a>
</li>
<li>
<ss:standard:icon library="fontawesome" name="clock-solid" size="4" style="width: 33px; height: 33px; color: #595959; padding: 8px" />
Monday-Friday 9am-5pm </li>
<li>
<ss:standard:icon library="fontawesome" name="map-marker-alt-solid" size="4" style="width: 33px; height: 33px; color: #595959; padding: 8px" />
PO Box 5766 Brendale QLD 4500 </li>
</ul>
</ss:templates:column>
</ss:templates:row>
</ss:templates:section>
<ss:templates:section class="footer_copyright" contentsize="md" paddingbottom="1rem" paddingtop="1rem">
<div class="template-flex--container flex-2">
<small>© [? date('Y') ?]
Charles-kenyon. <a href="https://www.oncord.com/"> Powered by Oncord.</a>
</small>
<ss:templates:sociallinks icon-width="33px" icon-height="33px" variant="Round" size="3" bgcolor="#595959;" color="#ffffff" />
</div>
</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.5"
bodyfontlibrary="google"
bodyfontfamily="Open Sans"
bodyfontweight="400"
bodycolor="#333333"
bodyfontsize="1rem"
bodylineheight="1.55rem"
bodymargintop="0rem"
bodymarginbottom="0.8rem"

h1fontlibrary="google"
h1fontfamily="Ubuntu"
h1fontweight="500"
h1color=""
h1fontsize="3.375rem"
h1lineheight="3.9693rem"
h1margintop="3.1rem"
h1marginbottom="1.6rem"

h2fontlibrary="google"
h2fontfamily="Ubuntu"
h2fontweight="500"
h2color=""
h2fontsize="2.25rem"
h2lineheight="2.7777rem"
h2margintop="3.1rem"
h2marginbottom="1.6rem"
h3fontlibrary="google"
h3fontfamily="Ubuntu"
h3fontweight="500"
h3color=""
h3fontsize="1.5rem"
h3lineheight="2rem"
h3margintop="2.3rem"
h3marginbottom="0.8rem"

h4fontlibrary="google"
h4fontfamily="Ubuntu"
h4fontweight="500"
h4color=""
h4fontsize="1rem"
h4lineheight="1.55rem"
h4margintop="2.3rem"
h4marginbottom="0.8rem"

h5fontlibrary="google"
h5fontfamily="Ubuntu"
h5fontweight="500"
h5color=""
h5fontsize="1rem"
h5lineheight="1.55rem"
h5margintop="1.6rem"
h5marginbottom="0.8rem"

acolor="#595959"
atextdecoration="none"
improveformstyles="true"
formaccentcolor="#595959"
formstylevariant="minimal" />
<style>
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
margin-top: .5rem !important;
}

input[type=text], input[type=email], input[type=url], input[type=password], input[type=number], textarea {
background-color: transparent;
border: 1px solid #cccccc;
border-radius: 5px;
padding: .8rem;
transition: .3s all;
}

input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=number]:focus, textarea:focus {
box-shadow: 0px 0px 0px 1px #595959;
border-width: 1px !important;
}

button[type=submit],
button[type=submit]:focus {
font-size: 15px;
font-weight: 600;
text-transform: capitalize;
padding: 8px;
border-radius: 50px;
}

.s8-templates-button .s8-templates-button-content {
display: flex;
align-items: center;
justify-content: space-between;

font-size: 14px;
font-weight: 600;
}

.s8-templates-button .s8-templates-button-content .s8-standard-icon {
margin-right: .5rem;
}

.s8-navigationPrimary > li > a {
font-size: 15px;
font-weight: 600;
}

.s8-navigationPrimary li a {
padding: 1em .9em !important;
}

.s8-navigationPrimary li.s8-navigationPrimaryItem--active > a {
color: #595959;
}

.s8-navigationPrimary:last-of-type {
justify-content: flex-end !important;
}

.s8-navigationPrimary ul {
background-color: #2E2E2E;
color: #ffffff;
}

.s8-navigationPrimary ul li a {
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
text-transform: capitalize;
padding: .9rem !important;
}

.s8-navigationPrimary ul li:hover a {
background-color: rgba(255, 255, 255, 0.05);
}

.s8-navigationPrimary ul li.s8-navigationPrimaryItem--active > a {
background-color: rgba(255, 255, 255, 0.05);
color: #fff;
}

/* footer */
footer .footer_cta a {
color: #ffffff;
}

footer .footer_cta h4 {
margin-bottom: .5rem;
}

footer ul {
list-style: none;
padding: 0;
margin: 1rem 0;
}

footer ul li {
line-height: 2.3rem;
font-weight: 500;
font-size: 15px;
}

footer ul li a {
color: #ffffff;
}

.template-flex--container {
margin: 0;
padding: 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-rows: auto;
gap: 2rem;
align-items: flex-start;
}

.template-flex--container.flex-2 {
grid-template-columns: 1fr 1fr;
}

.template-flex--container.flex-2 .s8-templates-socialLinks {
justify-content: flex-end;
}

.template-flex--container .template-flex--item {
display: grid;
grid-template-columns: 20% 1fr;
align-items: flex-start;
}

.contact-list li {
display: grid;
grid-template-columns: 15% 1fr;
font-size: 14px;
}

.contact-list li .s8-standard-icon {
margin-right: .5rem;
}

form#searchform .formRowColWide {
position: relative;
}

form#searchform input {
border: 2px solid #595959;
border-radius: 50px !important;
}

form#searchform button[type="submit"] {
border-radius: 50px;
background: #595959;
color: white;
position: absolute;
top: 0;
bottom: 0;
right: 0;
border: 2px solid #595959;
margin: 0;
}

@media (max-width: 1000px) {
.template-flex--container { grid-template-columns: 1fr 1fr; }
}

@media screen and (max-width:700px) {
.template-flex--container { grid-template-columns: 1fr !important; }

.template-flex--container.flex-2 .s8-templates-socialLinks { justify-content: flex-start; }

.s8-templatesHeader-slim .s8-templatesHeader-featuredContainer .s8-templates-button { min-width: auto !important; }

.s8-templatesHeader-featuredContainer .s8-templates-button-content span:last-child { display: none; }

.s8-templatesHeader-slim .s8-templatesHeader-logo { flex: 0 1 20%; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; padding: 10px 0 0 0; order: 2; }

.s8-templatesHeader-slim .s8-templatesHeader-navigation-container { order: 1; padding: 0; }

.s8-templatesHeader-slim .s8-templatesHeader-featuredContainer { order: 3; }

form#searchform button[type="submit"] {
position: unset;
margin: 8px 0;
padding: 12px;
}
}

@media (max-width: 700px) {
.s8-templatesHeader-slim .s8-templatesHeader-featuredContainer .s8-templates-button .s8-templates-button-content .s8-standard-icon {margin-right: 0 !important; }

.s8-templatesHeader-slim .s8-templatesHeader-logo { flex: 1 1 1%; padding: 10px; }

.s8-templatesHeader-slim .s8-templatesHeader-navigation-container { flex: 1 1 1%; }

.s8-templatesHeader-slim .s8-templatesHeader-featuredContainer {
flex: 1 1 1%;
order: 2;
justify-content: center;
align-items: flex-end;
padding: 0;
}

.s8-navigationPrimary--displayStateMobile.s8-navigationPrimaryMobile a { justify-content: flex-start !important; display: flex !important; padding-left: 10px; }

.s8-navigationPrimary--displayStateMobile.s8-navigationPrimaryMobile li { width: auto;}

.s8-navigationPrimaryMobile { align-items: flex-start;}
}

@media (max-width: 600px) {

.s8-templatesHeader-slim .s8-templatesHeader-logo {
padding: 10px 0;
}
}

@media screen and (max-width:350px) {
.s8-navigationPrimary--displayStateMobile.s8-navigationPrimaryMobile li {
width: 155px;
}

.s8-navigationPrimary--displayStateMobile.s8-navigationPrimaryMobile a {
justify-content: center !important;
}

.s8-templatesHeader-slim .s8-templatesHeader-featuredContainer {
align-items: center;
}

.s8-templatesHeader-slim .s8-templatesHeader-logo {
flex: 0 1 100%;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
padding: 10px 0 0 0;
order: 1;
}

.s8-templatesHeader-slim .s8-templatesHeader-navigation-container {
order: 2;
padding: 0;
}

.s8-templatesHeader-slim .s8-templatesHeader-featuredContainer {
order: 3;
padding: 0;
}
}
</style>
</head>

<body>
<ss:templates:header variant="Slim" maxlogowidth="200px" maxlogoheight="100px" logo="/media/website_designs/38/logo.png" bgcolor="#333333" contentsize="md" navbgcolor="#333333" navfontcolor="#ffffff">
<ss:navigation:primary rootpage="/new-site/" id="headerNav" includestyles="true" preventwrap="true" autopopulatelevel="2" openonhover="true">
<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="#595959" href="/contact-us/"> <span>Get Started</span></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>
<div class="section-mainContent">
<ss:logic:variable as="postMain" value="[? (\Components\Website\Posts::getAllLinkingToPage(\Components\Website\Pages::currentPageId()))[0] ?]" />
<!-- Article Page -->
<ss:logic:if test="count(\Components\Website\Posts::getAllLinkingToPage(\Components\Website\Pages::currentPageId())) > 0">
<ss:logic:if test="$postMain['post_icon']">
<ss:templates:section contentsize="md" color="#fff" paddingtop="13rem" paddingbottom="10rem" bgimage="[? $postMain['post_icon'] ?]" bgparallax="true" bgwashcolor="#000" bgwashopacity="40">
<h1 style="text-align: center">[? $postMain['post_title'] ?]</h1>
<h5 style="text-align: center"><span>Posted [? formatDate($postMain['post_date']) ?]</span></h5>
</ss:templates:section>
</ss:logic:if>
<ss:logic:else>
<ss:templates:section contentsize="md" color="#fff" paddingtop="13rem" paddingbottom="10rem" bgcolor="#595959">
<h1 style="text-align: center">[? $postMain['post_title'] ?]</h1>
<h5 style="text-align: center"><span>Posted [? formatDate($postMain['post_date']) ?]</span></h5>
</ss:templates:section>
</ss:logic:else>
<ss:templates:section contentsize="sm">
<ss:regions:content />
</ss:templates:section>
<ss:templates:section contentsize="md" bgcolor="#fafafa">
<h3 style="text-align: center"><strong>Related News</strong></h3>
<p><br /></p>
<ss:data:postrepeater templatetype="list" datalimit="3" datafilter="[? ['post_id', '!=', $postMain['post_id']] ?]" variant="Card" />
</ss:templates:section>
</ss:logic:if>
<ss:logic:else>
<ss:regions:content requiressection="true" />
</ss:logic:else>
</div>
</ss:logic:else>
<!-- Footer -->
<footer>
<ss:regions:togglable id="footer_contact" label="Show Footer Contact Section" defaultvisible="true">
<ss:templates:section class="footer_cta" bgcolor="#595959" color="#ffffff" paddingtop="5rem" paddingbottom="5rem">
<h2>Have a question?</h2>
<p>If you have a question or would like to book in for a consultation, please don't hesitate to reach
out.</p>
<p><br /></p>
<div class="template-flex--container">
<div class="template-flex--item">
<div>
<ss:standard:icon library="fontawesome" name="phone-volume-solid" size="4" style="height: 45px;" />
</div>
<div>
<h4>Call us today<small></small></h4>
<p style="margin: 0px;">
<a href="tel:1300787970">
1300787970 </a>
</p>
</div>
</div>
<div class="template-flex--item">
<div>
<ss:standard:icon library="fontawesome" name="envelope-open-solid" size="4" style="height: 45px;" />
</div>
<div>
<h4>Message us</h4>
<p style="margin: 0px;">
<a href="/contact-us/">Send us your enquiry</a>
</p>
</div>
</div>
<div class="template-flex--item">
<div>
<ss:standard:icon library="fontawesome" name="map-marker-alt-solid" size="4" style="height: 45px;" />
</div>
<div>
<h4>Write to us</h4>
<p style="margin: 0px;">
PO Box 5766 Brendale QLD 4500 </p>
</div>
</div>
</div>
</ss:templates:section>
</ss:regions:togglable>
<ss:templates:section class="footer_copyright" bgcolor="#333333" color="#ffffff" paddingtop="4rem" paddingbottom="4rem">
<ss:templates:row>
<ss:templates:column width="6">
<ss:templates:section contentsize="md" paddingtop="1rem" paddingbottom="1rem" paddingright="10rem" paddingleft="0rem">
<a href="/"><ss:standard:image src="https://charles-kenyon.com/wp-content/uploads/2020/06/C_K-Logo.png" alt="Charles-kenyon" width="200" /></a>
<p><br /></p>
<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>
</ss:templates:section>
</ss:templates:column>
<ss:templates:column width="3">
<strong>Quick Links</strong>
<ss:navigation:primary rootpage="/new-site/" includestyles="false" autopopulatelevel="1" includeparentpagelevel="0" />
</ss:templates:column>
<ss:templates:column width="3">
<strong>Contact Us</strong>
<ul class="contact-list">
<li>
<ss:standard:icon library="fontawesome" name="phone" size="4" style="width: 33px; height: 33px; color: #595959; padding: 8px" />
<a href="tel:1300787970" style="color: #ffffff;">
1300787970 </a>
</li>
<li>
<ss:standard:icon library="fontawesome" name="envelope-open-solid" size="4" style="width: 33px; height: 33px; color: #595959; padding: 8px" />
<a href="mailto:info@oncord.com" style="color: #ffffff;">
info@oncord.com </a>
</li>
<li>
<ss:standard:icon library="fontawesome" name="clock-solid" size="4" style="width: 33px; height: 33px; color: #595959; padding: 8px" />
Monday-Friday 9am-5pm </li>
<li>
<ss:standard:icon library="fontawesome" name="map-marker-alt-solid" size="4" style="width: 33px; height: 33px; color: #595959; padding: 8px" />
PO Box 5766 Brendale QLD 4500 </li>
</ul>
</ss:templates:column>
</ss:templates:row>
</ss:templates:section>
<ss:templates:section class="footer_copyright" contentsize="md" paddingbottom="1rem" paddingtop="1rem">
<div class="template-flex--container flex-2">
<small>© [? date('Y') ?]
Charles-kenyon. <a href="https://www.oncord.com/"> Powered by Oncord.</a>
</small>
<ss:templates:sociallinks icon-width="33px" icon-height="33px" variant="Round" size="3" bgcolor="#595959;" color="#ffffff" />
</div>
</ss:templates:section>
</footer>
</body>

</html>