<?php include 'inc/config.php'; $template['boxed'] = false; ?>
<?php include 'inc/template_start.php'; ?>
<?php include 'inc/page_head.php'; ?>

<!-- Intro -->
<section class="site-section site-section-top site-section-light themed-background-dark">
    <div class="container">
        <h1 class="text-center animation-fadeInQuickInv"><strong>You can easily create a page scroller.</strong></h1>
    </div>
</section>
<!-- END Intro -->

<!-- Page Scroller Container -->
<!-- Functionality initialized in js/app.js - uiInit() with vPageScroll, check out examples and documentation at https://github.com/nico-martin/vPageScroll -->
<div class="scroller-container">
    <!-- Page Scroller Navigation, it is auto created and you can specify a Font Awesome icon in each section by using the property 'data-icon' -->
    <div class="scroller-nav"></div>

    <!-- Slide 1 -->
    <section class="site-content site-section themed-background-muted border-bottom" data-icon="fa-trophy">
        <div class="container">
            <h2 class="text-center site-block"><strong>Portfolio</strong></h2>
            <div class="row push-bit">
                <div class="col-md-6">
                    <a href="project.php" class="portfolio-item themed-background-social">
                        <h2 class="site-heading h3">
                            <strong class="text-uppercase">Project 1</strong>
                        </h2>
                        <div class="row">
                            <div class="col-sm-6 visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInRight" data-element-offset="-20">
                                <p><img src="img/placeholders/screenshots/promo_2.png" alt="" class="img-responsive portfolio-item-img-left"></p>
                            </div>
                            <div class="col-sm-6 visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInLeft" data-element-offset="-20">
                                <p>Suspendisse potenti. Aliquam quis ligula elit. Aliquam at orci ac neque semper dictum. Sed tincidunt scelerisque ligula, et facilisis nulla hendrerit non.</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-6">
                    <a href="project.php" class="portfolio-item themed-background-passion">
                        <h2 class="site-heading h3">
                            <strong class="text-uppercase">Project 2</strong>
                        </h2>
                        <div class="row">
                            <div class="col-sm-6 col-sm-push-6 visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInLeft" data-element-offset="-20">
                                <p><img src="img/placeholders/screenshots/promo_1.png" alt="" class="img-responsive portfolio-item-img-right"></p>
                            </div>
                            <div class="col-sm-6 col-sm-pull-6 visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInRight" data-element-offset="-20">
                                <p>Suspendisse potenti. Aliquam quis ligula elit. Aliquam at orci ac neque semper dictum. Sed tincidunt scelerisque ligula, et facilisis nulla hendrerit non.</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-6">
                    <a href="project.php" class="portfolio-item themed-background-classy">
                        <h2 class="site-heading h3">
                            <strong class="text-uppercase">Project 3</strong>
                        </h2>
                        <div class="row">
                            <div class="col-sm-6 visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInRight" data-element-offset="-20">
                                <p><img src="img/placeholders/screenshots/promo_2.png" alt="" class="img-responsive portfolio-item-img-left"></p>
                            </div>
                            <div class="col-sm-6 visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInLeft" data-element-offset="-20">
                                <p>Suspendisse potenti. Aliquam quis ligula elit. Aliquam at orci ac neque semper dictum. Sed tincidunt scelerisque ligula, et facilisis nulla hendrerit non.</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-6">
                    <a href="project.php" class="portfolio-item themed-background-flat">
                        <h2 class="site-heading h3">
                            <strong class="text-uppercase">Project 4</strong>
                        </h2>
                        <div class="row">
                            <div class="col-sm-6 col-sm-push-6 visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInLeft" data-element-offset="-20">
                                <p><img src="img/placeholders/screenshots/promo_3.png" alt="" class="img-responsive portfolio-item-img-right"></p>
                            </div>
                            <div class="col-sm-6 col-sm-pull-6 visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInRight" data-element-offset="-20">
                                <p>Suspendisse potenti. Aliquam quis ligula elit. Aliquam at orci ac neque semper dictum. Sed tincidunt scelerisque ligula, et facilisis nulla hendrerit non.</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-6">
                    <a href="project.php" class="portfolio-item themed-background-creme">
                        <h2 class="site-heading h3">
                            <strong class="text-uppercase">Project 5</strong>
                        </h2>
                        <div class="row">
                            <div class="col-sm-6 visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInRight" data-element-offset="-20">
                                <p><img src="img/placeholders/screenshots/promo_2.png" alt="" class="img-responsive portfolio-item-img-left"></p>
                            </div>
                            <div class="col-sm-6 visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInLeft" data-element-offset="-20">
                                <p>Suspendisse potenti. Aliquam quis ligula elit. Aliquam at orci ac neque semper dictum. Sed tincidunt scelerisque ligula, et facilisis nulla hendrerit non.</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-6">
                    <a href="project.php" class="portfolio-item themed-background-amethyst">
                        <h2 class="site-heading h3">
                            <strong class="text-uppercase">Project 6</strong>
                        </h2>
                        <div class="row">
                            <div class="col-sm-6 col-sm-push-6 visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInLeft" data-element-offset="-20">
                                <p><img src="img/placeholders/screenshots/promo_3.png" alt="" class="img-responsive portfolio-item-img-right"></p>
                            </div>
                            <div class="col-sm-6 col-sm-pull-6 visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInRight" data-element-offset="-20">
                                <p>Suspendisse potenti. Aliquam quis ligula elit. Aliquam at orci ac neque semper dictum. Sed tincidunt scelerisque ligula, et facilisis nulla hendrerit non.</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </section>
    <!-- END Slide 1 -->

    <!-- Slide 2 -->
    <section class="site-content site-section border-bottom" data-icon="fa-dollar">
        <div class="container">
            <h2 class="text-center site-block"><strong>Pricing</strong></h2>
            <div class="site-block">
                <div class="row">
                    <div class="col-sm-4">
                        <table class="table table-borderless table-pricing">
                            <thead>
                                <tr>
                                    <th>Tiny Plan</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="active">
                                    <td>
                                        <h1>$<strong>9</strong><small>.99</small><br><small>per month</small></h1>
                                    </td>
                                </tr>
                                <tr>
                                    <td><strong>1</strong> Domain</td>
                                </tr>
                                <tr>
                                    <td><strong>1GB</strong> Storage</td>
                                </tr>
                                <tr>
                                    <td><strong>10GB</strong> Bandwidth</td>
                                </tr>
                                <tr>
                                    <td><strong>1</strong> Databases</td>
                                </tr>
                                <tr class="active">
                                    <td>
                                        <a href="javascript:void(0)" class="btn btn-effect-ripple  btn-success"><i class="fa fa-arrow-right"></i> Sign Up Today</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-muted">
                                        <small><em>* All plans include free support!</em></small>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="col-sm-4">
                        <table class="table table-borderless table-pricing">
                            <thead>
                                <tr>
                                    <th>Medium Plan</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="active">
                                    <td>
                                        <h1>$<strong>19</strong><small>.99</small><br><small>per month</small></h1>
                                    </td>
                                </tr>
                                <tr>
                                    <td><strong>5</strong> Domains</td>
                                </tr>
                                <tr>
                                    <td><strong>10GB</strong> Storage</td>
                                </tr>
                                <tr>
                                    <td><strong>1TB</strong> Bandwidth</td>
                                </tr>
                                <tr>
                                    <td><strong>10</strong> Databases</td>
                                </tr>
                                <tr class="active">
                                    <td>
                                        <a href="javascript:void(0)" class="btn btn-effect-ripple  btn-success"><i class="fa fa-arrow-right"></i> Sign Up Today</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-muted">
                                        <small><em>* All plans include free support!</em></small>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="col-sm-4">
                        <table class="table table-borderless table-pricing">
                            <thead>
                                <tr>
                                    <th>Large Plan</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="active">
                                    <td>
                                        <h1>$<strong>39</strong><small>.99</small><br><small>per month</small></h1>
                                    </td>
                                </tr>
                                <tr>
                                    <td><strong>10</strong> Domains</td>
                                </tr>
                                <tr>
                                    <td><strong>20GB</strong> Storage</td>
                                </tr>
                                <tr>
                                    <td><strong>5TB</strong> Bandwidth</td>
                                </tr>
                                <tr>
                                    <td><strong>30</strong> Databases</td>
                                </tr>
                                <tr class="active">
                                    <td>
                                        <a href="javascript:void(0)" class="btn btn-effect-ripple  btn-success"><i class="fa fa-arrow-right"></i> Sign Up Today</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-muted">
                                        <small><em>* All plans include free support!</em></small>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div id="testimonials-carousel" class="carousel slide carousel-html" data-ride="carousel" data-interval="4000">
                    <div class="carousel-inner text-center">
                        <div class="active item">
                            <blockquote>
                                <p><img src="img/placeholders/avatars/avatar13@2x.jpg" alt="avatar" class="img-circle img-thumbnail img-thumbnail-avatar-2x"></p>
                                <h3>A big thanks! Our web app looks great!</h3>
                                <footer><em><strong>Maria Clark</strong>, http://example.com/</em></footer>
                            </blockquote>
                        </div>
                        <div class="item">
                            <blockquote>
                                <p><img src="img/placeholders/avatars/avatar2@2x.jpg" alt="avatar" class="img-circle img-thumbnail img-thumbnail-avatar-2x"></p>
                                <h3>It just works!</h3>
                                <footer><em><strong>Roger Santos</strong>, http://example.com/</em></footer>
                            </blockquote>
                        </div>
                        <div class="item">
                            <blockquote>
                                <p><img src="img/placeholders/avatars/avatar1@2x.jpg" alt="avatar" class="img-circle img-thumbnail img-thumbnail-avatar-2x"></p>
                                <h3>A great product at a great price!</h3>
                                <footer><em><strong>Edward Duncan</strong>, http://example.com/</em></footer>
                            </blockquote>
                        </div>
                        <div class="item">
                            <blockquote>
                                <p><img src="img/placeholders/avatars/avatar7@2x.jpg" alt="avatar" class="img-circle img-thumbnail img-thumbnail-avatar-2x"></p>
                                <h3>Awesome purchase, I'm so happy I made it!</h3>
                                <footer><em><strong>Scott Gray</strong>, http://example.com/</em></footer>
                            </blockquote>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- END Slide 2 -->

    <!-- Slide 3 -->
    <section class="site-content site-section themed-background-muted border-bottom" data-icon="fa-diamond">
        <div class="container">
            <h2 class="text-center site-block"><strong>Features</strong></h2>
            <div class="row row-items text-center">
                <div class="col-sm-4">
                    <a href="javascript:void(0)" class="feature visibility-none themed-background-danger" data-toggle="animation-appear" data-animation-class="animation-fadeInQuickInv" data-element-offset="-100">
                        <i class="fa fa-fire"></i>
                    </a>
                    <div class="visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInQuick2Inv" data-element-offset="-100">
                        <h4 class="site-heading feature-heading"><strong>Bootstrap Powered</strong></h4>
                        <p class="feature-text text-muted">Bootstrap is a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development. <strong>AppUI</strong> was built on top, extending it to a large degree.</p>
                    </div>
                </div>
                <div class="col-sm-4">
                    <a href="javascript:void(0)" class="feature visibility-none themed-background-success" data-toggle="animation-appear" data-animation-class="animation-fadeInQuickInv" data-element-offset="-100">
                        <i class="gi gi-pizza"></i>
                    </a>
                    <div class="visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInQuick2Inv" data-element-offset="-100">
                        <h4 class="site-heading feature-heading"><strong>1200+ Font Based Icons</strong></h4>
                        <p class="feature-text text-muted">With so many unique icons included in <strong>AppUI</strong>, you don't have to worry about running out. Let's not talk about possible color and size variations.</p>
                    </div>
                </div>
                <div class="col-sm-4">
                    <a href="javascript:void(0)" class="feature visibility-none themed-background-info" data-toggle="animation-appear" data-animation-class="animation-fadeInQuickInv" data-element-offset="-100">
                        <i class="fa fa-book"></i>
                    </a>
                    <div class="visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInQuick2Inv" data-element-offset="-100">
                        <h4 class="site-heading feature-heading"><strong>Documentation Included</strong></h4>
                        <p class="feature-text text-muted"><strong>AppUI</strong> comes packed with a great documentation which covers all the basics to get you familiar with template's structure, files and plugins. It is the best way to get started.</p>
                    </div>
                </div>
            </div>
            <div class="row row-items text-center">
                <div class="col-sm-4">
                    <a href="javascript:void(0)" class="feature visibility-none themed-background-amethyst" data-toggle="animation-appear" data-animation-class="animation-fadeInQuickInv" data-element-offset="-100">
                        <i class="gi gi-eye_open"></i>
                    </a>
                    <div class="visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInQuick2Inv" data-element-offset="-100">
                        <h4 class="site-heading feature-heading"><strong>Retina Ready</strong></h4>
                        <p class="feature-text text-muted">It will look crispy clear on high resolution screens and at the same time it will serve your high quality images as required.</p>
                    </div>
                </div>
                <div class="col-sm-4">
                    <a href="javascript:void(0)" class="feature visibility-none themed-background-flat" data-toggle="animation-appear" data-animation-class="animation-fadeInQuickInv" data-element-offset="-100">
                        <i class="fa fa-code"></i>
                    </a>
                    <div class="visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInQuick2Inv" data-element-offset="-100">
                        <h4 class="site-heading feature-heading"><strong>Clean & Commented Code</strong></h4>
                        <p class="feature-text text-muted">The code is created with the developer in mind. It is clean, easy to follow, easy to replicate and at the same time well commented, so that you never feel lost.</p>
                    </div>
                </div>
                <div class="col-sm-4">
                    <a href="javascript:void(0)" class="feature visibility-none themed-background-passion" data-toggle="animation-appear" data-animation-class="animation-fadeInQuickInv" data-element-offset="-100">
                        <i class="gi gi-iphone_shake"></i>
                    </a>
                    <div class="visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInQuick2Inv" data-element-offset="-100">
                        <h4 class="site-heading feature-heading"><strong>Fully Responsive</strong></h4>
                        <p class="feature-text text-muted">The User Interface will adjust to any screen size. It will look great on mobile devices and on desktops at the same time. No need to worry about the UI, just stay focused on the development.</p>
                    </div>
                </div>
            </div>
            <div class="row row-items text-center">
                <div class="col-sm-4">
                    <a href="javascript:void(0)" class="feature visibility-none themed-background-warning" data-toggle="animation-appear" data-animation-class="animation-fadeInQuickInv" data-element-offset="-100">
                        <i class="gi gi-brush"></i>
                    </a>
                    <div class="visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInQuick2Inv" data-element-offset="-100">
                        <h4 class="site-heading feature-heading"><strong>7 Colors Themes</strong></h4>
                        <p class="feature-text text-muted"><strong>AppUI</strong> features 7 carefully chosen and integrated color themes to choose from (with 2 header & sidebar color variations each). It's like getting a new template every time you change the active color theme.</p>
                    </div>
                </div>
                <div class="col-sm-4">
                    <a href="javascript:void(0)" class="feature visibility-none themed-background-info" data-toggle="animation-appear" data-animation-class="animation-fadeInQuickInv" data-element-offset="-100">
                        <i class="gi gi-electricity"></i>
                    </a>
                    <div class="visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInQuick2Inv" data-element-offset="-100">
                        <h4 class="site-heading feature-heading"><strong>Flexible Layout</strong></h4>
                        <p class="feature-text text-muted">Create the layout you want for your project in seconds. Would you like a static layout? A fixed header and sidebars? A fixed footer? An alternative sidebar? You can have it!</p>
                    </div>
                </div>
                <div class="col-sm-4">
                    <a href="javascript:void(0)" class="feature visibility-none themed-background-classy" data-toggle="animation-appear" data-animation-class="animation-fadeInQuickInv" data-element-offset="-100">
                        <i class="fa fa-cogs"></i>
                    </a>
                    <div class="visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInQuick2Inv" data-element-offset="-100">
                        <h4 class="site-heading feature-heading"><strong>Awesome Components</strong></h4>
                        <p class="feature-text text-muted"><strong>AppUI</strong> comes packed with so many awesome components. Calendar, CSS3 Animations, Form Wizards, Form Validation and Charts are only a small portion of them.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- END Slide 3 -->

    <!-- Slide 4 -->
    <section class="site-content site-section" data-icon="fa-support">
        <div class="container">
            <h2 class="text-center site-block"><strong>Support</strong></h2>
            <div class="row site-block">
                <div class="col-md-8 col-md-offset-2">
                    <div id="faq1" class="panel-group">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <div class="panel-title">
                                    <i class="fa fa-angle-right"></i> <a class="accordion-toggle" data-toggle="collapse" data-parent="#faq1" href="#faq1_q1"><strong>Welcome to our service</strong></a>
                                </div>
                            </div>
                            <div id="faq1_q1" class="panel-collapse collapse in">
                                <div class="panel-body">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh sapien in purus. Mauris tincidunt tincidunt turpis in porta. Integer fermentum tincidunt auctor. Vestibulum ullamcorper, odio sed rhoncus imperdiet, enim elit sollicitudin orci, eget dictum leo mi nec lectus. Nam commodo turpis id lectus scelerisque vulputate. Integer sed dolor erat. Fusce erat ipsum, varius vel euismod sed, tristique et lectus? Etiam egestas fringilla enim, id convallis lectus laoreet at. Fusce purus nisi, gravida sed consectetur ut, interdum quis nisi. Quisque egestas nisl id lectus facilisis scelerisque? Proin rhoncus dui at ligula vestibulum ut facilisis ante sodales! Suspendisse potenti. Aliquam tincidunt sollicitudin sem nec ultrices. Sed at mi velit. Ut egestas tempor est, in cursus enim venenatis eget! Nulla quis ligula ipsum.</p>
                                    <p class="remove-margin">Mauris tincidunt tincidunt turpis in porta. Integer fermentum tincidunt auctor. Vestibulum ullamcorper, odio sed rhoncus imperdiet, enim elit sollicitudin orci, eget dictum leo mi nec lectus. Nam commodo turpis id lectus scelerisque vulputate. Integer sed dolor erat. Fusce erat ipsum, varius vel euismod sed, tristique et lectus? Etiam egestas fringilla enim, id convallis lectus laoreet at. Fusce purus nisi, gravida sed consectetur ut, interdum quis nisi. Quisque egestas nisl id lectus facilisis scelerisque? Proin rhoncus dui at ligula vestibulum ut facilisis ante sodales! Suspendisse potenti. Aliquam tincidunt sollicitudin sem nec ultrices. Sed at mi velit. Ut egestas tempor est, in cursus enim venenatis eget! Nulla quis ligula ipsum.</p>
                                </div>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <div class="panel-title">
                                    <i class="fa fa-angle-right"></i> <a class="accordion-toggle" data-toggle="collapse" data-parent="#faq1" href="#faq1_q2"><strong>Who are we?</strong></a>
                                </div>
                            </div>
                            <div id="faq1_q2" class="panel-collapse collapse in">
                                <div class="panel-body">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh sapien in purus.</p>
                                    <p class="remove-margin">Mauris tincidunt tincidunt turpis in porta. Integer fermentum tincidunt auctor. Vestibulum ullamcorper, odio sed rhoncus imperdiet, enim elit sollicitudin orci, eget dictum leo mi nec lectus. Nam commodo turpis id lectus scelerisque vulputate. Integer sed dolor erat. Fusce erat ipsum, varius vel euismod sed, tristique et lectus? Etiam egestas fringilla enim, id convallis lectus laoreet at. Fusce purus nisi, gravida sed consectetur ut, interdum quis nisi. Quisque egestas nisl id lectus facilisis scelerisque? Proin rhoncus dui at ligula vestibulum ut facilisis ante sodales! Suspendisse potenti. Aliquam tincidunt sollicitudin sem nec ultrices. Sed at mi velit. Ut egestas tempor est, in cursus enim venenatis eget! Nulla quis ligula ipsum.</p>
                                </div>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <div class="panel-title">
                                    <i class="fa fa-angle-right"></i> <a class="accordion-toggle" data-toggle="collapse" data-parent="#faq1" href="#faq1_q3"><strong>What we believe in?</strong></a>
                                </div>
                            </div>
                            <div id="faq1_q3" class="panel-collapse collapse in">
                                <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh sapien in purus. Mauris tincidunt tincidunt turpis in porta. Integer fermentum tincidunt auctor. Vestibulum ullamcorper, odio sed rhoncus imperdiet, enim elit sollicitudin orci, eget dictum leo mi nec lectus. Nam commodo turpis id lectus scelerisque vulputate. Integer sed dolor erat. Fusce erat ipsum, varius vel euismod sed, tristique et lectus? Etiam egestas fringilla enim, id convallis lectus laoreet at. Fusce purus nisi, gravida sed consectetur ut, interdum quis nisi. Quisque egestas nisl id lectus facilisis scelerisque? Proin rhoncus dui at ligula vestibulum ut facilisis ante sodales! Suspendisse potenti. Aliquam tincidunt sollicitudin sem nec ultrices. Sed at mi velit. Ut egestas tempor est, in cursus enim venenatis eget! Nulla quis ligula ipsum.</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- END Slide 4 -->
</div>
<!-- END Page Scroller Container -->

<?php include 'inc/page_footer.php'; ?>
<?php include 'inc/template_scripts.php'; ?>
<?php include 'inc/template_end.php'; ?>