_src/_components/mobmenu.html

<!-- MOBILE MENU START -->
<div class="hystmodal" id="jsMenuModal" aria-hidden="true">
    <div class="hystmodal__wrap">
        <div class="hystmodal__window mobmenu" role="dialog" aria-modal="true">
            <button data-hystclose class="hystmodal__close">Close</button>  
            <div class="mobmenu__wrap">
                <a href="/" class="mobmenu__logo"><img src="/img/logo.svg" alt="Логотип"></a>
                <div class="mobmenu__menu">
                    <ul>
                        <li>
                            <a href="/docs/latest/">Quick Start</a>
                        </li>
                        <li>
                            <a href="/resources.html">Resources</a>
                        </li>
                        <li>
                            <a href="/faq.html">FAQ</a>
                        </li>
                        <li>
                            <span class="mobmenu__parent">
                                <a href="/use-cases.html">Use Cases</a><button class="mobmenu__opener"></button>
                            </span>
                            <ul>
                                <li>
                                    <a href="/use-cases/in-memory-cache.html">In-Memory Cache</a>
                                </li>
                                <li>
                                    <a href="/use-cases/in-memory-data-grid.html">In-Memory Data Grid</a>
                                </li>
                                <li>
                                    <a href="/use-cases/in-memory-database.html">In-Memory Database</a>
                                </li>
                                <li>
                                    <a href="/use-cases/key-value-store.html">Key-Value Store</a>
                                </li>
                                <li>
                                    <a href="/use-cases/high-performance-computing.html">High Performance Computing</a>
                                </li>
                                <li>
                                    <a href="/use-cases/digital-integration-hub.html">Digital Integration Hub</a>
                                </li>   
                                <li>
                                    <a href="/use-cases/spark-acceleration.html">Spark Acceleration</a>
                                </li>
                                <li>
                                    <a href="/use-cases/hadoop-acceleration.html">Hadoop Acceleration</a>
                                </li>
                            </ul>
                        </li>

                        <li>
                            <span class="mobmenu__parent">
                                <a href="/features/">Features</a><button class="mobmenu__opener"></button>
                            </span>
                            <ul>
                                <li>
                                    <a href="/arch/multi-tier-storage.html">Multi-Tier Storage</a>
                                </li>
                                <li>
                                    <a href="/arch/native-persistence.html">Native Persistence</a>
                                </li>
                                <li>
                                    <a href="/features/sql.html">Distributed SQL</a>
                                </li>
                                <li>
                                    <a href="/features/key-value-apis.html">Key-Value APIs</a>
                                </li>
                                <li>
                                    <a href="/features/acid-transactions.html">ACID Transactions</a>
                                </li>
                                <li>
                                    <a href="/features/compute-apis.html">Compute APIs</a>
                                </li>
                                <li>
                                    <a href="/features/service-apis.html">Services</a>
                                </li>
                                <li>
                                    <a href="/features/machinelearning.html">Machine Learning</a>
                                </li>
                                <li>
                                    <a href="/features/streaming.html">Real-Time Streaming APIs</a>
                                </li>
                                <li>
                                    <a href="/docs/latest/messaging">Messaging</a>
                                </li>
                                <li>
                                    <a href="/docs/latest/key-value-api/continuous-queries">Continuous Queries</a>
                                </li>
                            </ul>
                        </li>
                        
                        <li>
                            <a href="/community.html">Community</a>
                            <ul class="isdefault">
                                <li><a href="/community.html">Project Info</a></li>
                                <li><a href="/events.html">Events</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="/use-cases/provenusecases.html">Powered by</a>
                        </li>
                        <li>
                            <a href="/docs/latest/">Docs</a>
                        </li>
                    </ul>
                    <a href="/download.cgi" class="button mobmenu__button">Download Ignite 2.11</a>
                </div><!-- //mobmenu__menu -->
            </div><!-- //mobmenu__wrap -->
        </div><!-- //mobmenu -->
    </div> 
</div>
<!-- MOBILE MENU END -->