<!-- =======================
Footer START -->
<footer class="bg-dark pt-5">
<div class="container">
<!-- Row START -->
<div class="row g-4">
<!-- Widget 1 START -->
<div class="col-lg-3">
<a href="{{path('home_app')}}" style="position: relative">
<div style="display: inline-block;">
<img style="border-radius: 5px" id="logo-footer-img" src="{{ asset('build/images/logo1.jpeg') }}" alt="logo">
</div>
{# <img class="dark-mode-item navbar-brand-item" src="{{ asset('build/images/logo-light.svg') }}" alt="logo">
<div id="logo-footer-text">
Sunscape
</div>
#}
</a>
<!-- logo -->
{# <a href="index.html">#}
{# <img class="h-40px" src="{{ asset('build/images/logo-light.svg') }}" alt="logo">#}
{# </a>#}
{# <p class="my-3 text-muted">Departure defective arranging rapturous did believe him all had supported.</p>#}
<br><br>
<p class="mb-2"><a href="#" class="text-muted"><i class="bi bi-telephone me-2"></i>+7 495 991 77 79</a> </p>
<p class="mb-0"><a href="#" class="text-muted"><i class="bi bi-envelope me-2"></i>info@terra-it.ru</a></p>
</div>
<!-- Widget 1 END -->
<!-- Widget 2 START -->
<div class="col-lg-8 ms-auto">
<div class="row g-4">
<!-- Link block -->
<div class="col-6 col-md-3">
<h5 class="text-white mb-2 mb-md-4">{% trans %}Page{% endtrans %}</h5>
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link text-muted" href="#">{% trans %}About us{% endtrans %}</a></li>
{# <li class="nav-item"><a class="nav-link text-muted" href="#">{% trans %}Contact us{% endtrans %}</a></li>#}
</ul>
</div>
<!-- Link block -->
<div class="col-6 col-md-3">
<h5 class="text-white mb-2 mb-md-4">{% trans %}Link{% endtrans %}</h5>
<ul class="nav flex-column">
{% if app.user %}
{% else%}
<li class="nav-item"><a class="nav-link text-muted" href="{{ path('app_register', {'_locale': currentLocale.key}) }}">{% trans %}Sign up{% endtrans %}</a></li>
<li class="nav-item"><a class="nav-link text-muted" href="{{ path('app_login', {'_locale': currentLocale.key}) }}">{% trans %}Sign in{% endtrans %}</a></li>
{% endif %}
<li class="nav-item"><a class="nav-link text-muted" href="#">{% trans %}Privacy policy{% endtrans %}</a></li>
</ul>
</div>
<!-- Link block -->
{#<div class="col-6 col-md-3">
<h5 class="text-white mb-2 mb-md-4">{% trans %}Booking{% endtrans %}</h5>
<ul class="nav flex-column text-primary-hover">
<li class="nav-item"><a class="nav-link text-muted" href="{{ path('hotel_list') }}"><i class="fa-solid fa-hotel me-2"></i>{% trans %}Hotels{% endtrans %}</a></li>
</ul>
</div>#}
</div>
</div>
<!-- Widget 2 END -->
</div><!-- Row END -->
{# <!-- Tops Links -->
<div class="row mt-5">
<h5 class="mb-2 text-white">Top Links</h5>
<ul class="list-inline text-primary-hover lh-lg">
<li class="list-inline-item"><a href="#" class="text-muted">Flights</a></li>
<li class="list-inline-item"><a href="#" class="text-muted">Hotels</a></li>
<li class="list-inline-item"><a href="#" class="text-muted">Tours</a></li>
<li class="list-inline-item"><a href="#" class="text-muted">Cabs</a></li>
<li class="list-inline-item"><a href="#" class="text-muted">About</a></li>
<li class="list-inline-item"><a href="#" class="text-muted">Contact us</a></li>
<li class="list-inline-item"><a href="#" class="text-muted">Blogs</a></li>
<li class="list-inline-item"><a href="#" class="text-muted">Services</a></li>
<li class="list-inline-item"><a href="#" class="text-muted">Detail page</a></li>
<li class="list-inline-item"><a href="#" class="text-muted">Services</a></li>
<li class="list-inline-item"><a href="#" class="text-muted">Policy</a></li>
<li class="list-inline-item"><a href="#" class="text-muted">Testimonials</a></li>
<li class="list-inline-item"><a href="#" class="text-muted">Newsletters</a></li>
<li class="list-inline-item"><a href="#" class="text-muted">Podcasts</a></li>
<li class="list-inline-item"><a href="#" class="text-muted">Protests</a></li>
<li class="list-inline-item"><a href="#" class="text-muted">NewsCyber</a></li>
<li class="list-inline-item"><a href="#" class="text-muted">Education</a></li>
<li class="list-inline-item"><a href="#" class="text-muted">Sports</a></li>
<li class="list-inline-item"><a href="#" class="text-muted">Tech and Auto</a></li>
<li class="list-inline-item"><a href="#" class="text-muted">Opinion</a></li>
<li class="list-inline-item"><a href="#" class="text-muted">Share Market</a></li>
</ul>
</div>#}
<!-- Payment and card -->
<div class="row g-4 justify-content-between mt-0 mt-md-2">
<!-- Payment card -->
<!-- Social media icon -->
</div>
<!-- Divider -->
<hr class="mt-4 mb-0">
<!-- Bottom footer -->
{#<div class="row">
<div class="container">
<div class="d-lg-flex justify-content-between align-items-center py-3 text-center text-lg-start">
<!-- copyright text -->
<div class="text-muted text-primary-hover"> Copyrights <a href="#" class="text-muted">©2022 Booking</a>. All rights reserved. </div>
<!-- copyright links-->
<div class="nav mt-2 mt-lg-0">
<ul class="list-inline text-primary-hover mx-auto mb-0">
<li class="list-inline-item me-0"><a class="nav-link py-1 text-muted" href="#">Privacy policy</a></li>
<li class="list-inline-item me-0"><a class="nav-link py-1 text-muted" href="#">Terms and conditions</a></li>
<li class="list-inline-item me-0"><a class="nav-link py-1 text-muted pe-0" href="#">Refund policy</a></li>
</ul>
</div>
</div>
</div>
</div>#}
</div>
</footer>
<!-- =======================
Footer END -->