gaf-mobile/app/views/mobile.html

GAF mobile Web site

<!--   PAGE VIEW   -->
<!-- Freelancer Mobile apps landing page -->
<div class="mobile scroll-container">

    <section class="mobile-hero section-inner">
        <h1 class="heading-large">Freelancer Mobile</h1>
        <p>Create new projects, find freelancers, and collaborate with contacts on the go with the official Freelancer app for iOS and Android.</p>
        <nav class="mobile-store-links">
            <a class="app-store-link" href="https://bnc.lt/m/8DVMWCoAis" title="Get the Android app from Google play">
                <img class="app-store-link-badge app-store-link-android" src="/images/mobile/google-play-store_eng.svg" alt="Download the Freelancer Android app from Google play"/>
            </a>
            <a class="app-store-link" href="https://bnc.lt/m/8DVMWCoAis" title="Get the iOS app from the Apple App Store">
                <img class="app-store-link-badge app-store-link-ios" src="/images/mobile/apple-app-store_eng.svg" alt="Download the Freelancer iOS app from the Apple App Store"/>
            </a>
        </nav>
        <img class="mobile-app-image" src="/images/mobile/mobile-apps-devices@3x.png" alt="Freelancer iOS and Android apps in use on mobile devices" />
    </section>

    <section class="mobile-content mobile-content-freelancers">
        <div class="section-inner">
            <h1 class="mobile-content-title">Freelancers, get more work done.</h1>
            <h2 class="mobile-content-sub-title">Discover new projects and bid on the go.</h2>
            <div class="mobile-content-inner">
                <div>
                    <span class="mobile-content-icon-container">
                        <fl-svg class="mobile-content-icon" src="/images/mobile/mobile-icon-explore.svg"></fl-svg>
                    </span>
                    <h3 class="mobile-content-icon-title">Explore</h3>
                    <span>Browse through hundreds of projects that match your skills.</span>
                </div>
                <div>
                    <span class="mobile-content-icon-container">
                        <fl-svg class="mobile-content-icon" src="/images/mobile/mobile-icon-bid.svg"></fl-svg>
                    </span>
                    <h3 class="mobile-content-icon-title">Bid</h3>
                    <span>Prepare your proposals and place your bid on the go.</span>
                </div>
                <div>
                    <span class="mobile-content-icon-container">
                        <fl-svg class="mobile-content-icon" src="/images/mobile/mobile-icon-communicate.svg"></fl-svg>
                    </span>
                    <h3 class="mobile-content-icon-title">Get work</h3>
                    <span>Communicate with your clients and accept offers wherever you are.</span>
                </div>
            </div>
        </div>
    </section>

    <section class="mobile-content mobile-content-employers">
        <div class="section-inner">
            <h1 class="mobile-content-title">Employers, get work done faster.</h1>
            <h2 class="mobile-content-sub-title">Find freelancers and get your project started.</h2>
            <div class="mobile-content-inner">
                <div>
                    <span class="mobile-content-icon-container">
                        <fl-svg class="mobile-content-icon" src="/images/mobile/mobile-icon-postproject.svg"></fl-svg>
                    </span>
                    <h3 class="mobile-content-icon-title">Post Projects</h3>
                    <span>Post your project straight from your mobile.</span>
                </div>
                <div>
                    <span class="mobile-content-icon-container">
                        <fl-svg class="mobile-content-icon" src="/images/mobile/mobile-icon-findfreelancers.svg"></fl-svg>
                    </span>
                    <h3 class="mobile-content-icon-title">Find Freelancers</h3>
                    <span>Review bids and award jobs on the go.</span>
                </div>
                <div>
                    <span class="mobile-content-icon-container">
                        <fl-svg class="mobile-content-icon" src="/images/mobile/mobile-icon-manage.svg"></fl-svg>
                    </span>
                    <h3 class="mobile-content-icon-title">Manage your project</h3>
                    <span>Communicate with your freelancers and stay up-to-date wherever you are.</span>
                </div>
            </div>
        </div>
    </section>

    <section class="mobile-cta section-inner">
        <h1>Take Freelancer with you. Get the app.</h1>
        <nav class="mobile-store-links">
            <a class="app-store-link" href="https://bnc.lt/m/8DVMWCoAis" title="Get the Android app from Google play">
                <img class="app-store-link-badge app-store-link-android" src="/images/mobile/google-play-store_eng.svg" alt="Download the Freelancer Android app from Google play"/>
            </a>
            <a class="app-store-link" href="https://bnc.lt/m/8DVMWCoAis" title="Get the iOS app from the Apple Play store">
                <img class="app-store-link-badge app-store-link-ios" src="/images/mobile/apple-app-store_eng.svg" alt="Download the Freelancer iOS app from the Apple App Store"/>
            </a>
        </nav>
    </section>

</div>