~ya-bo-ng/+junk/fenchurch-megamenu-switcher

<nav class="row-box row-explore-ubuntu">

                <h2>Explore Ubuntu's features</h2>

                <ul class="no-bullets">

                        <li{% if level_3 == 'web-browsing' %} class="current"{% endif %}>

                                <a href="/pc/features/web-browsing">

                                        <img src="{{ STATIC_URL }}u/img/ubuntu/features/icon-web-browsing-64x64.png" width="64" height="64" alt="Web browsing" />

                                        <p>Web browsing</p>

                                </a>

                        </li>

                        <li{% if level_3 == 'office-applications' %} class="current"{% endif %}>

                                <a href="/pc/features/office-applications">

                                        <img src="{{ STATIC_URL }}u/img/ubuntu/features/icon-office-applications-64x64.png" width="64" height="64" alt="Office applications" />

                                        <p>Office applications</p>

                                </a>

                        </li>

                        <li{% if level_3 == 'social-and-email' %} class="current"{% endif %}>

                                <a href="/pc/features/social-and-email">

                                        <img src="{{ STATIC_URL }}u/img/ubuntu/features/icon-social-and-email-64x64.png" width="64" height="64" alt="Social and email" />

                                        <p>Social and email</p>

                                </a>

                        </li>

                        <li{% if level_3 == 'music-and-mobile' %} class="current"{% endif %}>

                                <a href="/pc/features/music-and-mobile">

                                        <img src="{{ STATIC_URL }}u/img/ubuntu/features/icon-music-and-mobile-64x64.png" width="64" height="64" alt="Music and mobile" />

                                        <p>Music and mobile</p>

                                </a>

                        </li>

                        <li{% if level_3 == 'photos-and-videos' %} class="current"{% endif %}>

                                <a href="/pc/features/photos-and-videos">

                                        <img src="{{ STATIC_URL }}u/img/ubuntu/features/icon-photos-and-videos-64x64.png" width="64" height="64" alt="Photos and videos" />

                                        <p>Photos and videos</p>

                                </a>

                        </li>

                        <li{% if level_3 == 'find-more-apps' %} class="current"{% endif %}>

                                <a href="/pc/features/find-more-apps">

                                        <img src="{{ STATIC_URL }}u/img/ubuntu/features/icon-find-more-apps-64x64.png" width="64" height="64" alt="Find more apps" />

                                        <p>Find more apps</p>

                                </a>

                        </li>

                        <li{% if level_3 == 'personal-cloud' %} class="current"{% endif %}>

                                <a href="/pc/features/personal-cloud">

                                        <img src="{{ STATIC_URL }}u/img/ubuntu/features/icon-personal-cloud-64x64.png" width="64" height="64" alt="Personal cloud" />

                                        <p>Personal cloud</p>

                                </a>

                        </li>

                </ul>

</nav><!-- /.row -->