<footer class="footer">
<div class="wrapper--footer">
<div class="container-fluid">
<div class="row text-white">
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
<a class="" href="https://www.populationfoundation.in/">
<img class="" src="/images/PFIYLogo.png" alt="PFI" style="height: 50px;">
</a>
<p class="mb-0"><strong>{{ 'footer.pfi'|trans }}</strong></p>
{#<small>
<a style="color: #dddddd;" href="mailto:[email protected]" target="_blank">{{ 'footer.email'|trans }}</a>
</small>#}
<div class="display_flx my-3">
<div style="border-bottom: 2px solid #fcaf17;padding-bottom: 5px;">
<a href="tel:+911143894100" style="color: #ffffff;">{{ 'footer.phone'|trans }}</a>
</div>
<div style="border-bottom: 2px solid #fcaf17;padding-bottom: 5px;">
{{ 'footer.address.l1'|trans }}<br />{{ 'footer.address.l2'|trans }}
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 px-4">
<h3 class="fnav--heading">{{ 'issues_and_themes'|trans }}</h3>
<ul class="fnavul p-0">
{% for bucket in data['buckets'] %}
<li class="fnavul--li">
<a class="fnavul--li-a" href="{{ path('web_bucket', { id: bucket.id }) }}">{{ bucket.title|striptags|raw }}</a>
</li>
{% endfor %}
</ul>
</div>
<div class="col-xl-2 col-lg-2 col-md-2 col-sm-12">
<h3 class="fnav--heading">{{ 'navbar.menu'|trans }}</h3>
<ul class="foot_nav">
<li>
<a href="{{ path('web_introduction') }}">{{ 'introduction'|trans }}</a>
</li>
<li>
<a href="{{ path('web_updates') }}">{{ 'updates'|trans }}</a>
</li>
<li>
<a href="dashboard/IN">{{ 'state_dashboard'|trans }}</a>
</li>
<li>
<a href="{{ path('web_district') }}">{{ 'district_dashboard'|trans }}</a>
</li>
<li>
<a href="{{ path('web_contact') }}">{{ 'contact_us'|trans }}</a>
</li>
</ul>
</div>
</div>
</div>
<hr class="hr--divider" />
</div>
<div class="wrapper--footer">
<div class="fnav">
<div class="cell">
<h3 class="fnav--heading">{{ 'footer.connect_with_us'|trans }}</h3>
<div class="social">
<a class="social--a" href="https://www.facebook.com/PopFoundIndia/" target="_blank"><img src="{{ asset('images/fb.png') }}" alt="facebook" /></a>
<a class="social--a" href="https://twitter.com/PopFoundIndia" target="_blank"><img src="{{ asset('images/twitter.png') }}" alt="twitter" /></a>
<a class="social--a" href="https://www.youtube.com/channel/UC_exH-FLrQAF67552wq6T_A" target="_blank"><img src="{{ asset('images/ytube.png') }}" alt="youtube" /></a>
<a class="social--a" href="https://www.linkedin.com/company/popfoundindia/" target="_blank"><img src="{{ asset('images/linkedin.png') }}" alt="linkedin" /></a>
<a class="social--a" href="https://www.instagram.com/populationfoundationindia/" target="_blank"><img src="{{ asset('images/instagram.png') }}" alt="instagram" /></a>
</div>
</div>
<div class="cell cell--alignitems-end">
</div>
</div>
</div>
<div class="wrapper--footer">
<p class="copyright">© {{ 'footer.copyright'|trans }}</p>
</div>
</footer>