<header class="fixed-top scroll-change" data-menu-anima="fade-bottom">
        <div class="navbar navbar-default mega-menu-fullwidth navbar-fixed-top" role="navigation">
            <div class="navbar navbar-main" style="border-bottom:3px solid #c14c49">
                <div class="container">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle">
                            <i class="fa fa-bars"></i>
                        </button>
                        <a class="navbar-brand" href="index.php">
                            <img class="logo-default" src="assets/dynaweb/images/logo-black-retina.png" alt="logo" />
                            <img class="logo-retina" src="assets/dynaweb/images/logo-black-retina.png" alt="logo" />
                        </a>
                    </div>
                    <div class="collapse navbar-collapse">
                        <div class="nav navbar-nav navbar-right">
                            <ul class="nav navbar-nav">
                                <li class="dropdown active">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">Version 3.0.1 <!--span class="caret"></span--></a>
                                    <!--ul class="dropdown-menu multi-level">
                                        <li><a href="index-main.html">Main</a></li>
                                        <li><a href="index-freelancer.html">Freelancer</a></li>
                                        <li><a href="index-business.html">Business</a></li>
                                        <li><a href="index-video.html">Video</a></li>
                                        <li><a href="index-cooworking.html">Cooworking</a></li>
                                        <li><a href="index-fullpage.html">Fullpage</a></li>
                                        <li><a href="index-mobile.html">Mobile</a></li>
                                        <li><a href="index-application.html">Application</a></li>
                                        <li><a href="index.html">Intro</a></li>
                                    </ul-->
                                </li>
                                <li><a href="index.php?id=3&page_id=12">Modules</a></li>
                                <!--li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">Pages <span class="caret"></span></a>
                                    <ul class="dropdown-menu multi-level">
                                        <li class="dropdown dropdown-submenu">
                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">About</a>
                                            <ul class="dropdown-menu">
                                                <li><a href="about-us-1.html">About us one</a></li>
                                                <li><a href="about-us-2.html">About us two</a></li>
                                                <li><a href="about-us-3.html">About us three</a></li>
                                                <li><a href="about-us-4.html">About us four</a></li>
                                            </ul>
                                        </li>
                                        <li class="dropdown dropdown-submenu">
                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Services</a>
                                            <ul class="dropdown-menu">
                                                <li><a href="services-1.html">Services one</a></li>
                                                <li><a href="services-2.html">Services two</a></li>
                                                <li><a href="services-3.html">Services three</a></li>
                                                <li><a href="services-4.html">Services four</a></li>
                                            </ul>
                                        </li>
                                        <li class="dropdown dropdown-submenu">
                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Contacs</a>
                                            <ul class="dropdown-menu">
                                                <li><a href="contacts-1.html">Contacts one</a></li>
                                                <li><a href="contacts-2.html">Contacts two</a></li>
                                                <li><a href="contacts-3.html">Contacts three</a></li>
                                                <li><a href="contacts-4.html">Contacts four</a></li>
                                            </ul>
                                        </li>
                                        <li class="dropdown dropdown-submenu">
                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Other</a>
                                            <ul class="dropdown-menu">
                                                <li><a href="pricing.html">Pricing</a></li>
                                                <li><a href="faq.html">Faq</a></li>
                                                <li><a href="team.html">Team</a></li>
                                                <li><a href="team-2.html">Team two</a></li>
                                                <li><a href="gallery.html">Photo & video</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">Portfolio <span class="caret"></span></a>
                                    <ul class="dropdown-menu multi-level">
                                        <li class="dropdown dropdown-submenu">
                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Portfolio one</a>
                                            <ul class="dropdown-menu">
                                                <li><a href="portfolio-1-gutted-boxed.html">Gutted boxed</a></li>
                                                <li><a href="portfolio-1-gutted-boxed-inverse.html">Gutted boxed inverse</a></li>
                                            </ul>
                                        </li>
                                        <li class="dropdown dropdown-submenu">
                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Portfolio two</a>
                                            <ul class="dropdown-menu">
                                                <li><a href="portfolio-2-gutted-boxed.html">Gutted boxed</a></li>
                                                <li><a href="portfolio-2-gutted-boxed-inverse.html">Gutted boxed inverse</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="portfolio-3.html">Portfolio three</a></li>
                                        <li><a href="portfolio-4.html">Portfolio four</a></li>
                                        <li><a href="portfolio-5.html">Portfolio five</a></li>
                                        <li class="dropdown dropdown-submenu">
                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Single item</a>
                                            <ul class="dropdown-menu">
                                                <li><a href="portfolio-single-1.html">Portfolio single 1</a></li>
                                                <li><a href="portfolio-single-2.html">Portfolio single 2</a></li>
                                                <li><a href="portfolio-single-3.html">Portfolio single 3</a></li>
                                                <li><a href="portfolio-single-4.html">Portfolio single 4</a></li>
                                                <li><a href="portfolio-single-5.html">Portfolio single 5</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">Blog <span class="caret"></span></a>
                                    <ul class="dropdown-menu multi-level">
                                        <li><a href="blog-grid.html">Grid</a></li>
                                        <li><a href="blog-social.html">Social</a></li>
                                        <li><a href="blog-minimal.html">Minimal</a></li>
                                        <li class="dropdown dropdown-submenu">
                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Single post</a>
                                            <ul class="dropdown-menu">
                                                <li><a href="blog-single-1.html">Post single 1</a></li>
                                                <li><a href="blog-single-2.html">Post single 2</a></li>
                                                <li><a href="blog-single-3.html">Post single 3</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li-->
                                <li class="dropdown mega-dropdown mega-tabs">
                                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Features <span class="caret"></span></a>
                                    <div class="mega-menu dropdown-menu multi-level row bg-menu">
                                        <div class="tab-box" data-tab-anima="fade-left">
                                            <ul class="nav nav-tabs">
                                                <li class="active"><a href="#">Main Features</a></li>
                                                <li><a href="#">Modules</a></li>
                                                <li><a href="#">Plugins & Functions</a></li>
                                                <li><a href="#">Ready Solutions</a></li>
                                            </ul>
                                            <div class="panel active">
                                                <div class="col">
                                                    <h5>Core</h5>
                                                    <ul class="fa-ul text-s">
                                                        <li><i class="fa-li fa fa-cubes"></i> <a href="#">Fully Open Source</a></li>
                                                        <li><i class="fa-li fa fa-cubes"></i> <a href="#">Since 2015</a></li>
                                                        <li><i class="fa-li fa fa-cubes"></i> <a href="#">Stable & Proven</a></li>
                                                        <li><i class="fa-li fa fa-cubes"></i> <a href="#">PHP 7.X</a></li>
                                                        <li><i class="fa-li fa fa-cubes"></i> <a href="#">Yii 2.0 Framework</a></li>
                                                        <li><i class="fa-li fa fa-cubes"></i> <a href="#">MySQL 8.0</a></li>
                                                        <li><i class="fa-li fa fa-cubes"></i> <a href="#">HTML5, CSS3, JS</a></li>
                                                        <li><i class="fa-li fa fa-cubes"></i> <a href="#">Vue.js</a></li>
                                                        <li><i class="fa-li fa fa-cubes"></i> <a href="#">Fully Secured</a></li>
                                                    </ul>
                                                </div>
                                                <div class="col">
                                                    <h5>Elements</h5>
                                                    <ul class="fa-ul text-s">
                                                        <li><i class="fa-li fa fa-cube"></i> <a href="#">Frontend Portal</a></li>
                                                        <li><i class="fa-li fa fa-cube"></i> <a href="#">Backend CMS</a></li>
                                                        <li><i class="fa-li fa fa-cube"></i> <a href="#">Modules</a></li>
                                                        <li><i class="fa-li fa fa-cube"></i> <a href="#">Code Components</a></li>
                                                        <li><i class="fa-li fa fa-cube"></i> <a href="#">Plugins & Functions</a></li>
                                                        <li><i class="fa-li fa fa-cube"></i> <a href="#">Widgets</a></li>
                                                        <li><i class="fa-li fa fa-cube"></i> <a href="#">Total Solutions</a></li>
                                                        <li><i class="fa-li fa fa-cube"></i> <a href="#">Module Management</a></li>
                                                        <li><i class="fa-li fa fa-cube"></i> <a href="#">Portal management</a></li>
                                                    </ul>
                                                </div>
                                                <div class="col">
                                                    <h5>Features</h5>
                                                    <ul class="fa-ul text-s">
                                                        <li><i class="fa-li fa fa-star"></i> <a href="#">Easy To Use</a></li>
                                                        <li><i class="fa-li fa fa-star"></i> <a href="#">Setup In Minutes</a></li>
                                                        <li><i class="fa-li fa fa-star"></i> <a href="#">Fully Responsive</a></li>
                                                        <li><i class="fa-li fa fa-star"></i> <a href="#">Totally Secured</a></li>
                                                        <li><i class="fa-li fa fa-star"></i> <a href="#">Flexible & Expandable</a></li>
                                                        <li><i class="fa-li fa fa-star"></i> <a href="#">Easy To Manage</a></li>
                                                        <li><i class="fa-li fa fa-star"></i> <a href="#">So Many Modules</a></li>
                                                        <li><i class="fa-li fa fa-star"></i> <a href="#">So Many Solutions</a></li>
                                                        <li><i class="fa-li fa fa-star"></i> <a href="#">Excellent Support</a></li>
                                                    </ul>
                                                </div>
                                                <div class="col">
                                                    <h5>Why Dynaweb4?</h5>
                                                    <ul class="fa-ul text-s">
                                                        <li><i class="fa-li fa fa-photo"></i> <a href="#">Open Source & Future Proof</a></li>
                                                        <li><i class="fa-li fa fa-photo"></i> <a href="#">Many Modules & Easy To Develop</a></li>
                                                        <li><i class="fa-li fa fa-sliders"></i> <a href="#">So Easy To Use & Operate</a></li>
                                                        <li><i class="fa-li fa fa-film"></i> <a href="#">Secured & Standards Based</a></li>
                                                        <li><i class="fa-li fa fa-leaf"></i> <a href="#">Easy To Integrate & Customize</a></li>
                                                        <li><i class="fa-li fa fa-leaf"></i> <a href="#">Cheap To Own & Operate</a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="panel">
                                                <div class="col">
                                                    <h5>Core Modules</h5>
                                                    <ul class="fa-ul text-s">
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">Dashboard Module</a></li>
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">User Management</a></li>
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">Role Management</a></li>
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">Menu Management</a></li>
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">Theme Management</a></li>
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">Translation Management</a></li>
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">Route Management</a></li>
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">Audit Trail</a></li>
                                                    </ul>
                                                </div>
                                                <div class="col">
                                                    <h5>Frontend Modules</h5>
                                                    <ul class="fa-ul text-s">
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">Site Management</a></li>
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">Header Code</a></li>
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">Footer Scripts</a></li>
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">WYSIWYG Design</a></li>
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">Code Management</a></li>
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">Portal Page Maangement</a></li>
                                                    </ul>
                                                </div>
                                                <div class="col">
                                                    <h5>Content Modules</h5>
                                                    <ul class="fa-ul text-s">
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">Article & News</a></li>
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">Portal Menu Management</a></li>
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">Slider Management</a></li>
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">Video & Live Streaming</a></li>
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">Photo & Media</a></li>
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">Poll & Quiz</a></li>
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">Infographic</a></li>
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">Cloud Tag</a></li>
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">Publications</a></li>
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">Graph & Statistics</a></li>
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">Social Media</a></li>
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">Calendar & Schedules</a></li>
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">Bookigns & Payment</a></li>
                                                        <li><i class="fa-li fa fa-list"></i> <a href="#">Many More..</a></li>
                                                    </ul>
                                                </div>
                                                <div class="col">
                                                    <h5>Support Modules</h5>
                                                    <ul class="fa-ul text-s">
                                                        <li><i class="fa-li fa fa-bars"></i> <a href="#">Dynamic API</a></li>
                                                        <li><i class="fa-li fa fa-bars"></i> <a href="#">Tutorial module</a></li>
                                                        <li><i class="fa-li fa fa-bars"></i> <a href="#">FAQ & Knowledge Base Module</a></li>
                                                        <li><i class="fa-li fa fa-bars"></i> <a href="#">Helpdesk Module</a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="panel">
                                                <div class="col">
                                                    <h5>Plugins</h5>
                                                    <ul class="fa-ul text-s">
                                                        <li><i class="fa-li fa fa-photo"></i> <a href="#">Dynamic Dashboards</a></li>
                                                        <li><i class="fa-li fa fa-photo"></i> <a href="#">WYSWYG HTML Editor</a></li>
                                                        <li><i class="fa-li fa fa-photo"></i> <a href="#">WYSWYG Article Editor</a></li>
                                                        <li><i class="fa-li fa fa-photo"></i> <a href="#">In CMS Code Editor</a></li>
                                                        <li><i class="fa-li fa fa-photo"></i> <a href="#">Drag & Drop Sorting</a></li>
                                                        <li><i class="fa-li fa fa-photo"></i> <a href="#">Many More..</a></li>
                                                    </ul>
                                                </div>
                                                <div class="col">
                                                    <h5>Functions</h5>
                                                    <ul class="fa-ul text-s">
                                                        <li><i class="fa-li fa fa-film"></i> <a href="#a">Dynamic Report Generation</a></li>
                                                        <li><i class="fa-li fa fa-film"></i> <a href="#a">Integrated Notifications</a></li>
                                                        <li><i class="fa-li fa fa-film"></i> <a href="#a">Data Import & Exporting</a></li>
                                                        <li><i class="fa-li fa fa-film"></i> <a href="#a">Dynamic Graph Generation</a></li>
                                                        <li><i class="fa-li fa fa-film"></i> <a href="#a">Tableau & Viz Integration</a></li>
                                                        <li><i class="fa-li fa fa-film"></i> <a href="#a">Many More..</a></li>
                                                    </ul>
                                                </div>
                                                
                                            </div>
                                            <div class="panel">
                                                <div class="col">
                                                    <h5>Solutions</h5>
                                                    <ul class="fa-ul text-s">
                                                        <li><i class="fa-li fa fa-photo"></i> <a href="#">Enterprise Grade Web Portals</a></li>
                                                        <li><i class="fa-li fa fa-photo"></i> <a href="#">Customized Web Applications With Custom Workflow</a></li>
                                                        <li><i class="fa-li fa fa-photo"></i> <a href="#">Online Publication Library</a></li>
                                                        <li><i class="fa-li fa fa-photo"></i> <a href="#">Project Management System</a></li>
                                                        <li><i class="fa-li fa fa-photo"></i> <a href="#">Customer Relations Management</a></li>
                                                    </ul>
                                                </div>
                                               
                                                
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>