@extends('main')
@section('content')
    <div class="homepage">
        <section class="home-splash bg-base page-section">
            <div class="container">
                <div class="row">
                    <div class="col-sm-7 col-sm-offset-5 col-lg-6 col-lg-offset-6">
                        <h1>Couple Words.  Abstract</h1>
                        <h3>Tagline.  Something bried and enticing.  It can be this long if you want it to</h3>
                        <div class="row homepage-cta">
                            <div class="col-sm-6">
                                <a class="btn btn-default btn-block" href="/our-fleet/">View Our Fleet</a>
                            </div>
                            <div class="col-sm-6">
                                <a class="btn btn-default btn-block" href="#mission" id="mission-link">Our Mission</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="page-section mission-section">
            <div class="container">
                <div class="row">
                    <div class="col-md-5 col-lg-5 col-md-push-7">
                        <img src="//placehold.co/457x340" class="content-image img-responsive center-block" alt=""/>
                    </div>
                    <div class="col-sm-10 col-sm-offset-1 col-md-offset-0 col-md-7 col-lg-7 col-md-pull-5">
                        <h2 id="mission">Mission Statement Heading</h2>
                        <p class="section-intro">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
                            et dolore magna
                        </p>
                        <p class="section-body">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
                            et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
                            aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
                            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
                            culpa qui officia deserunt mollit
                        </p>
                        <div class="mission-cta homepage-cta row">
                            <div class="col-sm-6">
                                <a class="btn btn-default btn-block" href="/our-fleet/">View Our Fleet</a>
                            </div>
                            <div class="col-sm-6">
                                <a class="btn btn-default btn-block" href="/contact/">Contact Us</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="bg-accent page-section fleet-section">
           <div class="container">
               <div class="row">
                   <div class="col-sm-8 col-sm-offset-2 col-md-10 col-md-offset-1">
                       <h2 class="h1 text-center">Our Fleet</h2>
                       <p class="section-intro">
                           Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
                           dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                       </p>
                   </div>
               </div>
           </div>
            <div class="container">
                <div class="row">
                    @for($i=0;$i<4;$i++)
                        <div class="col-sm-6 col-md-3">
                            <div class="thumbnail">
                                <img src="//placehold.co/262x235" class="img-responsive" alt=""/>
                                <p class="thumbnail-caption text-center">
                                    <a href="/our-fleet/C172">Sim Name</a>
                                </p>
                            </div>
                        </div>
                    @endfor
                </div>
                <div class="row">
                    <div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
                        <div class="row homepage-cta">
                            <div class="col-sm-6">
                                <a class="btn btn-default btn-block" href="/our-fleet/">View Fleet Information</a>
                            </div>
                            <div class="col-sm-6">
                                <a class="btn btn-default btn-block" href="/downloads/">View Downloads</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="page-section features-section">
            <div class="gradient-overlay">&nbsp;</div>
            <div class="container">
                <div class="row">
                    <div class="col-md-7 col-md-offset-5 col-lg-6 col-lg-offset-6">
                        <h2>Training Device Features</h2>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
                            et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
                            aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
                            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
                            culpa qui officia deserunt mollit
                        </p>
                        <div class="row">
                            <div class="col-sm-10 col-sm-offset-1 col-md-12 col-md-offset-0">
                                <div class="row homepage-cta">
                                    <div class="col-sm-6">
                                        <a class="btn btn-primary btn-block" href="/flight-simulator-training-device-features/">View Features</a>
                                    </div>
                                    <div class="col-sm-6">
                                        <a class="btn btn-primary btn-block" href="/contact/">Request Information</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="bg-base page-section final-section">
            <div class="container">
                <div class="row">
                    <div class="col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2">
                        <h2 class="h1 text-center">Final</h2>
                        <p class="section-intro text-center">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
                            dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                        </p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
                        <div class="row homepage-cta">
                            <div class="col-sm-6">
                                <a class="btn btn-default btn-block" href="/our-fleet/">View Fleet Information</a>
                            </div>
                            <div class="col-sm-6">
                                <a class="btn btn-default btn-block" href="/downloads/">View Downloads</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@stop
@section('footerargs')
    <script>
        jQuery(document).ready(function(){
            $('#mission-link').on('click',function(e){
                e.preventDefault();
                $('html, body').animate({
                    scrollTop: $('#mission').offset().top-50
                }, 200);
            });
        });
    </script>
@stop