@extends('layouts.master')
@section('title', 'How it Works | Ajolla Inc')
@section('links')
<style>
    .how-it-works .fas{
        font-size: 3rem;
        padding: 15px;
        color: #6045FB;
    }
</style>
@stop
@section('content')
<div class="container">
    <div class="row ajolla-row-1">
        <div class="col-md-10 mx-auto">
            <h1 class="text-center">How it Works.</h1>
        </div>
    </div>

    <div class="row">
        <div class="col-md-10 mx-auto ">
            <div class="entry-content">
                <div class="row ajolla-row-4 how-it-works text-center justify-content-between">
                    <div class="col-md-3">
                        <div class="wow fadeInUp" data-wow-duration="1.2s">
                            <i class="fas fa-power-off"></i>
                            <h4 class="text-muted">Step 1</h4>
                            <p>Start a campaign</p>
                        </div><!-- .ajolla-icon-with-square-service-v2 END -->
                    </div>
                    <div class="col-md-3">
                        <div class="wow fadeInUp" data-wow-duration="1.4s">
                            <i class="fas fa-user"></i>
                            <h4 class="text-muted">Step 2</h4>
                            <p>Promote your campaign to family, friends and the local community</p>
                        </div><!-- .ajolla-icon-with-square-service-v2 END -->
                    </div>
                    <div class="col-md-3">
                        <div class="wow fadeInUp" data-wow-duration="1.6s">
                            <i class="fas fa-shopping-cart"></i>
                            <h4 class="text-muted">Step 3</h4>
                            <p>Earn money for every donation made</p>
                        </div><!-- .ajolla-icon-with-square-service-v2 END -->
                    </div>
                </div>

                <h6><strong>Businesses / Entrepreneurs</strong></h6>
                <p><strong>Pricing: </strong>Ajolla is free to join and create a campaign but we collect a 5.5% + payment processing fee (3% + $0.20 per purchase).</p>

                <p><strong>Payouts: </strong>Organizations receive their donations minus fees as soon as it is made.</p>
            </div>
        </div>
    </div>
</div>

@stop
@section('scripts')
@stop