@extends('client.layout.master')
@section('content')
<style>
    .fly-in-text {
        list-style: none;
        /*position: absolute;*/
        color: white;
        /* left: 50%; */
        top: 50%;
        /* transform: translateX(-50%) translateY(-50%); */
    }

    .fly-in-text li {
        display: inline-block;
        /* margin-right: 50px; */
        font-family: Open Sans, Arial;
        font-weight: 300;
        font-size: 3em;
        opacity: 1;
        transition: all 2.5s ease;
    }
@media(max-width:500px){
    .fly-in-text li {
        font-size:2rem;
    }
}
    .fly-in-text li:last-child {
        margin-right: 0;
    }

    .fly-in-text.hidden li {
        opacity: 0;
    }

    .fly-in-text.hidden li:nth-child(1) {
        transform: translateX(-200px) translateY(-200px);
    }

    .fly-in-text.hidden li:nth-child(2) {
        transform: translateX(20px) translateY(100px);
    }

    .fly-in-text.hidden li:nth-child(3) {
        transform: translateX(-150px) translateY(-80px);
    }

    .fly-in-text.hidden li:nth-child(4) {
        transform: translateX(10px) translateY(-200px);
    }

    .fly-in-text.hidden li:nth-child(5) {
        transform: translateX(-300px) translateY(200px);
    }

    .fly-in-text.hidden li:nth-child(6) {
        transform: translateX(20px) translateY(-20px);
    }

    .fly-in-text.hidden li:nth-child(7) {
        transform: translateX(30px) translateY(200px);
    }
</style>

<section class="aboutbg">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-md-5 ">
                <ul class="fly-in-text hidden">
                    <li>A</li>
                    <li>B</li>
                    <li>O</li>
                    <li>U</li>
                    <li>T</li>
                    <li>&nbsp</li>
                    <li>U</li>
                    <li>S</li>
                </ul>
            </div>
            <div class="col-md-6 offset-md-1 text-white">
                <h3 class="text-white">We started with passion</h3>
                <p>Enterprise Canada is widely recognized as an industry leader in facilitating Canadian businesses in
                    obtaining government grants and loans. Our coverage supports Canadian Business Intelligence and
                    entrepreneur solutions powered by our team of advisors servicing our valued members across Canada.
                    We provide entrepreneurs an environment for high growth and scalability. We facilitate our members
                    by administering our online portal containing over 2000 government, public, and private funding
                    sources for grants, loans, donations, and investments. Our portal contains supporting tools and
                    resources to streamline entrepreneurs developments. Our business plan builder is user-friendly and
                    takes our members step-by-step to completion. All members have both a junior and senior consultant
                    available throughout their membership to support progress and developments.</p>
                <br>
                <p>All the Best,<br>
                    <b>Team Enterprise Canada</b>
                </p>
            </div>
        </div>
    </div>
</section>
<section>
    <div class="container">
        <div class="row">
            <div class="col-lg-12">

                <div class="padding40 text-center bk-color box-rounded">
                    <h3 class="text-white">Everything you're looking for - from starting a business and getting registered, to writing a
                        business plan and getting funding - is right here.</h3>
                </div>
            </div>

        </div>
    </div>

