Ajax Structure

Overview of the Ajax structure and layout

This guide provides a comprehensive overview of the PHP structure used in the Aquiry admin template. It explains how the layout is organized, the role of each partial, and how components are structured to create a fully responsive and modular dashboard interface.


 <!DOCTYPE html>
<html lang="en" dir="ltr" data-bs-theme="light" data-layout="vertical" data-content-width="default"
    data-sidebar="default" data-topbar="light" data-sidebar-color="light">

     <meta charset="utf-8">
     <title>Aquiry Admin & Dashboard Template</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
     <meta content="Admin & Dashboard Template" name="description">
     <meta content="Codebucks" name="author">

    <!-- layout setup -->
    <!-- <script type="module" src="../assets/js/layout-setup.js"></script> -->

    <!-- App favicon -->
    <link rel="shortcut icon" href="public/assets/images/logo-sm.png">

   <!-- Simplebar Css -->
   <link rel="stylesheet" href="public/assets/libs/simplebar/simplebar.min.css">

   <!-- Bootstrap Css -->
   <link href="public/assets/css/bootstrap.min.css" id="bootstrap-style" rel="stylesheet" type="text/css">

   <!--icons css-->
   <link href="public/assets/css/icons.min.css" rel="stylesheet" type="text/css">

   <!-- App Css-->
   <link href="public/assets/css/app.min.css" id="app-style" rel="stylesheet" type="text/css">

<body>

    <!-- Begin page -->
    <div id="layout-wrapper">

        <div id="page-topbar"></div>
        <div id="sidebar-menu"></div>
        <div id="left-sidebar"></div>

        <div class="main-content">

            <div class="page-content">
                <div class="container-fluid">

                    <main id="main-content">
                        <!-- Page content here -->
                    </main>
                </div>
            </div>
        </div>


        <!-- Begin Footer -->
        <footer class="footer">
             <!Footer Content here -->
        </footer>
        <!-- END Footer -->

        <!-- Begin scroll top -->
        <div class="progress-wrap" id="progress-scroll">
            <svg class="progress-circle" width="100%" height="100%" viewBox="-1 -1 102 102">
                <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
            </svg>
        </div>
        <!-- END scroll top -->

        <div id="custom-setting"></div>

        <script src="public/assets/js/aquiry-app.js"></script>
        <!-- Bootstrap bundle js -->
        <script src="public/assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>

        <!-- Layouts main js -->
        <script src="public/assets/libs/jquery/jquery.min.js"></script>

        <!-- Metimenu js -->
        <script src="public/assets/libs/metismenu/metisMenu.min.js"></script>

        <!-- simplebar js -->
        <script src="public/assets/libs/simplebar/simplebar.min.js"></script>

        <script src="public/assets/libs/eva-icons/eva.min.js"></script>

        <!-- Scroll Top init -->
        <script src="public/assets/js/scroll-top.init.js"></script>

</body>
</html>