@extends('layouts.submaster')
@section('links')
<style>
    .ajolla-text-color{
        color: #6045FB !important;
    }
    
    .input-group-text {
        height: 100%;
    }

    .ajolla-btn-primary{
        background-color: #6045FB;
        color: white;
        width: 100%;
        font-size: 0.8rem;
        line-height: 1rem;
        margin-bottom: 20px;
    }

    .ajolla-btn-secondary{
        color: #6045FB;
        background-color: white;
        width: 100%;
        box-shadow: 0 0 7px #c6c6c6d9;
        margin-bottom: 20px;
    }

    .ajolla-btn-secondary:hover{
        color: white !important;
        background-color: #6045FB;
    }

    .form-control::placeholder{
        color: #b4b4b4;
    }
</style>
@stop
@section('content')
<div class="container">
    <div class="row ajolla-row-1">
        <div class="col-md-10 mx-auto">
            <h1 class="">Getting Started</h1>
            <small>Founders Manual</small>
        </div>
    </div>

    <div class="row">
        <div class="col-md-10 mx-auto ">
            <div class="row ajolla-row-4">
                <div class="col-md-12">
                    <p>Your business can be anything that you want to create and share with others. It could be a restaurant, a beauty store, a hardware company… pretty much anything you dream of finding a home on ajolla. Just keep your project focused, with a clear end goal, and you’ll be good.</p>

                    <p>Every ajolla campaign should have the following:</p>

                    <ul>
                        <li>A campaign page with images and description that clearly explain the story behind your business</li>
                        <li>Coupons that customers will receive when the campaign is completed</li>
                        <li>Updates that share the creative journey as the business comes to life</li>
                    </ul>

                    <p>Let’s go through these, one by one. We’ll get started with your campaign page — where you’ll tell people your story.</p>
                </div>
            </div>
            
            <div class="row ajolla-row-5 justify-content-between">
                <div class="col-md-3 col-sm-4">
                    <a href="{{url('founders-manual')}}" class="btn btn-lg ajolla-btn-primary"><i class="fas fa-angle-left"></i>&nbsp; Hello!</a>
                </div>
                <div class="col-md-3 col-sm-4">
                    <a href="{{url('story')}}" class="btn btn-lg ajolla-btn-primary">Telling your story &nbsp;<i class="fas fa-angle-right"></i></a>
                </div>
            </div>
        </div>
    </div>
</div>
@stop
@section('scripts')
@stop