php js css php js css

Please Login

Changes to Design: Colewhite Cloud Accountants Template

393008
Yesterday 12:34pm

Deleted design
393133
Yesterday 12:56pm
McNaught, Scott
Created design
Can't Undo: The design 11 does not currently exist, it may have been moved or deleted. In order to undo this change, you first need to restore the design
This change is a rollback of Change 393008
Deleted Datetime:
Id:
11
11
Type:
web
web
Title:
Colewhite Cloud Accountants Template
Colewhite Cloud Accountants Template
Html:
<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title></title>

<link rel="stylesheet" media="screen" href="//fonts.googleapis.com/css?family=Open+Sans:300,400,700">

<!-- Bootstrap 3 and Font Awesome -->
<link rel="stylesheet" href="/media/website_designs/11/css/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">

<!-- Template Styles -->
<link rel="stylesheet" href="/media/website_designs/11/css/bootstrap-theme.css" media="screen" >
<link rel="stylesheet" href="/media/website_designs/11/css/styles.css">

</head>

<body>

<!-- Header Navigation -->
<div class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">
<img src="/media/website_designs/11/colewhite-logo-new.png" alt="Your Logo" />
</a>
</div>
<div class="navbar-collapse collapse">
<ss:navigation:primary id="headerNav" includeparentpagelevel="2" includestyles="false" bootstrap="true" class="nav navbar-nav pull-right" autopopulatelevel="2" classlicurrent="active">
</ss:navigation:primary>
</div>
</div>
</div>

<!-- HOME PAGE LAYOUT -->
<ss:logic:if test="\Components\Website\Pages::currentPageId() == '/' || \Components\Website\Pages::currentPageId() == '/accountant-example/'">
<ss:regions:content />
</ss:logic:if>

<!-- BLOG PAGE LAYOUT -->
<ss:logic:else test="\Components\Website\Pages::currentPageId() == '/blog/'">
<div id="contentHeader">
<div class="container">
<div class="crumbs">
<ss:navigation:breadcrumbs linkcurrentpage="false" />
</div>
<h1>[? \Components\Website\Pages::currentGetColumn('page_title') ?]</h1>
</div>
</div>
<div id="mainContent">
<section class="gray-bg">
<div class="container">
<ss:regions:content />
</div>
</section>
</div>
</ss:logic:else>

<!-- GENERAL CONTENT PAGE LAYOUT -->
<ss:logic:else>
<div id="contentHeader">
<div class="container">
<div class="crumbs">
<ss:navigation:breadcrumbs linkcurrentpage="false" />
</div>
<h1>[? \Components\Website\Pages::currentGetColumn('page_title') ?]</h1>
</div>
</div>
<div id="mainContent">
<div class="container">
<div class="row">

<div class="col-md-8">
<div class="contentWrapper">
<ss:regions:content />
</div>
</div>

<div class="col-md-3 col-md-offset-1">
<div class="sidebar">

<div class="widget sidebar-nav">
<ss:navigation:secondary id="sidebar_navigation" includeparentwhennochildren="false" includeparent="true" includeparentclass="parent" orientation="vertical" autopopulatelevel="3" />
</div>

<div class="widget">
<h3>Latest Blog Updates</h3>
<ss:data:repeater as="post" datasource="\Components\Website\Posts::getAllForCategory(1)" datalimit="4">
<ss:logic:if test="$post['post_icon']">
<div class="row news-box">
<div class="col-xs-12 col-sm-4 col-md-5">
<a href="[? $post['post_content_url'] ?]">
<ss:standard:image alt="$post['post_title']" src="'/media/website_posts/' + $post['post_id'] + '/' + $post['post_icon']" parsenow="alt,src" class="img-responsive" />
</a>
</div>
<div class="col-xs-12 col-sm-8 col-md-7">
<h5>
<span>[? date('F j, Y', strtotime($post['post_date'])) ?]</span>
<a href="[? $post['post_content_url'] ?]">[? $post['post_title'] ?]</a>
</h5>
<a class="read-more" href="[? $post['post_content_url'] ?]">Read More &raquo;</a>
</div>
</div>
<hr />
</ss:logic:if>
<ss:logic:else>
<div class="row news-box">
<div class="col-sm-12">
<h5>
<span>[? date('F j, Y', strtotime($post['post_date'])) ?]</span>
<a href="[? $post['post_content_url'] ?]">[? $post['post_title'] ?]</a>
</h5>
<a class="read-more" href="[? $post['post_content_url'] ?]">Read More &raquo;</a>
</div>
</div>
<hr />
</ss:logic:else>
</ss:data:repeater>
<div class="clearfix">
<a href="/blog/">Visit the blog <i class="fa fa-angle-right pull-right" aria-hidden="true"></i></a>
</div>
</div>

