General HTML structure is the same throughout the template. Here is the header structure.

                
                    <nav class="header-navbar navbar-expand-md navbar navbar-with-menu fixed-top navbar-light navbar-shadow">
                        <div class="navbar-wrapper">
                            <div class="navbar-header">
                                .....
                            </div>
                            <div class="navbar-container content">
                                <div id="navbar-mobile" class="navbar-collapse">
                                    .....
                                </div>
                            </div>
                        </div>
                    </nav>
                    <div class="content-wrapper">
                        .....
                    </div>
                
            

Generate TPro menu using below menu structure.

                
                    <div class="main-menu menu-fixed menu-light menu-accordion menu-shadow expanded" data-scroll-to-active="true">
                        <!-- main menu header-->
                        <div class="navbar-header expanded">
                            .....
                        </div>
                        <!-- / main menu header-->
                        <!-- main menu content-->
                        <div class="main-menu-content">
                            <ul class="navigation navigation-main" id="main-menu-navigation" data-menu="menu-navigation">
                                .....
                            </ul>
                        </div>
                        <!-- /main menu content-->
                    </div>
                
            

Content Structure

Generate TPro content area using following structure.

                
                    <div class="app-content content">
                        <div class="content-wrapper">
                            <div class="content-header row">
                                .....
                            </div>
                            <div class="content-body">
                                .....
                            </div>
                        </div>
                    </div>
                
            

Last but not least, footer structure to complete TPro structure.

                
                    <footer class="footer footer-static footer-light">
                        .....
                    </footer>