gaf-mobile/app/components/posting-guide/posting-guide.html

GAF mobile Web site

<section class="section-inner carousel">
    <h1 class="posting-guide-title">How it works</h1>
    <ol rn-carousel rn-carousel-indicator data-snap-ignore="true" class="posting-guide-carousel">
        <li class="posting-guide-item">
            <fl-svg src="images/posting-guide/posting-guide-image-01.svg" class="posting-guide-item-image"></fl-svg>
            <h2 class="posting-guide-item-title has-heading-rule">Tell freelancers what you need</h2>
            <p>Describe the work you require before posting a Project. It's FREE.</p>
        <!-- Note: <li>s are joined intentionally to eliminate white space -->
        </li><li class="posting-guide-item">
            <fl-svg src="images/posting-guide/posting-guide-image-02.svg" class="posting-guide-item-image"></fl-svg>
            <h2 class="posting-guide-item-title has-heading-rule">Freelancers contact you</h2>
            <p>Compare freelancers' proposals, check their previous work history and chat with them in real-time.</p>
        <!-- Note: <li>s are joined intentionally to eliminate white space -->
        </li><li class="posting-guide-item">
            <fl-svg src="images/posting-guide/posting-guide-image-03.svg" class="posting-guide-item-image"></fl-svg>
            <h2 class="posting-guide-item-title has-heading-rule">You choose the best freelancer</h2>
            <p>Award your project to your favourite freelancer and securely release the funds once you're satisfied with the result.</p>
            </div>
        </li>
    </ol>
</section>