<html>
<head>
    <title>Theta</title>
    <link rel="shortcut icon" href="assets/images/favicon.ico">
    <!-- Start css -->
        ... 
    <!-- End css -->
</head>
<body class="vertical-layout">

    <!-- Start Containerbar -->
    <div id="containerbar">
	
	<!-- Start Leftbar -->
        <div class="leftbar">

            <!-- Start Sidebar -->
            <div class="sidebar">

                <!-- Start Logobar -->
		<div class="logobar">
		    <a href="index.html"> 
		        ....
		    </a>
		</div>
		<!-- End Logobar -->
		
		<!-- Start Profilebar -->
		<div class="profilebar">
		    <img src="profile.svg" class="img-fluid"> 
		    <div class="profilename">
		        ....
		    </div>
		    <div class="userbox">
		        ....
		    </div>
		</div>
		<!-- End Profilebar -->

		<!-- Start Navigationbar -->
		<div class="navigationbar">
		    <ul class="vertical-menu"> 
		        ....
		    </ul>
		</div>
		<!-- End Navigationbar -->
		
            </div>
            <!-- End Sidebar -->
			
	</div>
        <!-- End Leftbar -->
	
	<!-- Start Rightbar -->
        <div class="rightbar">

            <!-- Start Topbar Mobile -->
            <div class="topbar-mobile">
		    ....
	    </div>
            <!-- End Topbar Mobile -->

            <!-- Start Topbar -->
            <div class="topbar">

                <!-- Start row -->
		<div class="row">
		    <div class="col-lg-12">
			<div class="togglebar"> 
		             ....
		        </div>
		        <div class="infobar"> 
		             ....
		        </div>	
		    </div>
		</div>
		<!-- End row -->
				
            </div>
            <!-- End Topbar -->
			
	    <!-- Start Breadcrumbbar -->
            <div class="breadcrumbbar">
		<h4 class="page-title"> ... </h4>	
		<ol class="breadcrumb">
		    ....
		</ol>		
            </div>
            <!-- End Breadcrumbbar -->
		
	    <!-- Start Contentbar -->
	    <div class="contentbar">
		
                <!-- Start row -->
		<div class="row">
		    <div class="col-lg-12">
			<div class="card m-b-30"> 
		             ....
		        </div>			
		    </div>
		</div>
		<!-- End row -->	
		
            </div>
            <!-- End Contentbar -->
		
	    <!-- Start Footerbar -->
	    <div class="footerbar">		
		<footer class="footer">
		    <p class="mb-0"> ... </p>
		</footer>		
            </div>
            <!-- End Footerbar -->
			
	</div>
        <!-- End  Rightbar -->
		
    </div>
    <!-- End Containerbar -->

    <!-- Start js -->
        ... 
    <!-- End js -->
	
</body>
</html>