Laravel Structure
Laravel file structure
<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" data-layout-width="boxed" data-topbar="dark"
data-preloader="disable" data-card-layout="borderless" data-bs-theme="light" data-topbar-image="pattern-1">
<head>
<charset="utf-8" />
<title> @yield('title') | Judia - Laravel 10 Admin & Dashboard Template </title>
<name="viewport" content="width=device-width, initial-scale=1.0">
<content="Premium Multipurpose Admin & Dashboard Template" name="description" />
<content="Themesbrand" name="author"/>
<link rel="shortcut icon" href="{{ URL::asset('build/images/favicon.ico') }}">
@include('layouts.head-css')
</head>
<body>
<!-- Begin page -->
<div id="layout-wrapper">
@include("layouts.topbar")
@include("layouts.pattern")
<!-- ============================================================== -->
<!-- Start right Content here -->
<!-- ============================================================== -->
<div class="main-content">
<div class="page-content">
<div class="container-fluid">
<div class="page-title-box">
<div class="row align-items-center">
<div class="col-md-5">
@yield('page-title')
</div>
<!--end col-->
<div class="col-md-auto ms-auto">
@include('layouts.customizer')
</div>
<!--end col-->
</div>
<!--end row-->
</div>
@yield("content")
</div>
<!-- container-fluid -->
</div>
<!-- End Page-content -->
@include("layouts.footer")
</div>
<!-- end main content-->
</div>
<!-- END layout-wrapper -->
@include("layouts.vendor-scripts")
</body>
</html>
Layout setup
You can set the default layout in the resources/views/layouts/master.blade.php file in the html tag.
<html data-topbar="light" data-layout-width="fluid" data-card-layout="borderless">
| data-layout-width="fluid" | To set fluid layout width. |
|---|---|
| data-layout-width="boxed" | To set boxed layout width. |
| data-card-layout="borderless" | To set borderless card layouts. |
| data-card-layout="border" | To set border card layouts. |
| data-layout-mode="light" | To set Light layout mode. |
| data-layout-mode="dark" | To set Dark layout mode. |
| data-layout-mode="brand" | To set Brand layout mode. |
| data-layout-position="fixed" | To set layout position Fixed. |
| data-layout-position="scrollable" | To set layout position Scrollable. |
| data-topbar="light" | To set the Light color of Topbar. |
| data-topbar="dark" | To set the dark color of Topbar. |
| data-topbar="brand" | To set the brand color of Topbar. |
| data-topbar-image="pattern-1" | To set the pattern One of Topbar. |
| data-topbar-image="pattern-2" | To set the pattern Two of Topbar. |
| data-topbar-image="pattern-3" | To set the pattern Three of Topbar. |
| data-preloader="enable" | To enable the preloader on the Page. |
| data-preloader="disable" | To disable the preloader on the Page. |