<?xml version="1.0"?>
<t name="Menu - Little icons" t-name="website.s_mega_menu_little_icons">
    <section class="s_mega_menu_little_icons overflow-hidden o_colored_level o_cc o_cc2">
        <div class="container">
            <div class="row">
                <div class="col-12 col-lg-3 py-2 d-flex align-items-center">
                    <nav class="nav flex-column">
                        <a href="#" class="nav-link px-2 rounded text-wrap" data-name="Menu Item">
                            <i class="s_mega_menu_little_icons_icon fa fa-eye fa-fw me-2"/>
                            <b>About us</b>
                        </a>
                        <a href="#" class="nav-link px-2 text-wrap" data-name="Menu Item">
                            <i class="s_mega_menu_little_icons_icon fa fa-group fa-fw me-2"/>
                            <b>Partners</b>
                        </a>
                        <a href="#" class="nav-link px-2 text-wrap" data-name="Menu Item">
                            <i class="s_mega_menu_little_icons_icon fa fa-star-o fa-fw me-2"/>
                            <b>Customers</b>
                        </a>
                    </nav>
                </div>
                <div class="col-12 col-lg-3 py-2 d-flex align-items-center">
                    <nav class="nav flex-column">
                        <a href="#" class="nav-link px-2 rounded text-wrap" data-name="Menu Item">
                            <i class="s_mega_menu_little_icons_icon fa fa-tags fa-fw me-2"/>
                            <b>Products</b>
                        </a>
                        <a href="#" class="nav-link px-2 rounded text-wrap" data-name="Menu Item">
                            <i class="s_mega_menu_little_icons_icon fa fa-handshake-o fa-fw me-2"/>
                            <b>Services</b>
                        </a>
                        <a href="#" class="nav-link px-2 rounded text-wrap" data-name="Menu Item">
                            <i class="s_mega_menu_little_icons_icon fa fa-headphones fa-fw me-2"/>
                            <b>Help center</b>
                        </a>
                    </nav>
                </div>
                <div class="col-12 col-lg-3 py-2 d-flex align-items-center">
                    <nav class="nav flex-column">
                        <a href="#" class="nav-link px-2 rounded text-wrap" data-name="Menu Item">
                            <i class="s_mega_menu_little_icons_icon fa fa-newspaper-o fa-fw me-2"/>
                            <b>Our blog</b>
                        </a>
                        <a href="#" class="nav-link px-2 rounded text-wrap" data-name="Menu Item">
                            <i class="s_mega_menu_little_icons_icon fa fa-calendar fa-fw me-2"/>
                            <b>Events</b>
                        </a>
                        <a href="#" class="nav-link px-2 rounded text-wrap" data-name="Menu Item">
                            <i class="s_mega_menu_little_icons_icon fa fa-map-o fa-fw me-2"/>
                            <b>Guides</b>
                        </a>
                    </nav>
                </div>
                <div class="col-lg-3 p-4">
                    <h4>The team</h4>
                    <p class="text-muted small">
                        Created in 2021, the company is young and dynamic. Discover the composition of the team and their skills.
                    </p>
                    <a href="#" class="btn btn-primary">Discover our team</a>
                </div>
            </div>
        </div>
    </section>
</t>

