๐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>
Last updated