<!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>&#169; 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>