</div>
</div>

</div>
</div>
</div>
</ss:logic:else>

<!-- OPTIONAL FOOTER PROMO AREA -->
<ss:regions:togglable id="footer_promo" defaultvisible="true" label="Show Footer Promo Area">
<section class="call-to-action">
<div class="container">
<div class="row">
<div class="col-md-8 col-sm-8">
<h1>Ready to Make a Change?</h1>
<p><big><i class="fa fa-phone"></i> Call 1300 111 222</big></p>
</div>
<div class="col-md-4 col-sm-4" style="text-align: right;">
<a href="/contact/" class="btn btn-primary btn-cta"><i class="fa fa-arrow-right" aria-hidden="true"></i> Message Us Now</a>
</div>
</div>
</div>
</section>
</ss:regions:togglable>

<footer id="footer">

<div class="footerTop">
<div class="container">
<div class="row">

<div class="col-md-3 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 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="fab fa-facebook"></i></a></li>
<li><a href="/"><i class="fab fa-twitter"></i></a></li>
<li><a href="/"><i class="fab fa-google-plus"></i></a></li>
<li><a href="/"><i class="fab fa-linkedin"></i></a></li>
</ul>
</div>

</div>
</div>
</div>

<div class="footerBottom">
<div class="container">
<p style="text-align: center;">
Copyright &copy; [? date('Y') ?] Your Business Name. <a href="//www.synergy8.com/" rel="designer" target="_blank">Website &amp; Marketing Powered by Synergy 8</a>
</p>
</div>
</div>

</footer>

<ss:forms:dialogbox id="newsletter_subscribe_dialog" width="400">
<h4 style="margin-bottom: 10px;" class="text-uppercase">Get notified of new articles:</h4>
<ss:forms:form id="newsletter_subscribe_form" class="minimal_form" onsuccesstoastmessage="Thanks! You have been successfully signed up" contactmode="store">
<div class="form-group">
<ss:forms:row label="First Name" type="one_column">
<ss:forms:editbox id="contact_first_name" class="form-control input-lg" validations="mandatory" placeholder="First Name" />
</ss:forms:row>
</div>
<div class="form-group">
<ss:forms:row label="Last Name" type="one_column">
<ss:forms:editbox id="contact_last_name" class="form-control input-lg" validations="mandatory" placeholder="Last Name" />
</ss:forms:row>
</div>
<div class="form-group">
<ss:forms:row label="Email Address" type="one_column">
<ss:forms:editbox id="contact_email" class="form-control input-lg" validations="mandatory,email" transformations="tolower" placeholder="Email Address" />
</ss:forms:row>
</div>

<ss:forms:submitbutton value="SUBSCRIBE" class="btn pull-right" />
</ss:forms:form>
</ss:forms:dialogbox>

<ss:standard:script at="head" includejquery="true" />

<script>
window.$ = jQuery;
</script>

<script src="/media/website_designs/11/js/bootstrap.min.js"></script>

</body>
</html>
<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title></title>

<link rel="stylesheet" media="screen" href="//fonts.googleapis.com/css?family=Open+Sans:300,400,700">

<!-- Bootstrap 3 and Font Awesome -->
<link rel="stylesheet" href="/media/website_designs/11/css/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">

<!-- Template Styles -->
<link rel="stylesheet" href="/media/website_designs/11/css/bootstrap-theme.css" media="screen" >
<link rel="stylesheet" href="/media/website_designs/11/css/styles.css">

</head>

<body>

