{% extends "::author.html.twig"%}
{% block title %}:: My Articles :: {% endblock %}

{% block body %}


    <div  class="container-fluid container-fullw padding-bottom-10">
        <div class="row">
            <div class="col-md-12">

                <div class="title" style="font-size: 46px;font-weight: 500;line-height: 1.2; padding: 10px;text-align: center;margin-top: 20px;">How it works ?</div>
                <p style="font-size: 20px; font-weight: 100;text-align: center; padding-right: 93px;padding-left: 93px;">We help you to create your articles in a simple way using the different stages of the site.</p>
                <div class="row steps" style="    margin-top: 70px;margin-bottom: 70px;">

                    <div class="col-sm-4 col-centered"><img alt="etape 1" src="{{ asset('assets_front/images/upload.png')}}" class="center-block"><p style="text-align:center">uploader media for your articles </p>
                        <a href="{{path('media_author_list')}}" type="button" class="btn btn-primary btn-scroll btn-scroll-top ti-arrow-right center-block" >
                            <span>upload media</span>
                        </a>
                    </div>
                    <div class="col-sm-4 col-centered"><img alt="etape 2" src="{{ asset('assets_front/images/step-2.png')}}" class="center-block"><p style="text-align:center">Invite the co-authors to write the article together</p>
                        <a href="{{ path('pafcic_user_author_invite') }}" class="btn btn-primary btn-scroll btn-scroll-top ti-arrow-right center-block" >
                            <span>Invite co-authors</span>
                        </a>
                    </div>
                    <div class="col-sm-4 col-centered"><img alt="etape 3" src="{{ asset('assets_front/images/etape-3.png')}}" class="center-block"><p style="text-align:center">Write your article</p>
                        <a href="{{ path('articles_create') }}" class="btn btn-primary btn-scroll btn-scroll-top ti-arrow-right center-block" >
                            <span>Write your article</span>
                        </a>
                    </div>

                </div>
            </div>
        </div>
    </div>
    {% endblock body %}