</section>
<section>
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-md-6 mb30">
                <div class="bloglist item">
                    <div class="post-content bk-color text-light">
                        <div class="post-image d-flex justify-content-center mt-5 bkcol">
                            <div class="f-box f-icon-left f-icon-circle f-icon-shadow">
                                <i class="fa fa-map-marker bg-color text-light"></i>
                            </div>
                        </div>
                        <div class="post-text bk-color">
                            <h4><a class="a-underline text-white" href="#">Trusted By Canadians<span></span></a>
                            </h4>
                            <p>
                                Enterprise Canada supports established and unestablished entrepreneurs across Canada. We
                                have seen an ocean of founders evolve to C-suite executives overseeing medium to large
                                workforces. We are inspired by the success around us and our commitment to achievement
                                never dulls. Contact us today and see why thousands of entrepreneurs have chosen us to
                                simplify business solutions.</p>

                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-6 col-md-6 mb30">
                <div class="bloglist item">
                    <div class="post-content bk-color">
                        <div class="post-image d-flex justify-content-center mt-5">
                            <div class="f-box f-icon-left f-icon-circle f-icon-shadow">
                                <i class="fa fa-cog bg-color text-light"></i>
                            </div>
                        </div>
                        <div class="post-text bk-color text-white">

                            <h4><a class="a-underline text-white" href="#">End-to-End Solutions<span></span></a>
                            </h4>
                            <p>We support startups, expanding and purchasing businesses. From business plans to securing
                                funding - The Enterprise Portal has all the tools and resources you need centralized.
                                <br />
                                <br />
                                <br />
                                <br />
                                <br />
                            </p>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-6 col-md-6 mb30">
                <div class="bloglist item">
                    <div class="post-content bk-color text-white">
                        <div class="post-image d-flex justify-content-center mt-5">
                            <div class="f-box f-icon-left f-icon-circle f-icon-shadow">
                                <i class="fa fa-certificate bg-color text-light"></i>
                            </div>
                        </div>
                        <div class="post-text bk-color">

                            <h4><a class="a-underline text-white" href="#">Professional Support<span></span></a>
                            </h4>
                            <p>Every tool in the Enterprise Portal has been reviewed by our team of experts. And after your
                                purchase, you can rely on our customer care service.
                                <br />
                                <br />
                            </p>

                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-6 col-md-6 mb30">
                <div class="bloglist item">
                    <div class="post-content text-white bk-color">
                        <div class="post-image d-flex justify-content-center mt-5">
                            <div class="f-box f-icon-left f-icon-circle f-icon-shadow">
                                <i class="fa fa-microchip bg-color text-light"></i>
                            </div>
                        </div>
                        <div class="post-text bk-color">

                            <h4><a class="a-underline text-white" href="#">Competitive Pricing<span></span></a>
                            </h4>
                            <p>
                                We offer tier-one corporate intelligence at the most affordable rate in the industry.
                                Most members of Enterprise Canada state their membership is the best investment they
                                ever made for their business.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12 col-md-12 mb30">
                <div class="bloglist item">
                    <div class="post-content bk-color text-white">
                        <div class="post-image d-flex justify-content-center mt-5">
                            <div class="f-box f-icon-left f-icon-circle f-icon-shadow">
                                <i class="fa fa-star bg-color text-light"></i>
                                {{-- <i class="fa fa-bank bg-color text-light"></i> --}}
                            </div>
                        </div>
                        <div class="post-text bk-color">

                            <h4><a class="a-underline text-white text-center" href="#">Lighting The Way
                                    <span></span></a>
                            </h4>
                            <p>
                                We understand growing a business can be stressful.  We understand the difficulties of
                                defining  a value proposition and breaking the barrier to entry. We understand the
                                intricacies of expanding into new markets and addressing cultural engagement to
                                establish your brand. Above all, we understand the complexities of entrepreneurs.  Our
                                team has the knowledge, network, and resources to help take your business to the
                                spotlight.</p>

                        </div>
                    </div>
                </div>
            </div>

            {{-- <div class="col-lg-6 col-md-6 mb30">
                    <div class="bloglist item">
                        <div class="post-content">
                            <div class="post-image d-flex justify-content-center mt-5">
                                <div class="f-box f-icon-left f-icon-circle f-icon-shadow">
                                    <i class="fa fa-handshake-o bg-color text-light"></i>
                                </div>
                            </div>
                            <div class="post-text">

                                <h4><a class="a-underline" href="blog-single.html">We're not like the other
                                        guys.<span></span></a>
                                </h4>
                                <p>We don't make any guarantees or false promises. You'll do the work, and we'll provide you
                                    with everything you need to make it EASY. If you've got questions, we're here to
                                    help...every step of the way. All this at a fraction of the price.
                                </p>

                            </div>
                        </div>
                    </div>
                </div> --}}
        </div>

    </div>
</section>
<section>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="padding40 bg-color text-center text-light bk-color box-rounded">
                    <h3>Are you ready to become an entrepreneur and launch your own small business?</h3>
                    <p>Get your Username and Password for the Enterprise Portal, and start building your small business
                        today.</p>
                    <a class="btn-custom btn bg-white text-dark border-none" href="{{route('signup')}}">Grow Your
                        Business</a>

                </div>
            </div>

        </div>
    </div>

</section>
@endsection
@push('script')
<script>
    $(function() {
        setTimeout(function() {
            $('.fly-in-text').removeClass('hidden');
        }, 500);
    })();
</script>

@endpush