<section id="why">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <h2 class="section-heading">Get started now</h2>
                <hr class="primary">
                <br />
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-6 text-center">
                <div class="service-box">
                    <i class="fa fa-4x fa-pencil wow bounceIn text-primary"></i>
                    <h3><a href="{{site.app_url}}create_account">Create an account</a></h3>
                    <p class="text-muted">Create an account to use all Comunic features.</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 text-center">
                <div class="service-box">
                    <i class="fa fa-4x fa-dollar wow bounceIn text-primary" data-wow-delay=".1s"></i>
                    <h3>Make a donation</h3>
                    <p class="text-muted">Maintaining a social network is not free, do not hesitate to help!</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 text-center">
                <div class="service-box">
                    <i class="fa fa-4x fa-bug wow bounceIn text-primary" data-wow-delay=".3s"></i>
                    <h3>Report bugs</h3>
                    <p class="text-muted">Do not hesitate to report any unexcepted behaviour!</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 text-center">
                <div class="service-box">
                    <i class="fa fa-4x fa-code wow bounceIn text-primary" data-wow-delay=".2s"></i>
                    <h3>Developers</h3>
                    <p class="text-muted">As developer, do not hesitate to visit our developer website!</p>
                </div>
            </div>
        </div>
    </div>
</section>