<footer class="footer-area">
<button class="scroll-top scroll-to-target style2" data-target="html" data-aos="slide-up" data-aos-easing="linear" data-aos-duration="1100">
<span class="fa fa-long-arrow-up"></span>
</button>
<div class="footer">
<div class="container">
<div
class="row">
<!--Start single footer widget-->
<div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 wow animated fadeInUp" data-wow-delay="0.3s">
<div class="single-footer-widget">
<div class="our-company-info">
<div class="footer-logo">
<a href="{{ path('front_homepage') }}"><img src="{{ asset('front/assets/images/resources/logo.png') }}" alt="Awesome Footer Logo" title="Logo"></a>
</div>
<div class="text">
<p>{{ ('app.about.about_us.description.p1'|trans)|slice(0,150) }}...</p>
</div>
</div>
<!-- Start footer contact info -->
{% include 'front/includes/footer_contact.html.twig' %}
<!-- End footer contact info -->
</div>
</div>
<!--End single footer widget-->
<!--Start single footer widget-->
<div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 wow animated fadeInUp" data-wow-delay="0.5s">
<div class="single-footer-widget margin60-0">
<div class="title">
<h3>{{ 'app.footer.information.latest_news'|trans }}</h3>
</div>
<ul class="latest-news">
{{ render(controller('App\\Controller\\Front\\BlogController::footerBlogs')) }}
</ul>
</div>
</div>
<!--End single footer widget-->
<!--Start single footer widget-->
<div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 wow animated fadeInUp" data-wow-delay="0.7s">
{% include 'front/includes/footer_menu.html.twig' %}
</div>
<!--End single footer widget-->
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="outer-box">
<div class="copyright-text">
<p>Copyright © <strong>Horse Family.</strong>
All rights reserved By
<a href="#">Clictec</a>
</p>
</div>
<div class="footer-social-links">
<ul>
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>