header.php

<header class="main-header header-style-two" style="background: #fff;">
    <div class="main-box">
        <div class="auto-container clearfix">
            <div class="logo-box" id="logo">
                <div class="logo"><a href="https://thessic.com/"><img src="https://thessic.com/images/logo_image.png" alt="" title=""></a></div>
            </div>

            <!--Nav Box-->
            <div class="nav-outer clearfix">
                <!--Mobile Navigation Toggler-->
                <div class="mobile-nav-toggler"><span class="icon flaticon-menu"></span></div>
                <!-- Main Menu -->
                <nav class="main-menu navbar-expand-md navbar-light">
                    <div class="navbar-header">
                        <!-- Togg le Button -->
                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                            <span class="icon flaticon-menu-button"></span>
                        </button>
                    </div>

                    <div class="collapse navbar-collapse clearfix" id="navbarSupportedContent">
                        <ul class="navigation clearfix">


                            <li class="dropdown"><a href="#">About</a>
                                <ul>
                                    <li><a href="https://thessic.com/about/ssic2017">SSIC 2017</a></li>
                                    <li><a href="https://thessic.com/about/ssic2019">SSIC 2019</a></li>
                                    <li><a href="https://jaipur.manipal.edu/">About Manipal</a></li>
                                    <li><a href="https://thessic.com/about/jaipur">About Jaipur</a></li>
                                    <li><a href="https://thessic.com/about/ssic">About Us</a></li>
                                </ul>
                            </li>
                            <li class="dropdown"><a href="#">Call For</a>
                                <ul>
                                    <li><a href="https://thessic.com/callfor/papers">Papers</a></li>
                                    <li><a href="https://thessic.com/callfor/workshop_and_tutorial">Workshop And Tutorial</a></li>
                                    <li><a href="https://thessic.com/callfor/special_session">Special Session</a></li>
                                    <li><a href="https://thessic.com/callfor/host">Hosts 2022</a></li>
                                </ul>
                            </li>
                            <li class="dropdown"><a href="#">Committees</a>
                                <ul>
                                    <li><a href="https://thessic.com/committees/organizers">Organisers</a></li>
                                    <li><a href="https://thessic.com/committees/advisory">Advisory Committee</a></li>
                                    <li><a href="https://thessic.com/committees/technical_program">Techincal Program Committee</a></li>
                                </ul>
                            </li>
                            <li ><a class="current" href="https://thessic.com/speakers">Speakers</a></li>
                            <li class="dropdown"><a href="#">Author Info.</a>
                                <ul style="width: 300px;">
                                    <li><a href="https://thessic.com/info/registration">Registration</a></li>
                                    <li><a href="https://thessic.com/info/guidelines">Author's Guidelines</a></li>
                                    <li><a href="https://easychair.org/account/signin?l=3D11LA89AsL306UnmLGQUt#" target="_blank">Submit Manuscripts</a></li>
                                    <li><a href="https://thessic.com/info/banking">Banking</a></li>
                                    <li><a href="https://thessic.com/info/travel_and_accomodation">Travel and Accommodation</a></li>
                                    <li><a href="https://thessic.com/info/e_visa">E Visa</a></li>
                                    <li><a href="https://thessic.com/info/dates">Important Dates</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </nav>
                <!-- Main Menu End-->

                <!-- Outer box -->
                <div class="outer-box">
                    <!-- Button Box -->
                    <div class="btn-box">
                        <a target="__blank" href="https://easychair.org/conferences/?conf=ssic2021" class="theme-btn btn-style-one" ><span class="btn-title">Submit Online</span></a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Mobile Menu  -->
    <div class="mobile-menu">
        <div class="menu-backdrop"></div>
        <div class="close-btn"><span class="icon flaticon-cancel-1"></span></div>

        <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
        <nav class="menu-box">
            <div class="nav-logo"><a href="https://thessic.com/"><img src="https://thessic.com/images/logo_image.png" alt="" title=""></a></div>

            <ul class="navigation clearfix"><!--Keep This Empty / Menu will come through Javascript--></ul>
            <div class="btn-box" style="margin: 15px;">
                <a target="__blank" href="https://easychair.org/conferences/?conf=ssic2021" class="theme-btn btn-style-one" ><span class="btn-title">Submit Online</span></a>
            </div>
        </nav>
    </div><!-- End Mobile Menu -->
</header>