@extends('layouts.master')
@section('content')
<!-- welcome section -->
<section class="xs-screen-height xs-welcome-section xs-bg ajolla-welcome-section" style="background-image: url(assets/images/welcome-bg-back-overlay.png);">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="xs-welcome-content ajolla-welcome-content-v2">
                    <div class="xs-welcome-wraper">
                        <h2>The crowdfunding marketplace.</h2>
                        <ul class="ajolla-welcome-list-content">
                            <li>US $0.00<span class="d-block">Achieved</span></li>
                            <li>US $0.00<span class="d-block">Targets</span></li>
                        </ul>
                        <ul class="ajolla-welcome-list-content">
                            <li>US $0.00<span class="d-block">Paid Out</span></li>
                            <li>0<span class="d-block">Users</span></li>
                        </ul>
                        <div class="xs-btn-wraper">
                            <a href="https://apps.apple.com/us/app/ajolla/id1567595577"><img src="{{asset('download-ios-app.png')}}" width="30%" height="30%" alt="Download on the App Store"></a>
                            <!-- <a href="#" class="xs-btn btn btn-primary round-btn">See idea</a>
                                <a href="#" class="xs-btn btn btn-secondary round-btn">start a campaign</a> -->
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="xs-welcome-content">
                    <div class="text-center ajolla-animate xs-welcome-wraper">
                        <img src="{{asset('assets/images/shoppers.png')}}" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="xs-section-padding ajolla-cause-matters-v2" data-scrollax-parent="true">
    <div class="container">
        <div class="ajolla-heading-title-v3 text-center wow fadeInUp" data-wow-duration="1s">
            <div class="ajolla-heading-title-content">
                <h2>Big or small your <span>cause matters</span></h2>
                <p>A man of letters. A Platonic dreamer in a dream world. A masochist with <br> an idealized ego
                    that denies reality.</p>
            </div>
            {{-- <span class="parallax-title" data-scrollax="properties: { translateY: '-250px' }">Features</span>--}}
        </div>
        <div class="row">
            <div class="col-md-4">
                <div class="ajolla-icon-with-square-service-v2 wow fadeInUp" data-wow-duration="1.2s">
                    <i class="icon icon-cogwheel-outline xs-check-mark"></i>
                    <h4>Most Money Raised. </h4>
                    <!-- <p>The advertising business is not an equal one. Our goal is to change that by highlighting
                            female creatives globally.</p> -->
                </div><!-- .ajolla-icon-with-square-service-v2 END -->
            </div>
            <div class="col-md-4">
                <div class="ajolla-icon-with-square-service-v2 wow fadeInUp" data-wow-duration="1.4s">
                    <i class="icon icon-symbol xs-check-mark"></i>
                    <h4>Safety Garanted</h4>
                    <!-- <p>The advertising business is not an equal one. Our goal is to change that by highlighting
                            female creatives globally.</p> -->
                </div><!-- .ajolla-icon-with-square-service-v2 END -->
            </div>
            <div class="col-md-4">
                <div class="ajolla-icon-with-square-service-v2 wow fadeInUp" data-wow-duration="1.6s">
                    <i class="icon icon-shopping-cart xs-check-mark"></i>
                    <h4>Product Sale</h4>
                    <!-- <p>The advertising business is not an equal one. Our goal is to change that by highlighting
                            female creatives globally.</p> -->
                </div><!-- .ajolla-icon-with-square-service-v2 END -->
            </div>
            <div class="col-md-4">
                <div class="ajolla-icon-with-square-service-v2 wow fadeInUp" data-wow-duration="1.8s">
                    <i class="icon icon-man xs-check-mark"></i>
                    <h4>Get Funded</h4>
                    <!-- <p>The advertising business is not an equal one. Our goal is to change that by highlighting
                            female creatives globally.</p> -->
                </div>
            </div>
            <div class="col-md-4">
                <div class="ajolla-icon-with-square-service-v2 wow fadeInUp" data-wow-duration="2s">
                    <i class="icon icon-users2 xs-check-mark"></i>
                    <h4>1000+ Patrons</h4>
                    <!-- <p>The advertising business is not an equal one. Our goal is to change that by highlighting
                            female creatives globally.</p> -->
                </div>
            </div>
            <div class="col-md-4">
                <div class="ajolla-icon-with-square-service-v2 wow fadeInUp" data-wow-duration="2.2s">
                    <i class="icon icon-support xs-check-mark"></i>
                    <h4>24/7 Online Support</h4>
                    <!-- <p>The advertising business is not an equal one. Our goal is to change that by highlighting
                            female creatives globally.</p> -->
                </div><!-- .ajolla-icon-with-square-service-v2 END -->
            </div>
        </div>
    </div>
