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>
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>