{% extends 'base/base.html.twig' %}
{% block title %}{{ 'app.header.title'|trans }}{% endblock %}
{% block stylesheets %}
<!-- Template Main CSS File -->
<link href="{{ asset('assets/css/style.css') }}" rel="stylesheet">
{# DOAPP ICONS begin #}
<link href="{{ asset('assets/doapp/style.css') }}" rel="stylesheet">
{% endblock %}
{% block hero %}
<section id="hero" class="d-flex align-items-center">
<div class="container">
<div class="row">
<div class="col-lg-6 pt-5 pt-lg-0 order-2 order-lg-1 d-flex flex-column justify-content-center">
<h1 data-aos="fade-up">{{ 'app.hero.h1'|trans }}</h1>
<h2 data-aos="fade-up" data-aos-delay="400">{{ 'app.hero.h2'|trans }}</h2>
<div data-aos="fade-up" data-aos-delay="800">
<a href="#services" class="btn-get-started scrollto">{{ 'app.hero.btn'|trans }}</a>
</div>
</div>
<div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="fade-left" data-aos-delay="200">
<img src="{{ asset('assets/img/hero-img.png') }}" class="img-fluid animated" alt="">
</div>
</div>
</div>
</section>
{% endblock hero %}
{% block main %}
<!-- ======= Services Section ======= -->
{% include 'home/include/services.twig' %}
<!-- End Services Section -->
<!-- ======= Features Section ======= -->
{% include 'home/include/features.twig' %}
<!-- End Features Section -->
<!-- ======= Contact Us Section ======= -->
{% include 'base/include/contacts/index.html.twig' %}
<!-- End Contact Us Section -->
{% endblock main %}
{% block javascripts %}
<script src="{{ asset('assets/js/main.js') }}"></script>
<script src="{{ asset('assets/doapp/mailer/mailer.js') }}"></script>
<script src="{{ asset('assets/doapp/captcha/modal.js') }}"></script>
{% endblock %}