Gradient Able Bootstrap
  • โœจWelcome
  • ๐Ÿ“Quick Start
  • ๐Ÿ—๏ธStructure
    • ๐Ÿ“‚Directory Structure
    • ๐Ÿ“„Page Structure
  • ๐ŸŽญCustomizer
    • ๐ŸŒ‘Light & Dark Layout
    • ๐Ÿ’ปNavbar Theme
    • ๐ŸงขHeader Theme
    • ๐ŸŽจPreset Colors
    • ๐Ÿ”–Sidebar Caption
    • ๐Ÿ‡ฆ๐Ÿ‡ชRtl Layout
    • ๐Ÿ”›Box Container
  • ๐Ÿ“ฆDependencies
  • ๐Ÿ“…Changelog
  • ๐ŸRoadMap
Powered by GitBook
On this page
  1. Structure

Page Structure

<!DOCTYPE html>
<html lang="en">

<head>
    <title>Sample Page | Gradient Able Dashboard Template</title>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="codedthemes">
    <!-- Favicon icon -->
    <link rel="icon" href="../assets/images/favicon.svg" type="image/x-icon">
    
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="../assets/fonts/tabler-icons.min.css">
    <link rel="stylesheet" href="../assets/fonts/feather.css">
    <link rel="stylesheet" href="../assets/fonts/fontawesome.css">
    <link rel="stylesheet" href="../assets/fonts/material.css">
    
    <!-- vendor css -->
    <link rel="stylesheet" href="../assets/css/style.css" id="main-style-link">
    <link rel="stylesheet" href="../assets/css/style-preset.css">

</head>


<body data-pc-header="header-1" data-pc-preset="preset-1" data-pc-sidebar-theme="light" data-pc-sidebar-caption="true" data-pc-direction="ltr" data-pc-theme="light">
    <!-- [ Pre-loader ] start -->
    <div class="loader-bg">
    </div>
    <!-- [ Pre-loader ] end -->

    <!-- [ sidebar ] start -->
    <nav class="pc-sidebar">
    </nav>
    <!-- [ sidebar ] end -->

    <!-- [ header ] start -->
    <header class="pc-header">
    </header>
    <!-- [ header ] end -->

    <!-- [ Main Content ] start -->
    <div class="pc-container">
        <div class="pc-content">

            <!-- [ page header ] start -->
            <div class="page-header">
            </div>
            <!-- [ page header ] end -->

            <!-- [ page content ] start -->
            <div class="row">
            </div>
            <!-- [ page content ] end -->
            
        </div>
    </div>
    <!-- [ Main Content ] end -->

    <!-- [ footer ] start -->
    <footer class="pc-footer">
    </footer>
    <!-- [ footer ] end -->
    
    <!-- Required Js -->
    <script src="../assets/js/plugins/popper.min.js"></script>
    <script src="../assets/js/plugins/simplebar.min.js"></script>
    <script src="../assets/js/plugins/bootstrap.min.js"></script>
    <script src="../assets/js/fonts/custom-font.js"></script>
    <script src="../assets/js/pcoded.js"></script>
    <script src="../assets/js/plugins/feather.min.js"></script>
</body>

</html>
<!DOCTYPE html>
<html lang="en">
<!-- [Head] start -->

<head>
  @@include('../layouts/head-page-meta.html', {'title': 'Sample Page'})
  @@include('../layouts/head-css.html')
</head>
<!-- [Head] end -->
<!-- [Body] Start -->

<body @@bodySetup>
  @@include('../layouts/layout-vertical.html')

  <!-- [ Main Content ] start -->
  <div class="pc-container">
    <div class="pc-content">
      @@include('../layouts/breadcrumb.html', {'breadcrumb-item': 'Other', 'breadcrumb-item-active': 'Sample Page'})

      <!-- [ Main Content ] start -->
      <div class="row">
      </div>
      <!-- [ Main Content ] end -->
      
    </div>
  </div>
  <!-- [ Main Content ] end -->
  
  @@include('../layouts/footer-block.html')
  @@include('../layouts/footer-js.html')
  @@include('../layouts/customizer.html')
  
</body>
<!-- [Body] end -->

</html>
PreviousDirectory StructureNextCustomizer

Last updated 1 year ago

๐Ÿ—๏ธ
๐Ÿ“„