<!-- Header Navigation -->
<div class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">
<img src="/media/website_designs/11/colewhite-logo-new.png" alt="Your Logo" />
</a>
</div>
<div class="navbar-collapse collapse">
<ss:navigation:primary id="headerNav" includeparentpagelevel="2" includestyles="false" bootstrap="true" class="nav navbar-nav pull-right" autopopulatelevel="2" classlicurrent="active">
</ss:navigation:primary>
</div>
</div>
</div>

<!-- HOME PAGE LAYOUT -->
<ss:logic:if test="\Components\Website\Pages::currentPageId() == '/' || \Components\Website\Pages::currentPageId() == '/accountant-example/'">
<ss:regions:content />
</ss:logic:if>

<!-- BLOG PAGE LAYOUT -->
<ss:logic:else test="\Components\Website\Pages::currentPageId() == '/blog/'">
<div id="contentHeader">
<div class="container">
<div class="crumbs">
<ss:navigation:breadcrumbs linkcurrentpage="false" />
</div>
<h1>[? \Components\Website\Pages::currentGetColumn('page_title') ?]</h1>
</div>
</div>
<div id="mainContent">
<section class="gray-bg">
<div class="container">
<ss:regions:content />
</div>
</section>
</div>
</ss:logic:else>

<!-- GENERAL CONTENT PAGE LAYOUT -->
<ss:logic:else>
<div id="contentHeader">
<div class="container">
<div class="crumbs">
<ss:navigation:breadcrumbs linkcurrentpage="false" />
</div>
<h1>[? \Components\Website\Pages::currentGetColumn('page_title') ?]</h1>
</div>
</div>
<div id="mainContent">
<div class="container">
<div class="row">

<div class="col-md-8">
<div class="contentWrapper">
<ss:regions:content />
</div>
</div>

<div class="col-md-3 col-md-offset-1">
<div class="sidebar">

<div class="widget sidebar-nav">
<ss:navigation:secondary id="sidebar_navigation" includeparentwhennochildren="false" includeparent="true" includeparentclass="parent" orientation="vertical" autopopulatelevel="3" />
</div>

<div class="widget">
<h3>Latest Blog Updates</h3>
<ss:data:repeater as="post" datasource="\Components\Website\Posts::getAllForCategory(1)" datalimit="4">
<ss:logic:if test="$post['post_icon']">
<div class="row news-box">
<div class="col-xs-12 col-sm-4 col-md-5">
<a href="[? $post['post_content_url'] ?]">
<ss:standard:image alt="$post['post_title']" src="'/media/website_posts/' + $post['post_id'] + '/' + $post['post_icon']" parsenow="alt,src" class="img-responsive" />
</a>
</div>
<div class="col-xs-12 col-sm-8 col-md-7">
<h5>
<span>[? date('F j, Y', strtotime($post['post_date'])) ?]</span>
<a href="[? $post['post_content_url'] ?]">[? $post['post_title'] ?]</a>
</h5>
<a class="read-more" href="[? $post['post_content_url'] ?]">Read More &raquo;</a>
</div>
</div>
<hr />
</ss:logic:if>
<ss:logic:else>
<div class="row news-box">
<div class="col-sm-12">
<h5>
<span>[? date('F j, Y', strtotime($post['post_date'])) ?]</span>
<a href="[? $post['post_content_url'] ?]">[? $post['post_title'] ?]</a>
</h5>
<a class="read-more" href="[? $post['post_content_url'] ?]">Read More &raquo;</a>
</div>
</div>
<hr />
</ss:logic:else>
</ss:data:repeater>
<div class="clearfix">
<a href="/blog/">Visit the blog <i class="fa fa-angle-right pull-right" aria-hidden="true"></i></a>
</div>
</div>

</div>
</div>

</div>
</div>
</div>
</ss:logic:else>

<!-- OPTIONAL FOOTER PROMO AREA -->
<ss:regions:togglable id="footer_promo" defaultvisible="true" label="Show Footer Promo Area">
<section class="call-to-action">
<div class="container">
<div class="row">
<div class="col-md-8 col-sm-8">
<h1>Ready to Make a Change?</h1>
<p><big><i class="fa fa-phone"></i> Call 1300 111 222</big></p>
</div>
<div class="col-md-4 col-sm-4" style="text-align: right;">
<a href="/contact/" class="btn btn-primary btn-cta"><i class="fa fa-arrow-right" aria-hidden="true"></i> Message Us Now</a>
</div>
</div>
</div>
</section>
</ss:regions:togglable>

