<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>