290 lines
12 KiB
PHP
290 lines
12 KiB
PHP
<!doctype html>
|
|
<html lang="en" class="no-js">
|
|
<head>
|
|
<title>Kevkem Chiropractic Health & Injury Rehab Center</title>
|
|
|
|
<meta charset="utf-8">
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
|
|
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,700,600,300' rel='stylesheet' type='text/css'>
|
|
|
|
<link rel="stylesheet" href="/assets/css/bootstrap.css" type="text/css" media="screen">
|
|
<!-- REVOLUTION BANNER CSS SETTINGS -->
|
|
<link rel="stylesheet" type="text/css" href="/assets/css/fullwidth.css" media="screen" />
|
|
<link rel="stylesheet" type="text/css" href="/assets/css/settings.css" media="screen" />
|
|
|
|
<link rel="stylesheet" type="text/css" href="/assets/css/magnific-popup.css" media="screen">
|
|
<link rel="stylesheet" type="text/css" href="/assets/css/font-awesome.css" media="screen">
|
|
<link rel="stylesheet" type="text/css" href="/assets/css/jquery.bxslider.css" media="screen">
|
|
<link rel="stylesheet" type="text/css" href="/assets/css/style.css" media="screen">
|
|
<link rel="stylesheet" type="text/css" href="/assets/css/responsive.css" media="screen">
|
|
|
|
|
|
<script type="text/javascript" src="/assets/js/jquery.min.js"></script>
|
|
<script type="text/javascript" src="/assets/js/jquery.migrate.js"></script>
|
|
<script type="text/javascript" src="/assets/js/jquery.magnific-popup.min.js"></script>
|
|
<script type="text/javascript" src="/assets/js/bootstrap.js"></script>
|
|
<script type="text/javascript" src="/assets/js/raphael-min.js"></script>
|
|
<script type="text/javascript" src="/assets/js/DevSolutionSkill.min.js"></script>
|
|
<script type="text/javascript" src="/assets/js/retina-1.1.0.min.js"></script>
|
|
<script type="text/javascript" src="/assets/js/jquery.bxslider.min.js"></script>
|
|
<script type="text/javascript" src="/assets/js/plugins-scroll.js"></script>
|
|
|
|
<!-- jQuery KenBurn Slider -->
|
|
<script type="text/javascript" src="/assets/js/jquery.themepunch.revolution.min.js"></script>
|
|
<script type="text/javascript" src="/assets/js/script.js"></script>
|
|
|
|
<!--[if lt IE 9]>
|
|
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
<![endif]-->
|
|
|
|
</head>
|
|
<body>
|
|
<?php
|
|
$currentPage = isset($page)? $page: 'home';
|
|
$homeClass=$aboutClass=$serviceClass=$contactClass='';
|
|
switch ($currentPage){
|
|
case 'home':
|
|
$homeClass =" class='active' ";
|
|
break;
|
|
case 'about':
|
|
$aboutClass =" class='active' ";
|
|
break;
|
|
case 'services':
|
|
$serviceClass =" class='active' ";
|
|
break;
|
|
case 'contact':
|
|
$contactClass =" class='active' ";
|
|
break;
|
|
default:
|
|
}
|
|
?>
|
|
|
|
<!-- Container -->
|
|
<div id="container">
|
|
<!-- Header
|
|
================================================== -->
|
|
<header class="clearfix">
|
|
<!-- Static navbar -->
|
|
<div class="navbar navbar-default navbar-fixed-top">
|
|
<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 alt="" src="/assets/images/logow.png"></a>
|
|
</div>
|
|
<div class="navbar-collapse collapse">
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li><a <?=$homeClass?> href="/">Home</a></li>
|
|
<li><a <?=$aboutClass?> href="/about">About Us</a></li>
|
|
<li><a <?=$serviceClass?> href="/services">Services</a></li>
|
|
<li><a <?=$contactClass?> href="/contact">Contact Us</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<!-- End Header -->
|
|
<!-- BEGIN CONTENT BODY -->
|
|
<div class="page-content">
|
|
<?= $this->renderSection('content') ?>
|
|
</div>
|
|
<!-- END CONTENT BODY -->
|
|
<!-- footer
|
|
================================================== -->
|
|
<footer>
|
|
<div class="up-footer">
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<div class="col-md-3">
|
|
<div class="widget footer-widgets twitter-widget">
|
|
<h4>Kevkem Chiropractic</h4>
|
|
<ul class="tweets">
|
|
<li><p><a class="tweet-acc" href="/about">About Us</a></p></li>
|
|
<li><p><a class="tweet-acc" href="/services">Services</a></p></li>
|
|
<li><p><a class="tweet-acc" href="/contact">Contact Us</a></p></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-3">
|
|
<div class="widget footer-widgets tag-widget">
|
|
<h4>Services</h4>
|
|
<ul class="tag-widget-list">
|
|
<li><a href="/services">Chiropractic Care</a></li>
|
|
<li><a href="/services">Corrective Exercises</a></li>
|
|
<li><a href="/services">Lifestyle Advice</a></li>
|
|
<li><a href="/services">Nutritional Counseling</a></li>
|
|
<li><a href="/services">Massage Therapy</a></li>
|
|
<li><a href="/services">Spinal & Postural Screenings</a></li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
<div class="widget footer-widgets info-widget">
|
|
<h4>Contact Us</h4>
|
|
<ul class="contact-list">
|
|
<li><a class="phone" href="#"><i class="fa fa-phone"></i><span>770-778-0088</span></a></li>
|
|
<li><a class="mail" href="#"><i class="fa fa-envelope"></i><span>contact@kevkemchiro.com</span></a></li>
|
|
<li><a class="address" href="#"><i class="fa fa-home"></i><span>3077 Austell Rd Marietta, GA 30008</span></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
|
|
<img src="/assets/images/wellness-coach-logo.jpg" alt="Girl in a jacket" width="50%" height="auto">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer-line">
|
|
<div class="container">
|
|
<div class="footer-line-in">
|
|
<div class="row">
|
|
<div class="col-md-8">
|
|
<p>© 2014 - <?=date("Y");?> KekKem, All Rights Reserved</p>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<ul class="social-icons">
|
|
<li><a class="facebook" href="#"><i class="fa fa-facebook"></i></a></li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</footer>
|
|
<!-- End footer -->
|
|
|
|
<div class="fixed-link-top">
|
|
<div class="container">
|
|
<a class="go-top" href="#"><i class="fa fa-angle-up"></i></a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- End Container -->
|
|
|
|
|
|
<!--
|
|
##############################
|
|
- ACTIVATE THE BANNER HERE -
|
|
##############################
|
|
-->
|
|
<script type="text/javascript">
|
|
|
|
var tpj=jQuery;
|
|
tpj.noConflict();
|
|
|
|
tpj(document).ready(function() {
|
|
|
|
if (tpj.fn.cssOriginal!=undefined)
|
|
tpj.fn.css = tpj.fn.cssOriginal;
|
|
|
|
var api = tpj('.fullwidthbanner').revolution(
|
|
{
|
|
delay:8000,
|
|
startwidth:1170,
|
|
startheight:500,
|
|
|
|
onHoverStop:"off", // Stop Banner Timet at Hover on Slide on/off
|
|
|
|
thumbWidth:100, // Thumb With and Height and Amount (only if navigation Tyope set to thumb !)
|
|
thumbHeight:50,
|
|
thumbAmount:3,
|
|
|
|
hideThumbs:0,
|
|
navigationType:"none", // bullet, thumb, none
|
|
navigationArrows:"solo", // nexttobullets, solo (old name verticalcentered), none
|
|
|
|
navigationStyle:"round", // round,square,navbar,round-old,square-old,navbar-old, or any from the list in the docu (choose between 50+ different item), custom
|
|
|
|
|
|
navigationHAlign:"center", // Vertical Align top,center,bottom
|
|
navigationVAlign:"bottom", // Horizontal Align left,center,right
|
|
navigationHOffset:30,
|
|
navigationVOffset: 40,
|
|
|
|
soloArrowLeftHalign:"left",
|
|
soloArrowLeftValign:"center",
|
|
soloArrowLeftHOffset:0,
|
|
soloArrowLeftVOffset:0,
|
|
|
|
soloArrowRightHalign:"right",
|
|
soloArrowRightValign:"center",
|
|
soloArrowRightHOffset:0,
|
|
soloArrowRightVOffset:0,
|
|
|
|
touchenabled:"on", // Enable Swipe Function : on/off
|
|
|
|
|
|
stopAtSlide:-1, // Stop Timer if Slide "x" has been Reached. If stopAfterLoops set to 0, then it stops already in the first Loop at slide X which defined. -1 means do not stop at any slide. stopAfterLoops has no sinn in this case.
|
|
stopAfterLoops:-1, // Stop Timer if All slides has been played "x" times. IT will stop at THe slide which is defined via stopAtSlide:x, if set to -1 slide never stop automatic
|
|
|
|
hideCaptionAtLimit:0, // It Defines if a caption should be shown under a Screen Resolution ( Basod on The Width of Browser)
|
|
hideAllCaptionAtLilmit:0, // Hide all The Captions if Width of Browser is less then this value
|
|
hideSliderAtLimit:0, // Hide the whole slider, and stop also functions if Width of Browser is less than this value
|
|
|
|
|
|
fullWidth:"on",
|
|
|
|
shadow:1 //0 = no Shadow, 1,2,3 = 3 Different Art of Shadows - (No Shadow in Fullwidth Version !)
|
|
|
|
});
|
|
|
|
|
|
// TO HIDE THE ARROWS SEPERATLY FROM THE BULLETS, SOME TRICK HERE:
|
|
// YOU CAN REMOVE IT FROM HERE TILL THE END OF THIS SECTION IF YOU DONT NEED THIS !
|
|
api.bind("revolution.slide.onloaded",function (e) {
|
|
|
|
|
|
jQuery('.tparrows').each(function() {
|
|
var arrows=jQuery(this);
|
|
|
|
var timer = setInterval(function() {
|
|
|
|
if (arrows.css('opacity') == 1 && !jQuery('.tp-simpleresponsive').hasClass("mouseisover"))
|
|
arrows.fadeOut(300);
|
|
},3000);
|
|
})
|
|
|
|
jQuery('.tp-simpleresponsive, .tparrows').hover(function() {
|
|
jQuery('.tp-simpleresponsive').addClass("mouseisover");
|
|
jQuery('body').find('.tparrows').each(function() {
|
|
jQuery(this).fadeIn(300);
|
|
});
|
|
}, function() {
|
|
if (!jQuery(this).hasClass("tparrows"))
|
|
jQuery('.tp-simpleresponsive').removeClass("mouseisover");
|
|
})
|
|
});
|
|
// END OF THE SECTION, HIDE MY ARROWS SEPERATLY FROM THE BULLETS
|
|
});
|
|
</script>
|
|
<script>
|
|
jQuery(function(){
|
|
DevSolutionSkill.init('circle');
|
|
DevSolutionSkill.init('circle2');
|
|
DevSolutionSkill.init('circle3');
|
|
DevSolutionSkill.init('circle4');
|
|
DevSolutionSkill.init('circle5');
|
|
DevSolutionSkill.init('circle6');
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|