<footer id="footer">

<div class="footerTop">
<div class="container">
<div class="row">

<div class="col-md-3 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 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="fab fa-facebook"></i></a></li>
<li><a href="/"><i class="fab fa-twitter"></i></a></li>
<li><a href="/"><i class="fab fa-google-plus"></i></a></li>
<li><a href="/"><i class="fab fa-linkedin"></i></a></li>
</ul>
</div>

</div>
</div>
</div>

<div class="footerBottom">
<div class="container">
<p style="text-align: center;">
Copyright &copy; [? date('Y') ?] Your Business Name. <a href="//www.synergy8.com/" rel="designer" target="_blank">Website &amp; Marketing Powered by Synergy 8</a>
</p>
</div>
</div>

</footer>

<ss:forms:dialogbox id="newsletter_subscribe_dialog" width="400">
<h4 style="margin-bottom: 10px;" class="text-uppercase">Get notified of new articles:</h4>
<ss:forms:form id="newsletter_subscribe_form" class="minimal_form" onsuccesstoastmessage="Thanks! You have been successfully signed up" contactmode="store">
<div class="form-group">
<ss:forms:row label="First Name" type="one_column">
<ss:forms:editbox id="contact_first_name" class="form-control input-lg" validations="mandatory" placeholder="First Name" />
</ss:forms:row>
</div>
<div class="form-group">
<ss:forms:row label="Last Name" type="one_column">
<ss:forms:editbox id="contact_last_name" class="form-control input-lg" validations="mandatory" placeholder="Last Name" />
</ss:forms:row>
</div>
<div class="form-group">
<ss:forms:row label="Email Address" type="one_column">
<ss:forms:editbox id="contact_email" class="form-control input-lg" validations="mandatory,email" transformations="tolower" placeholder="Email Address" />
</ss:forms:row>
</div>

<ss:forms:submitbutton value="SUBSCRIBE" class="btn pull-right" />
</ss:forms:form>
</ss:forms:dialogbox>

<ss:standard:script at="head" includejquery="true" />

<script>
window.$ = jQuery;
</script>

<script src="/media/website_designs/11/js/bootstrap.min.js"></script>

</body>
</html>
Css:
body {
font-size: 16px;
}

h1, h2, h3, h4, h5, h6, big {
font-family: "Open sans", Helvetica, Arial;
}

input[type=text],input[type=email],input[type=password],textarea {
font-family: Arial, Verdana, sans-serif !important;
}

select {
font-family: Arial, Verdana, sans-serif;
}

button[type=submit] {
outline: none;
background: #428bca;
border: 1px solid #428bca;
}

#head {
background-image: url(https://colewhite.sslsvc.com/media/website_designs/2/banner-image.jpg);
}

.btn-action, .btn-primary {
color: #F1F1F1;
border: 2px solid #0189BF;
background: #0189BF;
border-radius: 0;
}

.btn-action:hover, .btn-primary:hover {
background: #0189BF;
}

.minimal_form .formRow {
background: transparent;
}

.minimal_form .form-group {
margin-bottom: 0;
}
body {
font-size: 16px;
}

h1, h2, h3, h4, h5, h6, big {
font-family: "Open sans", Helvetica, Arial;
}

input[type=text],input[type=email],input[type=password],textarea {
font-family: Arial, Verdana, sans-serif !important;
}

select {
font-family: Arial, Verdana, sans-serif;
}

button[type=submit] {
outline: none;
background: #428bca;
border: 1px solid #428bca;
}

#head {
background-image: url(https://colewhite.sslsvc.com/media/website_designs/2/banner-image.jpg);
}

.btn-action, .btn-primary {
color: #F1F1F1;
border: 2px solid #0189BF;
background: #0189BF;
border-radius: 0;
}

.btn-action:hover, .btn-primary:hover {
background: #0189BF;
}

.minimal_form .formRow {
background: transparent;
}

.minimal_form .form-group {
margin-bottom: 0;
}
Js:

															

														
Php Source:

															

														
Mobile Function:
none
none
Mobile Value:

															

														
Google Analytics Id:

															

														
Ajax Navigation: