Documentation

Vue

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 <?php if($isBanner != false) {?> iq-banner <?php } ?>">
                <?= $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') ?>
                    <!-- 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>
previous Next