<!DOCTYPE html>
<html lang="{{ app.request.locale }}">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>{% block title %}{% endblock %}</title>
<meta content="{% block description %}{{ 'app.header.description'|trans }}{% endblock %}" name="description">
<meta content="{% block keywords %}{{ 'app.header.keywords'|trans }}{% endblock %}" name="keywords">
<!-- Favicons -->
<link href="{{ asset('assets/img/favicon.png') }}" rel="icon">
<link href="{{ asset('assets/img/apple-touch-icon.png') }}" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="{{ asset('assets/vendor/aos/aos.css') }}" rel="stylesheet">
<link href="{{ asset('assets/vendor/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
<link href="{{ asset('assets/vendor/bootstrap-icons/bootstrap-icons.css') }}" rel="stylesheet">
<link href="{{ asset('assets/vendor/boxicons/css/boxicons.min.css') }}" rel="stylesheet">
<link href="{{ asset('assets/vendor/glightbox/css/glightbox.min.css') }}" rel="stylesheet">
<link href="{{ asset('assets/vendor/remixicon/remixicon.css') }}" rel="stylesheet">
<link href="{{ asset('assets/vendor/swiper/swiper-bundle.min.css') }}" rel="stylesheet">
{% block stylesheets %}
{% endblock stylesheets %}
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top d-flex align-items-center">
{% block header_top %}
<div class="container d-flex align-items-center justify-content-between">
<div class="logo">
<a href="/"><img src="{{ asset('images/doApp-logo-only.svg') }}" alt="" class="img-fluid"></a>
</div>
<nav id="navbar" class="navbar">
{# {{ include('base/include/menu.twig') }} #}
</nav>
<!-- .navbar -->
</div>
{% endblock header_top %}
</header>
<!-- End Header -->
<!-- ======= Hero Section ======= -->
{% block hero %}{% endblock %}
<!-- End Hero -->
<!-- ======= Main ======= -->
<main id="main">
{% block main %}{% endblock %}
</main>
<!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
{% block footer %}
<div class="container">
<div class="row d-flex align-items-center">
<div class="col-lg-12 text-lg text-center">
<div class="copyright">
© DoAppWeb. All Rights Reserved.
</div>
</div>
</div>
</div>
{% endblock footer %}
</footer><!-- End Footer -->
<a href="#header" class="back-to-top d-flex align-items-center justify-content-center scrollto"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="{{ asset('assets/vendor/purecounter/purecounter.js') }}"></script>
<script src="{{ asset('assets/vendor/aos/aos.js') }}"></script>
<script src="{{ asset('assets/vendor/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('assets/vendor/glightbox/js/glightbox.min.js') }}"></script>
<script src="{{ asset('assets/vendor/isotope-layout/isotope.pkgd.min.js') }}"></script>
<script src="{{ asset('assets/vendor/swiper/swiper-bundle.min.js') }}"></script>
{% block javascripts %}{% endblock %}
</body>
</html>