@extends('layouts.front_master')
@section('content')
    <header>
        <div class="row">
            <div class="col-md-12">
                <div class="header-slider">
                    <div class="header-single-slider">
                        <figure>
                            <img src="front/img/sliders/slider01.jpg" alt>
                            <figcaption>
                                <div class="content">
                                    <div class="container inner-content text-left">
                                        <h1>We Build Your<br><span>Business</span> IDEA</h1>
                                        <p>There are many variations of passages of Lorem Ipsum available but the
                                            majority have suffered injected humour dummy now.</p>
                                        <a href="#" class="boxed-btn">Read More <i class="fas fa-arrow-right"></i></a>
                                    </div>
                                </div>
                            </figcaption>
                        </figure>
                    </div>
                    <div class="header-single-slider">
                        <figure>
                            <img src="front/img/sliders/slider02.jpg" alt>
                            <figcaption>
                                <div class="content">
                                    <div class="container inner-content text-center">
                                        <h1>We Build Your<br><span>Business</span> IDEA</h1>
                                        <p>There are many variations of passages of Lorem Ipsum available but the
                                            majority have suffered injected humour dummy now.</p>
                                        <a href="#" class="boxed-btn">Read More <i class="fas fa-arrow-right"></i></a>
                                    </div>
                                </div>
                            </figcaption>
                        </figure>
                    </div>
                    <div class="header-single-slider">
                        <figure>
                            <img src="front/img/sliders/slider03.jpg" alt>
                            <figcaption>
                                <div class="content">
                                    <div class="container inner-content text-right">
                                        <h1>We Build Your<br><span>Business</span> IDEA</h1>
                                        <p>There are many variations of passages of Lorem Ipsum available but the
                                            majority have suffered injected humour dummy now.</p>
                                        <a href="#" class="boxed-btn">Read More <i class="fas fa-arrow-right"></i></a>
                                    </div>
                                </div>
                            </figcaption>
                        </figure>
                    </div>
                </div>
            </div>
        </div>
    </header>


    <section id="contact">
        <div class="container contact-wrapper text-center text-lg-left">
            <div class>
                <div class="row">
                    <div class="col-md-4 col-sm-6 single-contact">
                        <img src="front/img/icons/icon01.png" alt>
                        <p><b>10/45 Beer Street Heaven,</b><br>California Floor, USA 1208</p>
                    </div>
                    <div class="col-md-4 col-sm-6 single-contact">
                        <img class="pt-2" src="front/img/icons/icon02.png" alt>
                        <p><b>+001-2156-2459</b><br><a href="#">
                                example@gmail.com
                            </a>

                        </p>
                    </div>
                    <div class="col-md-4 col-sm-6 single-contact">
                        <img src="front/img/fax.svg" style=" width: 47px; height: 44px; " alt>
                        <p><b>Fax</b><br>(888) 527-5449</p>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <!--  VIDEO SECTOION -->

    <section id="gallery" class="section-padding-top gallery-page">

        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-md-10 col-12">
                    <div class="section-title">
                        <h2>Our Videos <span></span></h2>
                        <p>There are many variations of passages of Lorem Ipsum available but the majority have suffered
                            alteration in some form by injected humour.</p>
                    </div>
                </div>
            </div>
            <div id="gallery-items" class="row gallery-items">
                <div class="gallery-load col-lg-4 col-md-6 col-sm-12 single-item">
                    <iframe width="360" height="215"
                        src="https://www.youtube.com/embed/vww8-z6xMxY?si=i7cPDIFh5gbTm6pY" title="YouTube video player"
                        frameborder="0"
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                        allowfullscreen></iframe>
                </div>
                <div class="gallery-load col-lg-4 col-md-6 col-sm-12 single-item">
                    <iframe width="360" height="215"
                        src="https://www.youtube.com/embed/vww8-z6xMxY?si=i7cPDIFh5gbTm6pY" title="YouTube video player"
                        frameborder="0"
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                        allowfullscreen></iframe>
                </div>
                <div class="gallery-load col-lg-4 col-md-6 col-sm-12 single-item">
                    <iframe width="360" height="215"
                        src="https://www.youtube.com/embed/vww8-z6xMxY?si=i7cPDIFh5gbTm6pY" title="YouTube video player"
                        frameborder="0"
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                        allowfullscreen></iframe>
                </div>

                <div class="gallery-load col-lg-4 col-md-6 col-sm-12 single-item">
                    <iframe width="360" height="215"
                        src="https://www.youtube.com/embed/vww8-z6xMxY?si=i7cPDIFh5gbTm6pY" title="YouTube video player"
                        frameborder="0"
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                        allowfullscreen></iframe>
                </div>
                <div class="gallery-load col-lg-4 col-md-6 col-sm-12 single-item">
                    <iframe width="360" height="215"
                        src="https://www.youtube.com/embed/vww8-z6xMxY?si=i7cPDIFh5gbTm6pY" title="YouTube video player"
                        frameborder="0"
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                        allowfullscreen></iframe>
                </div>
                <div class="gallery-load col-lg-4 col-md-6 col-sm-12 single-item">
                    <iframe width="360" height="215"
                        src="https://www.youtube.com/embed/vww8-z6xMxY?si=i7cPDIFh5gbTm6pY" title="YouTube video player"
                        frameborder="0"
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                        allowfullscreen></iframe>
                </div>
                <div class="gallery-load col-lg-4 col-md-6 col-sm-12 single-item">
                    <iframe width="360" height="215"
                        src="https://www.youtube.com/embed/vww8-z6xMxY?si=i7cPDIFh5gbTm6pY" title="YouTube video player"
                        frameborder="0"
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                        allowfullscreen></iframe>
                </div>
                <div class="col-12 more-load">

                    <a class="load-btn boxed-btn" href="#" id="gallery-load-pro"><span id="gallery-ti-port-load"
                            class="ti-port-load-hide"></span>Load More <i class="fas fa-angle-down"></i></a>
                </div>
            </div>
        </div>
    </section>

    <section id="our-service" class="section-padding">
        <div class="container">

            <div class="row">
                <div class="col-lg-8 col-md-10 col-12">
                    <div class="section-title">
                        <h2>Our Services <span></span></h2>
                        <p>There are many variations of passages of Lorem Ipsum available but the majority have suffered
                            alteration in some form by injected humour.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6 col-sm-12 mb-4 mb-lg-0">
                    <div class="service-box">
                        <figure>
                            <img src="front/img/service/service01.jpg" alt>
                            <figcaption>
                                <div class="inner-text">
                                    <div class="service-icon">
                                        <i class="fas fa-cubes"></i>
                                    </div>
                                    <h3>Design<br> and Developing </h3>
                                    <div class="devider"></div>
                                    <p>There are many variations of dummy that passages of Lorem Ipsum available but an
                                        the majority have suffered that is dummy alteration in some.</p>
                                    <a href="#" class="boxed-btn">Read More <i class="fas fa-arrow-right"></i></a>
                                </div>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12 mb-sm-4 mb-md-0">
                    <div class="service-box">
                        <figure>
                            <img src="front/img/service/service02.jpg" alt>
                            <figcaption>
                                <div class="inner-text">
                                    <div class="service-icon">
                                        <i class="fas fa-handshake"></i>
                                    </div>
                                    <h3>Designer <br> Creative Team</h3>
                                    <div class="devider"></div>
                                    <p>There are many variations of dummy that passages of Lorem Ipsum available but an
                                        the majority have suffered that is dummy alteration in some.</p>
                                    <a href="#" class="boxed-btn">Read More <i class="fas fa-arrow-right"></i></a>
                                </div>
                            </figcaption>
                        </figure>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="service-box">
                        <figure>
                            <img src="front/img/service/service03.jpg" alt>
                            <figcaption>
                                <div class="inner-text">
                                    <div class="service-icon">
                                        <i class="fas fa-laptop"></i>
                                    </div>
                                    <h3>Designer <br> Fast Support</h3>
                                    <div class="devider"></div>
                                    <p>There are many variations of dummy that passages of Lorem Ipsum available but an
                                        the majority have suffered that is dummy alteration in some.</p>
                                    <a href="#" class="boxed-btn">Read More <i class="fas fa-arrow-right"></i></a>
                                </div>
                            </figcaption>
                        </figure>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="blog-content" class="section-padding-top masonary-blog">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-md-10 col-12">
                    <div class="section-title">
                        <h2>Latest Events <span></span></h2>
                        <p>There are many variations of passages of Lorem Ipsum available but the majority have suffered
                            alteration in some form by injected humour.</p>
                    </div>
                </div>
            </div>
            <div class="row shuffle" id="blog-masonary"
                style="position: relative; overflow: hidden; height: 2076.05px; transition: height 250ms ease-out 0s;">

                <div class="col-lg-4 col-md-6 col-sm-12 shuffle-item filtered"
                    style="position: absolute; top: 0px; left: 0px; visibility: visible; transition: transform 250ms ease-out 0s, opacity 250ms ease-out 0s;">
                    <article class="blog-post">
                        <figure class="post-thumb">
                            <img src="front/img/blog-masonary/blog-masonary-01.jpg" alt="">
                            <figcaption>
                                <div class="inner-text">
                                    <img src="front/img/author01.png" alt="">
                                </div>
                            </figcaption>
                        </figure>
                        <div class="post-content">
                            <ul class="masonary-meta-info list-inline">
                                <li class="posted-by"><a href="#"><i class="fas fa-user"></i>2 May 2017</a></li>
                                <li class="tags"><a href="#"><i class="fas fa-folder-open"></i>Business</a></li>
                                <li class="comments"><a href="#"><i class="fas fa-newspaper"></i>(18) Comments</a>
                                </li>
                            </ul>
                            <h4 class="post-title"><a href="blog-single.html">Always Looking for Specific.</a></h4>
                            <p class="content">
                                There are many variations of passages of Lorem Ipsum available dummy now.
                            </p>
                        </div>
                    </article>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12 shuffle-item filtered"
                    style="position: absolute; top: 0px; left: 0px; visibility: visible; transition: transform 250ms ease-out 0s, opacity 250ms ease-out 0s;">
                    <article class="blog-post">
                        <figure class="post-thumb">
                            <img src="front/img/blog-masonary/blog-masonary-01.jpg" alt="">
                            <figcaption>
                                <div class="inner-text">
                                    <img src="front/img/author01.png" alt="">
                                </div>
                            </figcaption>
                        </figure>
                        <div class="post-content">
                            <ul class="masonary-meta-info list-inline">
                                <li class="posted-by"><a href="#"><i class="fas fa-user"></i>2 May 2017</a></li>
                                <li class="tags"><a href="#"><i class="fas fa-folder-open"></i>Business</a></li>
                                <li class="comments"><a href="#"><i class="fas fa-newspaper"></i>(18) Comments</a>
                                </li>
                            </ul>
                            <h4 class="post-title"><a href="blog-single.html">Always Looking for Specific.</a></h4>
                            <p class="content">
                                There are many variations of passages of Lorem Ipsum available dummy now.
                            </p>
                        </div>
                    </article>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12 shuffle-item filtered"
                    style="position: absolute; top: 0px; left: 0px; visibility: visible; transition: transform 250ms ease-out 0s, opacity 250ms ease-out 0s;">
                    <article class="blog-post">
                        <figure class="post-thumb">
                            <img src="front/img/blog-masonary/blog-masonary-01.jpg" alt="">
                            <figcaption>
                                <div class="inner-text">
                                    <img src="front/img/author01.png" alt="">
                                </div>
                            </figcaption>
                        </figure>
                        <div class="post-content">
                            <ul class="masonary-meta-info list-inline">
                                <li class="posted-by"><a href="#"><i class="fas fa-user"></i>2 May 2017</a></li>
                                <li class="tags"><a href="#"><i class="fas fa-folder-open"></i>Business</a></li>
                                <li class="comments"><a href="#"><i class="fas fa-newspaper"></i>(18) Comments</a>
                                </li>
                            </ul>
                            <h4 class="post-title"><a href="blog-single.html">Always Looking for Specific.</a></h4>
                            <p class="content">
                                There are many variations of passages of Lorem Ipsum available dummy now.
                            </p>
                        </div>
                    </article>
                </div>

                <div class="col-lg-4 col-md-6 col-sm-12 shuffle-item filtered"
                    style="position: absolute; top: 0px; left: 0px; visibility: visible; transition: transform 250ms ease-out 0s, opacity 250ms ease-out 0s;">
                    <article class="blog-post">
                        <figure class="post-thumb">
                            <img src="front/img/blog-masonary/blog-masonary-01.jpg" alt="">
                            <figcaption>
                                <div class="inner-text">
                                    <img src="front/img/author01.png" alt="">
                                </div>
                            </figcaption>
                        </figure>
                        <div class="post-content">
                            <ul class="masonary-meta-info list-inline">
                                <li class="posted-by"><a href="#"><i class="fas fa-user"></i>2 May 2017</a></li>
                                <li class="tags"><a href="#"><i class="fas fa-folder-open"></i>Business</a></li>
                                <li class="comments"><a href="#"><i class="fas fa-newspaper"></i>(18) Comments</a>
                                </li>
                            </ul>
                            <h4 class="post-title"><a href="blog-single.html">Always Looking for Specific.</a></h4>
                            <p class="content">
                                There are many variations of passages of Lorem Ipsum available dummy now.
                            </p>
                        </div>
                    </article>
                </div>

                <div class="col-lg-4 col-md-6 col-sm-12 shuffle-item filtered"
                    style="position: absolute; top: 0px; left: 0px; visibility: visible; transition: transform 250ms ease-out 0s, opacity 250ms ease-out 0s;">
                    <article class="blog-post">
                        <figure class="post-thumb">
                            <img src="front/img/blog-masonary/blog-masonary-01.jpg" alt="">
                            <figcaption>
                                <div class="inner-text">
                                    <img src="front/img/author01.png" alt="">
                                </div>
                            </figcaption>
                        </figure>
                        <div class="post-content">
                            <ul class="masonary-meta-info list-inline">
                                <li class="posted-by"><a href="#"><i class="fas fa-user"></i>2 May 2017</a></li>
                                <li class="tags"><a href="#"><i class="fas fa-folder-open"></i>Business</a></li>
                                <li class="comments"><a href="#"><i class="fas fa-newspaper"></i>(18) Comments</a>
                                </li>
                            </ul>
                            <h4 class="post-title"><a href="blog-single.html">Always Looking for Specific.</a></h4>
                            <p class="content">
                                There are many variations of passages of Lorem Ipsum available dummy now.
                            </p>
                        </div>
                    </article>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12 shuffle-item filtered"
                    style="position: absolute; top: 0px; left: 0px; visibility: visible; transition: transform 250ms ease-out 0s, opacity 250ms ease-out 0s;">
                    <article class="blog-post">
                        <figure class="post-thumb">
                            <img src="front/img/blog-masonary/blog-masonary-01.jpg" alt="">
                            <figcaption>
                                <div class="inner-text">
                                    <img src="front/img/author01.png" alt="">
                                </div>
                            </figcaption>
                        </figure>
                        <div class="post-content">
                            <ul class="masonary-meta-info list-inline">
                                <li class="posted-by"><a href="#"><i class="fas fa-user"></i>2 May 2017</a></li>
                                <li class="tags"><a href="#"><i class="fas fa-folder-open"></i>Business</a></li>
                                <li class="comments"><a href="#"><i class="fas fa-newspaper"></i>(18) Comments</a>
                                </li>
                            </ul>
                            <h4 class="post-title"><a href="blog-single.html">Always Looking for Specific.</a></h4>
                            <p class="content">
                                There are many variations of passages of Lorem Ipsum available dummy now.
                            </p>
                        </div>
                    </article>
                </div>
            </div>
        </div>
    </section>


    <section id="ourfeatures" class="section-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-md-10 col-12">
                    <div class="section-title">
                        <h2>Our Features <span></span></h2>
                        <p>There are many variations of passages of Lorem Ipsum available but the majority have suffered
                            alteration in some form by injected humour.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6 col-sm-12 features-box pb-3">
                    <div class="row">
                        <div class="col-3">
                            <div class="features-box-icon">
                                <img src="front/img/features-icon/features-icon01.png" alt>
                            </div>
                        </div>
                        <div class="col-9">
                            <h3>Business Growth</h3>
                            <p>There are many variations passages of Lorem Ipsum available but the abo majority have
                                suffered.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12 features-box pb-3">
                    <div class="row">
                        <div class="col-3">
                            <div class="features-box-icon">
                                <img src="front/img/features-icon/features-icon02.png" alt>
                            </div>
                        </div>
                        <div class="col-9">
                            <h3>Sustainability</h3>
                            <p>There are many variations passages of Lorem Ipsum available but the abo majority have
                                suffered.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12 features-box pb-3">
                    <div class="row">
                        <div class="col-3">
                            <div class="features-box-icon">
                                <img src="front/img/features-icon/features-icon03.png" alt>
                            </div>
                        </div>
                        <div class="col-9">
                            <h3>Performance</h3>
                            <p>There are many variations passages of Lorem Ipsum available but the abo majority have
                                suffered.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12 features-box pt-3 pb-3">
                    <div class="row">
                        <div class="col-3">
                            <div class="features-box-icon">
                                <img src="front/img/features-icon/features-icon04.png" alt>
                            </div>
                        </div>
                        <div class="col-9">
                            <h3>Organization</h3>
                            <p>There are many variations passages of Lorem Ipsum available but the abo majority have
                                suffered.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12 features-box pt-3 pb-3">
                    <div class="row">
                        <div class="col-3">
                            <div class="features-box-icon">
                                <img src="front/img/features-icon/features-icon05.png" alt>
                            </div>
                        </div>
                        <div class="col-9">
                            <h3>Saving Strategy</h3>
                            <p>There are many variations passages of Lorem Ipsum available but the abo majority have
                                suffered.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12 features-box pt-3 pb-3">
                    <div class="row">
                        <div class="col-3">
                            <div class="features-box-icon">
                                <img src="front/img/features-icon/features-icon06.png" alt>
                            </div>
                        </div>
                        <div class="col-9">
                            <h3>Retirement Planning</h3>
                            <p>There are many variations passages of Lorem Ipsum available but the abo majority have
                                suffered.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12 features-box pt-3">
                    <div class="row">
                        <div class="col-3">
                            <div class="features-box-icon">
                                <img src="front/img/features-icon/features-icon01.png" alt>
                            </div>
                        </div>
                        <div class="col-9">
                            <h3>Retirement Planning</h3>
                            <p>There are many variations passages of Lorem Ipsum available but the abo majority have
                                suffered.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12 features-box pt-3">
                    <div class="row">
                        <div class="col-3">
                            <div class="features-box-icon">
                                <img src="front/img/features-icon/features-icon02.png" alt>
                            </div>
                        </div>
                        <div class="col-9">
                            <h3>Business Growth</h3>
                            <p>There are many variations passages of Lorem Ipsum available but the abo majority have
                                suffered.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12 features-box pt-3">
                    <div class="row">
                        <div class="col-3">
                            <div class="features-box-icon">
                                <img src="front/img/features-icon/features-icon03.png" alt>
                            </div>
                        </div>
                        <div class="col-9">
                            <h3>Business Growth</h3>
                            <p>There are many variations passages of Lorem Ipsum available but the abo majority have
                                suffered.</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 more-load">

                    <a class="load-btn boxed-btn" href="#" id="feature-load-pro"><span id="feature-ti-port-load"
                            class="ti-port-load-hide"></span>Load More <i class="fas fa-angle-down"></i></a>
                </div>
            </div>
        </div>
    </section>

    <section id="testimonial" class="section-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-md-10 col-12">
                    <div class="section-title">
                        <h2>Client Testimonial <span></span></h2>
                        <p>There are many variations of passages of Lorem Ipsum available but the majority have suffered
                            alteration in some form by injected humour.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="testimonial-carousel">
                        <div class="single-testimonial">
                            <div class="icon">
                                <img src="front/img/quote.png" alt>
                            </div>
                            <p>There are many variations of passages of Lorem Ipsum available, but the an dumm majority
                                have suffered alteration in some form by that is injected humour or about randomised
                                words which.</p>
                            <hr>
                            <div class="info">
                                <img src="front/img/tesimonial/speaker01.png" alt>
                                <h3>Ben Horowitz</h3>
                                <p>Co-Founder & CEO of Business</p>
                            </div>
                        </div>
                        <div class="single-testimonial">
                            <div class="icon">
                                <img src="front/img/quote.png" alt>
                            </div>
                            <p>There are many variations of passages of Lorem Ipsum available, but the an dumm majority
                                have suffered alteration in some form by that is injected humour or about randomised
                                words which.</p>
                            <hr>
                            <div class="info">
                                <img src="front/img/tesimonial/speaker02.png" alt>
                                <h3>Benjamin Graham</h3>
                                <p>Co-Founder & CEO of Business</p>
                            </div>
                        </div>
                        <div class="single-testimonial">
                            <div class="icon">
                                <img src="front/img/quote.png" alt>
                            </div>
                            <p>There are many variations of passages of Lorem Ipsum available, but the an dumm majority
                                have suffered alteration in some form by that is injected humour or about randomised
                                words which.</p>
                            <hr>
                            <div class="info">
                                <img src="front/img/tesimonial/speaker01.png" alt>
                                <h3>Ben Horowitz</h3>
                                <p>Co-Founder & CEO of Business</p>
                            </div>
                        </div>
                        <div class="single-testimonial">
                            <div class="icon">
                                <img src="front/img/quote.png" alt>
                            </div>
                            <p>There are many variations of passages of Lorem Ipsum available, but the an dumm majority
                                have suffered alteration in some form by that is injected humour or about randomised
                                words which.</p>
                            <hr>
                            <div class="info">
                                <img src="front/img/tesimonial/speaker02.png" alt>
                                <h3>Benjamin Graham</h3>
                                <p>Co-Founder & CEO of Business</p>
                            </div>
                        </div>
                        <div class="single-testimonial">
                            <i class="fas fa-quote-left"></i>
                            <p>There are many variations of passages of Lorem Ipsum available, but the an dumm majority
                                have suffered alteration in some form by that is injected humour or about randomised
                                words which.</p>
                            <hr>
                            <div class="info">
                                <img src="front/img/tesimonial/speaker01.png" alt>
                                <h3>Ben Horowitz</h3>
                                <p>Co-Founder & CEO of Business</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section id="team" class="section-padding-top mb-5">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-md-10 col-12">
                    <div class="section-title">
                        <h2>Creative Team <span></span></h2>
                        <p>There are many variations of passages of Lorem Ipsum available but the majority have suffered
                            alteration in some form by injected humour.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="team-member" style="background-image: url(front/img/team/team01.jpg);">
                        <div class="overlay">
                            <div class="overlay-wrapper">
                                <ul>
                                    <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                                    <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
                                    <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
                                    <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                                </ul>
                                <p>There are many variations of the passages of Lorem Ipsum about available dummy.</p>
                            </div>
                        </div>
                        <div class="inner-text">
                            <h3>Andrew Reed</h3>
                            <p>Creative Designer</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="team-member" style="background-image: url(front/img/team/team02.jpg);">
                        <div class="overlay">
                            <div class="overlay-wrapper">
                                <ul>
                                    <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                                    <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
                                    <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
                                    <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                                </ul>
                                <p>There are many variations of the passages of Lorem Ipsum about available dummy.</p>
                            </div>
                        </div>
                        <div class="inner-text">
                            <h3>Lauren Czisch</h3>
                            <p>Web Developer</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-12 mb-sm-4">
                    <div class="team-member" style="background-image: url(front/img/team/team03.jpg);">
                        <div class="overlay">
                            <div class="overlay-wrapper">
                                <ul>
                                    <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                                    <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
                                    <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
                                    <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                                </ul>
                                <p>There are many variations of the passages of Lorem Ipsum about available dummy.</p>
                            </div>
                        </div>
                        <div class="inner-text">
                            <h3>Michael Moritz</h3>
                            <p>Apps Developer</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="team-member" style="background-image: url(front/img/team/team04.jpg);">
                        <div class="overlay">
                            <div class="overlay-wrapper">
                                <ul>
                                    <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                                    <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
                                    <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
                                    <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                                </ul>
                                <p>There are many variations of the passages of Lorem Ipsum about available dummy.</p>
                            </div>
                        </div>
                        <div class="inner-text">
                            <h3>Don Valentine</h3>
                            <p>Web Marketing</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section id="fun-fact" class="section-padding-top">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-6 col-sm-6 col-12 single-box light-bg bb">
                    <img src="front/img/fun-fact/note.png" alt>
                    <h3><span class="counter">1845</span></h3>
                    <p>Projects Completed</p>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 col-12 single-box dark-bg bb">
                    <img src="front/img/fun-fact/people.png" alt>
                    <h3><span class="counter">146</span></h3>
                    <p>Team Members</p>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 col-12  single-box light-bg">
                    <img src="front/img/fun-fact/face.png" alt>
                    <h3><span class="counter">1246</span></h3>
                    <p>Happy Customers</p>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 col-12  single-box dark-bg">
                    <img src="front/img/fun-fact/cup.png" alt>
                    <h3><span class="counter">2416</span></h3>
                    <p>Cups Of Coffee</p>
                </div>
            </div>
        </div>
    </section>


    <section id="latest-news" class="section-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-md-10 col-12">
                    <div class="section-title">
                        <h2>Latest News <span></span></h2>
                        <p>There are many variations of passages of Lorem Ipsum available but the majority have suffered
                            alteration in some form by injected humour.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <article class="blog-post">
                        <div class="post-thumbnail">
                            <img src="front/img/latest-news/latest-news-01.jpg" alt class="img-responsive center-block">
                            <div class="post-overlay"><img src="front/img/author01.png" alt></div>
                            <ul class="meta-info list-inline">
                                <li class="posted-by"><a href="#"><i class="fas fa-user"></i>Lily Simith</a></li>
                                <li class="tags"><a href="#"><i class="fas fa-newspaper"></i>uncategorized</a>
                                </li>
                            </ul>
                        </div>
                        <div class="post-content">
                            <div class="post-content-inner">
                                <h3 class="post-title"><a href="blog-single.html">Welcome To Our New Head Of
                                        Production..</a></h3>
                                <p>Consectetur adipi sicing elit, sed do eiusmod tempor incididunt ut labore et.dolore
                                    magna aliquauis aute irure dolor eiusmod.</p>
                            </div>
                            <div class="read-more-wrapper">
                                <a href="blog-single.html" class="boxed-btn">Read More <i
                                        class="fas fa-arrow-right"></i></a>
                            </div>
                        </div>
                    </article>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <article class="blog-post">
                        <div class="post-thumbnail">
                            <img src="front/img/latest-news/latest-news-02.jpg" alt class="img-responsive center-block">
                            <div class="post-overlay"><img src="front/img/author01.png" alt></div>
                            <ul class="meta-info list-inline">
                                <li class="posted-by"><a href="#"><i class="fas fa-user"></i>Lily Simith</a></li>
                                <li class="tags"><a href="#"><i class="fas fa-newspaper"></i>Uncategorized</a>
                                </li>
                            </ul>
                        </div>
                        <div class="post-content">
                            <div class="post-content-inner">
                                <h3 class="post-title"><a href="blog-single.html">Welcome To Our New Head Of
                                        Production..</a></h3>
                                <p>Consectetur adipi sicing elit, sed do eiusmod tempor incididunt ut labore et.dolore
                                    magna aliquauis aute irure dolor eiusmod.</p>
                            </div>
                            <div class="read-more-wrapper">
                                <a href="blog-single.html" class="boxed-btn">Read More <i
                                        class="fas fa-arrow-right"></i></a>
                            </div>
                        </div>
                    </article>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <article class="blog-post">
                        <div class="post-thumbnail">
                            <img src="front/img/latest-news/latest-news-03.jpg" alt class="img-responsive center-block">
                            <div class="post-overlay"><img src="front/img/author01.png" alt></div>
                            <ul class="meta-info list-inline">
                                <li class="posted-by"><a href="#"><i class="fas fa-user"></i>Lily Simith</a></li>
                                <li class="tags"><a href="#"><i class="fas fa-newspaper"></i>Uncategorized</a>
                                </li>
                            </ul>
                        </div>
                        <div class="post-content">
                            <div class="post-content-inner">
                                <h3 class="post-title"><a href="blog-single.html">Welcome To Our New Head Of
                                        Production..</a></h3>
                                <p>Consectetur adipi sicing elit, sed do eiusmod tempor incididunt ut labore et.dolore
                                    magna aliquauis aute irure dolor eiusmod.</p>
                            </div>
                            <div class="read-more-wrapper">
                                <a href="blog-single.html" class="boxed-btn">Read More <i
                                        class="fas fa-arrow-right"></i></a>
                            </div>
                        </div>
                    </article>
                </div>
            </div>
        </div>
    </section>


    <section id="our-partners">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="partner-carousel">
                        <div class="single-partner">
                            <div class="inner-partner">
                                <img src="front/img/partner/partner01.png" alt>
                            </div>
                        </div>
                        <div class="single-partner">
                            <div class="inner-partner">
                                <img src="front/img/partner/partner02.png" alt>
                            </div>
                        </div>
                        <div class="single-partner">
                            <div class="inner-partner">
                                <img src="front/img/partner/partner03.png" alt>
                            </div>
                        </div>
                        <div class="single-partner">
                            <div class="inner-partner">
                                <img src="front/img/partner/partner04.png" alt>
                            </div>
                        </div>
                        <div class="single-partner">
                            <div class="inner-partner">
                                <img src="front/img/partner/partner05.png" alt>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection