<!--Mobile Fixed Nav-->
{% set locale = app.request.locale %}
{% if locale == 'en_GB' %}
{% set locale = 'en' %}
{% endif %}
<div class="mobile-menu">
<ul class="list-unstyled mm-list">
<li>
<a href="/{{ locale }}/{{"recipes-link"|trans }}">
<i><img src="/static/assets/images/recipe icon.svg" alt="{{locale == 'ar' ? 'وصفة أونلاين لحليب أبو قوس - طريقة سهلة ولذيذة للطبخ' : 'Rainbow Milk Online Recipe - Easy and Tasty Way of Cooking' }}"></i>
<span>{{"Recipes"|trans }}</span>
</a>
</li>
<li>
<a href="/{{ locale }}/{{"products-link"|trans }}">
<i><img src="/static/assets/images/products icon.svg" alt="{{locale == 'ar' ? 'تسوقوا جميع منتجات حليب أبو قوس عبر الإنترنت' : 'Shop All Rainbow Milk Quality Product Online' }}"></i>
<span>{{"Products"|trans }}</span>
</a>
</li>
<li>
<a href="/{{ locale }}/{{"about-us-link"|trans }}">
<i><img src="/static/assets/images/about us icon new-2.svg" alt="{{locale == 'ar' ? 'اعرفوا المزيد عن منتجات الألبان والأجبان من حليب أبو قوس' : "Click Here to Learn More about Rainbow Milk's Dairy Products" }}"></i>
<span>{{"AboutUs"|trans }}</span>
</a>
</li>
<!-- <li>
<a href="javascript:void(0);">
<i><img src="/static/assets/images/menu-04.png" alt=""></i>
<span>{{"Tips & Facts"|trans }}</span>
</a>
</li> -->
</ul>
</div>
<!--Mobile Fixed Nav-->