</section>

<!-- about us side by side image version 1 -->
<section class="xs-gray-bg ajolla-text-with-image-side-by-side-1">
    <div class="container">
        <div class="row">
            <div class="col-md-12 col-lg-6">
                <div class="xs-box-shadow-2">
                    <img src="{{asset('assets/svg/vision.svg')}}" alt="" class="img-100">
                </div>
            </div>
            <div class="col-md-12 col-lg-6">
                <div class="ajolla-side-by-side-image-with-text">
                    <h5 class="color-green">Our Vission</h5>
                    <div class="xs-inner-title ajolla-inner-title">
                        <h2 class="color-navy-blue">Ajolla Inc is the World's #1 Personal Fundraising Website.</h2>
                    </div>
                    <ul class="xs-list-item-icon-text xs-side-by-side-list">
                        <li><i class="fa fa-check color-green"></i>Mobile-Friendly Campaigns</li>
                        <li><i class="fa fa-check color-green"></i>No deadlines or goal requirements</li>
                        <li><i class="fa fa-check color-green"></i>Keep every donation you receive</li>
                        <li><i class="fa fa-check color-green"></i>5-Minute Email Support</li>
                    </ul>
                    <p>But thanks to the kindness of hundreds of people, Harding has just started at Manchester
                        university. Her story gained traction, and a supporter, Sonia Joy Sarre, a school secretary,
                        was moved to create a campaign.</p>
                    <!-- <a href="#" class="xs-btn round-btn navy-blue-btn">start a campaign</a> -->
                    <a href="https://apps.apple.com/us/app/ajolla/id1567595577"><img src="{{asset('download-ios-app.png')}}" width="30%" height="30%" alt="Download on the App Store"></a>
                </div>
            </div>
        </div>
    </div>
</section> <!-- about us side by side image version 1 end -->

<section class="xs-about-us-promo-section xs-content-section-padding ajolla-about-us-promo-section">
    <div class="container">
        <div class="row">
            <div class="col-md-12 col-lg-6">
                <div class="ajolla-inner-about-content">
                    <h2 class="color-navy-blue">We are changing crowdfunding space.</h2>
                    <p>“Ajolla Inc is the platform that connects businesses with discount shoppers. ” </p>
                    {{-- <a href="#" class="xs-sign-logo">--}}
                    {{-- <img src="assets/images/signature_logo.png" alt="Ajolla Inc author sign">--}}
                    {{-- </a>--}}
                </div>

            </div>
            <div class="col-md-12 col-lg-6">
                <div class="ajolla-about-promo-image xs-box-shadow">
                    <img src="{{asset('assets/images/about.png')}}" alt="">
                </div>
            </div>
        </div>
    </div>
</section> <!-- about us promo end -->

<!-- about us side by side image version 2 -->
<section class="xs-bg xs-content-section-padding ajolla-text-with-image-side-by-side-2"
{{--style="background-image: url(assets/images/icons-background-1.png);"--}}>
    <div class="container">
        <div class="row">
            <div class="col-md-12 col-lg-6">
                <div class="ajolla-side-by-side-image-with-text padding-right-100">
                    <h5 class="color-green">Our Mission</h5>
                    <div class="xs-inner-title ajolla-inner-title">
                        <h2 class="color-navy-blue">Crowdfunding campaigns has never been that easy</h2>
                    </div>
                    <p>We built Ajolla Inc to help bring creative projects to life. We measure our success as a
                        company by how well we achieve that mission, not by the size of our profits. That’s why, in
                        2015, we became a Benefit Corporation.</p>
                    <!-- <a href="#" class="xs-btn round-btn navy-blue-btn">start a campaign</a> -->
                    <a href="https://apps.apple.com/us/app/ajolla/id1567595577"><img src="{{asset('download-ios-app.png')}}"   width="30%" height="30%" alt="Download on the App Store"></a>
                </div>
            </div>
            <div class="col-md-12 col-lg-6">
                <div class="xs-box-shadow-2">
                    <img src="{{asset('assets/svg/mission.svg')}}" class="img-100" alt="">
                </div>
            </div>
        </div>
    </div>
</section>    <!-- about us side by side image version 2 end -->

@stop
@section('scripts')
@stop