<footer class="footer">
<div class="main-footer">
<div class="container">
<div class="row">
{% set locale = app.request.get('_locale') %}
{% set leftMenu = getMenuByPosition('left-footer',locale) %}
<div class="col-md-3 col-sm-6"><h3>{{ leftMenu.name }}</h3>
<ul>
{% for itm in leftMenu.children %}
<li><a href="{{ itm.url }}">{{ itm.name }}</a></li>
{% endfor %}
</ul>
</div>
{% set middleMenu = getMenuByPosition('middle-footer',locale) %}
<div class="col-md-3 col-sm-6"><h3>{{ middleMenu.name }}</h3>
<ul>
{% for itm in middleMenu.children %}
<li><a href="{{ itm.url }}">{{ itm.name }}</a></li>
{% endfor %}
</ul>
</div>
{% set rightMenu = getMenuByPosition('right-footer',locale) %}
<div class="col-md-3 col-sm-6"><h3>{{ rightMenu.name }}</h3>
<ul>
{% for itm in rightMenu.children %}
<li><a href="{{ itm.url }}">{{ itm.name }}</a></li>
{% endfor %}
</ul>
</div>
<div class="col-md-3 col-sm-6"><h3>{{"Tìm hiểu thêm về iSMART" | trans}}</h3>
<div class="social-group">
{% set facebook = getSettingValueByKey('facebook') %}
<a href="{{ facebook }}" target="_blank"><img
loading="lazy"
src="{{ asset('themes/ismart') }}/img/icon/facebook.svg" alt=""></a>
{% set youtube = getSettingValueByKey('youtube') %}
<a href="{{ youtube }}" target="_blank"><img
loading="lazy"
src="{{ asset('themes/ismart') }}/img/icon/youtube.svg" alt=""></a>
{% set instagram = getSettingValueByKey('instagram') %}
<a href="{{ instagram }}" target="_blank"><img
loading="lazy"
src="{{ asset('themes/ismart') }}/img/icon/instar.svg" alt=""></a>
{% set zalo = getSettingValueByKey('zalo') %}
<a href="{{ zalo }}" target="_blank"><img
loading="lazy"
src="{{ asset('themes/ismart') }}/img/icon/zalo.svg" alt=""></a>
</div>
<div class="gov">
<a href="http://online.gov.vn/Home/WebDetails/83151?AspxAutoDetectCookieSupport=1" target="_blank">
<img loading="lazy"
srcset="{{ asset('themes/ismart') }}/img/icon/logo-bct.webp"
src="{{ asset('themes/ismart') }}/img/icon/logo-bct_small.webp" alt="" />
</a>
</div>
</div>
</div>
</div>
</div>
<div class="sub-footer">
<div class="container">
<div class="row align-items-end">
<div class="col-sm-3 position-relative">
{% set logo = getSettingValueByKey('footer-logo') %}
<img loading="lazy"
srcset="{{ logo }}"
src="{{ getImageBySize(logo,'small') }}"
class="img-fluid logo-footer" alt="iSMART - Bứt phá giới hạn - Kiến tạo tương lai"></div>
<div class="col-sm-9 order-md-1">
{% set bottom = getSettingValueByKey('gcn-footer-'~locale) %}
<div class="footer-content"><p class="m-0">{{ bottom | raw }}</p></div>
</div>
</div>
</div>
</div>
</footer>