{% extends 'front.html.twig' %}
{% block title %} Welcome CNFCE {% endblock %}
{% block stytesheets %}
    {{ parent() }}
{% endblock %}
{% block body %}
    <!-- hero area start -->
    <section style="margin-top: -20px;" id="home">
        <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
                {% for slider in sliders %}
                    <li data-target="#carouselExampleIndicators" data-slide-to="{{ loop.index }}" {% if loop.index == 1 %}class="active"{% endif %}></li>
                {% endfor %}
            </ol>
            <div class="carousel-inner">
                {% for slider in sliders %}
                    <div class="carousel-item {% if loop.index == 1 %}active{% endif %}">
                        <img class="d-block w-100" src="{{ asset('uploads/sliders/'~slider.path) }}" alt="First slide" style="height: 600px;">
                        <div class="carousel-caption d-none d-md-block">
                            <span>{{ slider.description|raw }}</span>
                        </div>
                    </div>
                {% endfor %}
            </div>
            <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
    </section>
    <!-- hero area end -->

    <!-- service section start -->
    <section class="service-area ptb-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="sec-title mb-20">
                        <h2>Why We Are the <span class="title-span">Right</span> Choice
                            <span class="sec-title-border">
									<span></span>
									<span></span>
									<span></span>
								</span>
                        </h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                            labore et dolore magna aliqua.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <div class="single-service-box">
                        <img src="{{ asset('assets/img/service/service1.jpg') }}" alt="service"/>
                        <div class="service-box-overlay">
                            <i class="icofont icofont-light-bulb"></i>
                        </div>
                        <div class="service-box-hover">
                            <div class="display-table">
                                <div class="display-tablecell">
                                    <a href="#" class="theme-btn theme-btn6">Read More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="single-service-box">
                        <img src="{{ asset('assets/img/service/service2.jpg') }}" alt="service"/>
                        <div class="service-box-overlay">
                            <i class="icofont icofont-brand-att"></i>
                        </div>
                        <div class="service-box-hover">
                            <div class="display-table">
                                <div class="display-tablecell">
                                    <a href="#" class="theme-btn theme-btn6">Read More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="single-service-box">
                        <img src="{{ asset('assets/img/service/service3.jpg') }}" alt="service"/>
                        <div class="service-box-overlay">
                            <i class="icofont icofont-apple"></i>
                        </div>
                        <div class="service-box-hover">
                            <div class="display-table">
                                <div class="display-tablecell">
                                    <a href="#" class="theme-btn theme-btn6">Read More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- service section end -->

    <!-- service bottom section start -->
    <section class="ptb-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="sec-title mb-20">
                        <h2>Our <span class="title-span">Services</span>
                            <span class="sec-title-border">
									<span></span>
									<span></span>
									<span></span>
								</span>
                        </h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                            labore et dolore magna aliqua.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6">
                    <div class="service-bottom-box">
                        <div class="service-bottom-icon">
                            <div class="display-table">
                                <div class="display-tablecell">
                                    <i class="icofont icofont-bag-alt"></i>
                                </div>
                            </div>
                        </div>
                        <div class="service-bottom-text">
                            <h4>Business Plan</h4>
                            <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusan dolore mque ciatis
                                ut laudantium.</p>
                            <a href="#" class="theme-btn theme-btn3">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="service-bottom-box">
                        <div class="service-bottom-icon">
                            <div class="display-table">
                                <div class="display-tablecell">
                                    <i class="icofont icofont-chart-bar-graph"></i>
                                </div>
                            </div>
                        </div>
                        <div class="service-bottom-text">
                            <h4>Financial Analysis</h4>
                            <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusan dolore mque ciatis
                                ut laudantium.</p>
                            <a href="#" class="theme-btn theme-btn3">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="service-bottom-box">
                        <div class="service-bottom-icon">
                            <div class="display-table">
                                <div class="display-tablecell">
                                    <i class="icofont icofont-bricks"></i>
                                </div>
                            </div>
                        </div>
                        <div class="service-bottom-text">
                            <h4>Success Report</h4>
                            <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusan dolore mque ciatis
                                ut laudantium.</p>
                            <a href="#" class="theme-btn theme-btn3">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="service-bottom-box">
                        <div class="service-bottom-icon">
                            <div class="display-table">
                                <div class="display-tablecell">
                                    <i class="icofont icofont-world"></i>
                                </div>
                            </div>
                        </div>
                        <div class="service-bottom-text">
                            <h4>Global Coaching</h4>
                            <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusan dolore mque ciatis
                                ut laudantium.</p>
                            <a href="#" class="theme-btn theme-btn3">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="service-bottom-box">
                        <div class="service-bottom-icon">
                            <div class="display-table">
                                <div class="display-tablecell">
                                    <i class="icofont icofont-money-bag"></i>
                                </div>
                            </div>
                        </div>
                        <div class="service-bottom-text">
                            <h4>Investment Palnning</h4>
                            <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusan dolore mque ciatis
                                ut laudantium.</p>
                            <a href="#" class="theme-btn theme-btn3">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="service-bottom-box">
                        <div class="service-bottom-icon">
                            <div class="display-table">
                                <div class="display-tablecell">
                                    <i class="icofont icofont-institution"></i>
                                </div>
                            </div>
                        </div>
                        <div class="service-bottom-text">
                            <h4>Risk Management</h4>
                            <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusan dolore mque ciatis
                                ut laudantium.</p>
                            <a href="#" class="theme-btn theme-btn3">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- service section end -->

    <!-- video section start -->
    <section class="video-area ptb-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 offset-lg-2">
                    <div class="video-popup">
                        <a href="https://www.youtube.com/watch?v=RZXnugbhw_4" class="popup-youtube"><i
                                    class="icofont icofont-ui-play"></i></a>
                        <h2>Buzprime Video Presentation</h2>
                        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
                            laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi
                            architecto beatae vitae dicta sunt explicabo.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- video section end -->

    <!-- success section start -->
    <section class="success-area ptb-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="sec-title mb-20">
                        <h2>Our <span class="title-span">Success</span> Reports
                            <span class="sec-title-border">
									<span></span>
									<span></span>
									<span></span>
								</span>
                        </h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                            labore et dolore magna aliqua.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6">
                    <div class="single-success-box">
                        <h4>We are <span>leading</span> consulting firm.</h4>
                        <h5><i class="icofont icofont-envelope-open"></i>Top Energy Trend Business</h5>
                        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium sunt veritatis et
                            quasi architecto beatae vitae dicta sunt explicabo. Sed ut perspiciatis unde omnis iste
                            natus error sit voluptatem accusantium sunt veritatis et quasi architecto beatae vitae dicta
                            sunt explicabo.</p>
                        <h5><i class="icofont icofont-envelope-open"></i>Chief Financial Officer Role</h5>
                        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium sunt veritatis et
                            quasi architecto beatae vitae dicta sunt explicabo. Sed ut perspiciatis unde omnis iste
                            natus error sit voluptatem accusantium sunt veritatis et quasi architecto beatae vitae dicta
                            sunt explicabo.</p>
                        <a href="#" class="theme-btn theme-btn5">READ MORE</a>
                    </div>
                </div>
                <div class="col-lg-5 offset-lg-1">
                    <div class="single-success-box">
                        <h4>Our Annual <span>Growth</span> Chart.</h4>
                        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem rem ipsa quae ab illo
                            inventore.</p>
                        <img src="assets/img/success.png" alt=""/>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- success section end -->

    <!-- counterup section start -->
    <section class="counter-area ptb-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-sm-6">
                    <div class="single-counter-box">
                        <h2 class="counter">24669</h2>
                        <p>Happy Coustomers</p>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="single-counter-box">
                        <h2 class="counter">5066</h2>
                        <p>Our Project</p>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="single-counter-box">
                        <h2 class="counter">25</h2>
                        <p>Years Expereince</p>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="single-counter-box">
                        <h2 class="counter">50</h2>
                        <p>Award Winner</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- counterup section end -->

    <!-- portfolio section start -->
    <section class="portfolio-area ptb-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="sec-title mb-20">
                        <h2>Our <span class="title-span">Project</span>
                            <span class="sec-title-border">
									<span></span>
									<span></span>
									<span></span>
								</span>
                        </h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                            labore et dolore magna aliqua.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="portfolio-menu">
                        <ul>
                            <li data-filter="*" class="active">all</li>
                            <li data-filter=".business">Business</li>
                            <li data-filter=".coaching">Coaching</li>
                            <li data-filter=".financial">Financial</li>
                            <li data-filter=".investments">Investments</li>
                            <li data-filter=".market">Market</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row portfolio-item">
                <div class="col-lg-3 col-sm-6 business financial">
                    <div class="single-portfolio-box portfolio-bg-1">
                        <div class="portfolio-box-overlay">
                            <div class="display-table">
                                <div class="display-tablecell">
                                    <a href="#"><h4>Retail Trading</h4></a>
                                    <p>Sed ut perspiciatis unde on acciste natus error sit voluptatem audantium,
                                        totam. </p>
                                    <a href="#" class="theme-btn theme-btn6">Read More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 coaching investments">
                    <div class="single-portfolio-box portfolio-bg-2">
                        <div class="portfolio-box-overlay">
                            <div class="display-table">
                                <div class="display-tablecell">
                                    <a href="#"><h4>Retail Trading</h4></a>
                                    <p>Sed ut perspiciatis unde on acciste natus error sit voluptatem audantium,
                                        totam. </p>
                                    <a href="#" class="theme-btn theme-btn6">Read More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 market coaching">
                    <div class="single-portfolio-box portfolio-bg-3">
                        <div class="portfolio-box-overlay">
                            <div class="display-table">
                                <div class="display-tablecell">
                                    <a href="#"><h4>Retail Trading</h4></a>
                                    <p>Sed ut perspiciatis unde on acciste natus error sit voluptatem audantium,
                                        totam. </p>
                                    <a href="#" class="theme-btn theme-btn6">Read More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 investments financial">
                    <div class="single-portfolio-box portfolio-bg-4">
                        <div class="portfolio-box-overlay">
                            <div class="display-table">
                                <div class="display-tablecell">
                                    <a href="#"><h4>Retail Trading</h4></a>
                                    <p>Sed ut perspiciatis unde on acciste natus error sit voluptatem audantium,
                                        totam. </p>
                                    <a href="#" class="theme-btn theme-btn6">Read More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 business market">
                    <div class="single-portfolio-box portfolio-bg-5">
                        <div class="portfolio-box-overlay">
                            <div class="display-table">
                                <div class="display-tablecell">
                                    <a href="#"><h4>Retail Trading</h4></a>
                                    <p>Sed ut perspiciatis unde on acciste natus error sit voluptatem audantium,
                                        totam. </p>
                                    <a href="#" class="theme-btn theme-btn6">Read More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 market coaching">
                    <div class="single-portfolio-box portfolio-bg-6">
                        <div class="portfolio-box-overlay">
                            <div class="display-table">
                                <div class="display-tablecell">
                                    <a href="#"><h4>Retail Trading</h4></a>
                                    <p>Sed ut perspiciatis unde on acciste natus error sit voluptatem audantium,
                                        totam. </p>
                                    <a href="#" class="theme-btn theme-btn6">Read More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 investments financial">
                    <div class="single-portfolio-box portfolio-bg-7">
                        <div class="portfolio-box-overlay">
                            <div class="display-table">
                                <div class="display-tablecell">
                                    <a href="#"><h4>Retail Trading</h4></a>
                                    <p>Sed ut perspiciatis unde on acciste natus error sit voluptatem audantium,
                                        totam. </p>
                                    <a href="#" class="theme-btn theme-btn6">Read More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 business market">
                    <div class="single-portfolio-box portfolio-bg-8">
                        <div class="portfolio-box-overlay">
                            <div class="display-table">
                                <div class="display-tablecell">
                                    <a href="#"><h4>Retail Trading</h4></a>
                                    <p>Sed ut perspiciatis unde on acciste natus error sit voluptatem audantium,
                                        totam. </p>
                                    <a href="#" class="theme-btn theme-btn6">Read More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- portfolio section end -->

    <!-- team section start -->
    <section class="team-area ptb-100" id="team">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="sec-title mb-20">
                        <h2>Meet Our <span class="title-span">Team</span>
                            <span class="sec-title-border">
									<span></span>
									<span></span>
									<span></span>
								</span>
                        </h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                            labore et dolore magna aliqua.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-sm-6">
                    <div class="single-team-member">
                        <div class="team-member-img">
                            <img src="assets/img/team/1.jpg" alt="team">
                            <div class="team-member-icon">
                                <div class="display-table">
                                    <div class="display-tablecell">
                                        <a href="#"><i class="icofont icofont-social-facebook"></i></a>
                                        <a href="#"><i class="icofont icofont-social-twitter"></i></a>
                                        <a href="#"><i class="icofont icofont-social-dribbble"></i></a>
                                        <a href="#"><i class="icofont icofont-social-google-plus"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="team-member-info">
                            <a href="#"><h4>John Deo</h4></a>
                            <p>Web Developer</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <div class="single-team-member">
                        <div class="team-member-img">
                            <img src="{{ asset('assets/img/team/2.jpg') }}" alt="team">
                            <div class="team-member-icon">
                                <div class="display-table">
                                    <div class="display-tablecell">
                                        <a href="#"><i class="icofont icofont-social-facebook"></i></a>
                                        <a href="#"><i class="icofont icofont-social-twitter"></i></a>
                                        <a href="#"><i class="icofont icofont-social-dribbble"></i></a>
                                        <a href="#"><i class="icofont icofont-social-google-plus"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="team-member-info">
                            <a href="#"><h4>Sharon Garcia</h4></a>
                            <p>UX Designer</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 offset-lg-0 col-sm-6 offset-sm-3">
                    <div class="single-team-member">
                        <div class="team-member-img">
                            <img src="{{ asset('assets/img/team/3.jpg') }}" alt="team">
                            <div class="team-member-icon">
                                <div class="display-table">
                                    <div class="display-tablecell">
                                        <a href="#"><i class="icofont icofont-social-facebook"></i></a>
                                        <a href="#"><i class="icofont icofont-social-twitter"></i></a>
                                        <a href="#"><i class="icofont icofont-social-dribbble"></i></a>
                                        <a href="#"><i class="icofont icofont-social-google-plus"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="team-member-info">
                            <a href="#"><h4>Elijah Henderson</h4></a>
                            <p>UX Designer</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- team section end -->

    <!-- get-call-back section start -->
    <section class="call-back-area ptb-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    <div class="single-call-back">
                        <h2>Get a <span>Call</span> Back</h2>
                        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
                            laudantium, totam rem aperiam, eaque ipsa quae ab beatae illo inventore veritatis et quasi
                            architecto vitae dicta sunt explicabo.</p>
                    </div>
                </div>
                <div class="col-lg-8">
                    <div class="contact-form">
                        <form action="mailto:#" method="POST">
                            <div class="row">
                                <div class="col-md-6">
                                    <input type="text" placeholder="Enter Your Name">
                                    <input type="email" placeholder="Enter Your Email">
                                    <select>
                                        <option value="help">How can we help?</option>
                                        <option value="help">How can we help?</option>
                                        <option value="help">How can we help?</option>
                                    </select>
                                </div>
                                <div class="col-md-6">
                                    <textarea placeholder="Messege"></textarea>
                                    <button type="submit" name="submit" class="theme-btn theme-btn5">Get Consultaion <i
                                                class="icofont icofont-send-mail"></i></button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- get-call-back section end -->

    <!-- pricing section start -->
    <section class="pricing-area ptb-100" id="pricing">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="sec-title mb-20">
                        <h2>Our Pricing <span class="title-span">Plan</span>
                            <span class="sec-title-border">
									<span></span>
									<span></span>
									<span></span>
								</span>
                        </h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                            labore et dolore magna aliqua.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xl-3 col-sm-6">
                    <div class="single-pricing-box">
                        <i class="icofont icofont-light-bulb"></i>
                        <h4>Financial planning</h4>
                        <h1><span>$</span>69</h1>
                        <ul>
                            <li><i class="icofont icofont-tick-mark"></i>Optimized for Web</li>
                            <li><i class="icofont icofont-tick-mark"></i>10 E-mail Addresse</li>
                            <li><i class="icofont icofont-tick-mark"></i>Fully responsive</li>
                            <li><i class="icofont icofont-tick-mark"></i>Solutions Your Business</li>
                        </ul>
                        <a href="#" class="theme-btn theme-btn5">ORDER NOW</a>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="single-pricing-box active">
                        <i class="icofont icofont-tree-alt"></i>
                        <h4>Investment planning</h4>
                        <h1><span>$</span>79</h1>
                        <ul>
                            <li><i class="icofont icofont-tick-mark"></i>Optimized for Web</li>
                            <li><i class="icofont icofont-tick-mark"></i>10 E-mail Addresse</li>
                            <li><i class="icofont icofont-tick-mark"></i>Fully responsive</li>
                            <li><i class="icofont icofont-tick-mark"></i>Solutions Your Business</li>
                        </ul>
                        <a href="#" class="theme-btn theme-btn5">ORDER NOW</a>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="single-pricing-box">
                        <i class="icofont icofont-money"></i>
                        <h4>Private Banking</h4>
                        <h1><span>$</span>89</h1>
                        <ul>
                            <li><i class="icofont icofont-tick-mark"></i>Optimized for Web</li>
                            <li><i class="icofont icofont-tick-mark"></i>10 E-mail Addresse</li>
                            <li><i class="icofont icofont-tick-mark"></i>Fully responsive</li>
                            <li><i class="icofont icofont-tick-mark"></i>Solutions Your Business</li>
                        </ul>
                        <a href="#" class="theme-btn theme-btn5">ORDER NOW</a>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="single-pricing-box">
                        <i class="icofont icofont-support"></i>
                        <h4>Business Advisor</h4>
                        <h1><span>$</span>99</h1>
                        <ul>
                            <li><i class="icofont icofont-tick-mark"></i>Optimized for Web</li>
                            <li><i class="icofont icofont-tick-mark"></i>10 E-mail Addresse</li>
                            <li><i class="icofont icofont-tick-mark"></i>Fully responsive</li>
                            <li><i class="icofont icofont-tick-mark"></i>Solutions Your Business</li>
                        </ul>
                        <a href="#" class="theme-btn theme-btn5">ORDER NOW</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- pricing section end -->

    <!-- testimonial section start -->
    <section class="testimonial-area ptb-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="sec-title mb-50">
                        <h2>Our <span class="title-span">Testimonials</span>
                            <span class="sec-title-border">
									<span></span>
									<span></span>
									<span></span>
								</span>
                        </h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                            labore et dolore magna aliqua.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="testimonial-slide">
                        <div class="testimonial-single-slide">
                            <div class="testimonial-slide-author">
                                <img src="{{ asset('assets/img/author/author1.png') }}" alt=""/>
                            </div>
                            <div class="testimonial-slide-info">
                                <p>Sed ut perspiciatis unde omnis iste natus error sit volup laudantium accusantium
                                    doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo invento veritatis
                                    et quasi architecto.</p>
                                <h4>Mitchel Harward</h4>
                                <p>San Fransisco</p>
                                <div class="review-star">
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                </div>
                            </div>
                        </div>
                        <div class="testimonial-single-slide">
                            <div class="testimonial-slide-author">
                                <img src="{{ asset('assets/img/author/author2.png') }}" alt=""/>
                            </div>
                            <div class="testimonial-slide-info">
                                <p>Sed ut perspiciatis unde omnis iste natus error sit volup laudantium accusantium
                                    doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo invento veritatis
                                    et quasi architecto.</p>
                                <h4>Beally Russel</h4>
                                <p>New York</p>
                                <div class="review-star">
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                </div>
                            </div>
                        </div>
                        <div class="testimonial-single-slide">
                            <div class="testimonial-slide-author">
                                <img src="{{ asset('assets/img/author/author3.png') }}" alt=""/>
                            </div>
                            <div class="testimonial-slide-info">
                                <p>Sed ut perspiciatis unde omnis iste natus error sit volup laudantium accusantium
                                    doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo invento veritatis
                                    et quasi architecto.</p>
                                <h4>Mitchel Harward</h4>
                                <p>San Fransisco</p>
                                <div class="review-star">
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                    <i class="icofont icofont-star"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- testimonial section end -->

    <!-- blog section start -->
    <section class="blog-area ptb-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="sec-title mb-20">
                        <h2>Our <span class="title-span">Latest</span> News
                            <span class="sec-title-border">
									<span></span>
									<span></span>
									<span></span>
								</span>
                        </h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                            labore et dolore magna aliqua.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-sm-6">
                    <div class="single-post">
                        <div class="post-thumbnail">
                            <a href="#"><img src="{{ asset('assets/img/blog/blog1.jpg') }}" alt="blog"></a>
                        </div>
                        <div class="post-details">
                            <div class="post-author">
                                <a href="#"><i class="icofont icofont-heart"></i>69</a>
                                <a href="#"><i class="icofont icofont-share"></i>share</a>
                                <a href="#"><i class="icofont icofont-speech-comments"></i>Comments</a>
                            </div>
                            <h4 class="post-title"><a href="blog.html">Lorem ipsum dolor sit</a></h4>
                            <div class="post-author">
                                <a href="#"><i class="icofont icofont-user"></i>By Fletcher | 22 Feb 2018</a>
                            </div>
                            <p>Lorem ipsum dolor sit amet, sed do eiusmod tempor incididunt ut labore et dolore magna
                                aliqua. Ut enim ad</p>
                            <a href="#" class="theme-btn theme-btn5">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <div class="single-post">
                        <div class="post-thumbnail">
                            <a href="#"><img src="{{ asset('assets/img/blog/blog2.jpg') }}" alt="blog"></a>
                        </div>
                        <div class="post-details">
                            <div class="post-author">
                                <a href="#"><i class="icofont icofont-heart"></i>69</a>
                                <a href="#"><i class="icofont icofont-share"></i>share</a>
                                <a href="#"><i class="icofont icofont-speech-comments"></i>Comments</a>
                            </div>
                            <h4 class="post-title"><a href="blog.html">Lorem ipsum dolor sit</a></h4>
                            <div class="post-author">
                                <a href="#"><i class="icofont icofont-user"></i>By Fletcher | 22 Feb 2018</a>
                            </div>
                            <p>Lorem ipsum dolor sit amet, sed do eiusmod tempor incididunt ut labore et dolore magna
                                aliqua. Ut enim ad</p>
                            <a href="#" class="theme-btn theme-btn5">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 offset-lg-0 offset-sm-3">
                    <div class="single-post">
                        <div class="post-thumbnail">
                            <a href="#"><img src="{{ asset('assets/img/blog/blog3.jpg') }}" alt="blog"></a>
                        </div>
                        <div class="post-details">
                            <div class="post-author">
                                <a href="#"><i class="icofont icofont-heart"></i>69</a>
                                <a href="#"><i class="icofont icofont-share"></i>share</a>
                                <a href="#"><i class="icofont icofont-speech-comments"></i>Comments</a>
                            </div>
                            <h4 class="post-title"><a href="blog.html">Lorem ipsum dolor sit</a></h4>
                            <div class="post-author">
                                <a href="#"><i class="icofont icofont-user"></i>By Fletcher | 22 Feb 2018</a>
                            </div>
                            <p>Lorem ipsum dolor sit amet, sed do eiusmod tempor incididunt ut labore et dolore magna
                                aliqua. Ut enim ad</p>
                            <a href="#" class="theme-btn theme-btn5">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- blog section end -->
    <div id="map"></div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script>
        function initMap() {
            var uluru = {lat: -26.397, lng: 135.644};
            var map = new google.maps.Map(document.getElementById('map'), {
                zoom: 6,
                center: uluru
            });
            var marker = new google.maps.Marker({
                position: uluru,
                map: map
            });
        }
    </script>
    <script async defer
            src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBnKyOpsNq-vWYtrwayN3BkF3b4k3O9A_A&callback=initMap"></script>
{% endblock %}