HTML Structure
Here is the general HTML structure of the template:
<!doctype html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title data-setting="app_name" data-rightJoin=" Pro | Responsive Bootstrap 5 Admin Dashboard Template"><?= $app_name?> Pro | Responsive Bootstrap 5 Admin Dashboard Template</title>
<meta name="description" content="<?= $app_name?> Pro is a revolutionary Bootstrap Admin Dashboard Template and UI Components Library. The Admin Dashboard Template and UI Component features 8 modules.">
<meta name="keywords" content="premium, admin, dashboard, template, bootstrap 5, clean ui, hope ui, admin dashboard,responsive dashboard, optimized dashboard,">
<meta name="author" content="Iqonic Design">
<meta name="DC.title" content="<?= $app_name?> Pro | Responsive Bootstrap 5 Admin Dashboard Template">
<meta name="DC.subject" content="<?= $app_name?> Pro is a revolutionary Bootstrap Admin Dashboard Template and UI Components Library. The Admin Dashboard Template and UI Component features 8 modules.">
<meta name="DC.creator" content="Iqonic Design">
<meta name="DC.publisher" content="Iqonic Design">
<meta name="DC.description" content="<?= $app_name?> Pro is a revolutionary Bootstrap Admin Dashboard Template and UI Components Library. The Admin Dashboard Template and UI Component features 8 modules.">
<meta name="DC.language" content="English">
<?= $this->include('components/partials/head') ?>
</head>
<body class="">
<?= $this->include('components/partials/loader') ?>
<?= $this->include('components/partials/_body_sidebar') ?>
<main class="main-content">
<div class="position-relative <?= $isBanner != false ? 'iq-banner' : '' ?>">
<?= $this->include('components/partials/pro/header') ?>
<?php if($isBanner != false) { ?>
<!-- Nav Header Component Start -->
<?= $this->include('components/partials/sub-header') ?>
<!-- Nav Header Component End -->
<?php } ?>
</div>
<div class="content-inner container-fluid pb-0" id="page_layout">
<?= $this->renderSection('content') ?>
</div>
<?= $this->include('components/partials/_body_footer') ?>
</main>
<!-- Wrapper End-->
<?= $this->include('components/widgets/setting-offcanvas') ?>
<?= $this->include('components/widgets/auth-pro/modal-popup') ?>
<?= $this->include('components/partials/scripts') ?>
</body>
</html>
Here is the Landing page HTML structure of the template:
<?php $data = $this->renderVars['options']; ?>
<!doctype html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title data-setting="app_name" data-rightJoin=" Pro | Responsive Bootstrap 5 Admin Dashboard Template"><?= $app_name ?> Pro | Responsive Bootstrap 5 Admin Dashboard Template</title>
<?= $this->include('landing-pages/components/partials/head.php') ?>
</head>
<body class="body-bg landing-pages">
<span class="screen-darken"></span>
<main class="main-content">
<div class="position-relative">
<!-- Nav Start-->
<?php if($this->getData('isHeader2')) : ?>
<?= $this->include('landing-pages/components/partials/header-2.php') ?>
<?php else : ?>
<?= $this->include('landing-pages/components/partials/header-1.php') ?>
<?php endif; ?>
<!-- Nav End-->
</div>
<?= $this->renderSection('content') ?>
</main>
<!-- Wrapper End-->
<!-- Footer Start-->
<?= $this->include('landing-pages/components/partials/footer.php') ?>
<!-- Footer End-->
<!-- Back to Top Start-->
<div id="back-to-top" style="display: none;">
<a class="p-0 btn btn-warning btn-sm position-fixed top" id="top" href="#top">
<svg class="icon-30" width="30" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 15.5L12 8.5L19 15.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
<!-- Back to Top End-->
<a class="btn btn-fixed-end btn-primary btn-icone btn-landing" href="/dashboard">Dashboard Demo</a>
<?= $this->include('landing-pages/components/partials/scripts.php') ?>
</body>
</html>