Pages / Blank Starter

Blank Starter

Your content goes here

This page is intentionally blank. Duplicate starter.html, drop your cards, tables or forms into this area, and the layout handles the rest.

Laravel Blade Integration

Split any page once into partials — then every new page is just a content section.

Step 01

Copy the assets

Move the whole assets/ folder into Laravel's public/ directory.

Step 02

Split the layout

Cut the sidebar, topbar and footer blocks into Blade partials, exactly where the HTML comments mark them.

Step 03

Extend per page

Each page becomes a view that extends the layout and only carries its own <main> content.

Step 04

Make it dynamic

Replace static table rows with @foreach loops and point asset URLs at asset().

Suggested file structure

resources/views/
├── layouts/
│   └── app.blade.php        ← doctype, <head>, @yield('content'), scripts
├── partials/
│   ├── head.blade.php       ← meta, fonts.css, tailwind, theme boot script
│   ├── sidebar.blade.php    ← the <aside id="sidebar"> block
│   ├── topbar.blade.php     ← the <header> block
│   └── footer.blade.php     ← the <footer> block
└── dashboard.blade.php      ← @extends('layouts.app') + @section('content')

Master layout example

{{-- resources/views/layouts/app.blade.php --}}
<!DOCTYPE html>
<html lang="en" data-theme="indigo">
<head>
    @include('partials.head')
    <title>@yield('title', 'RM Services Admin')</title>
</head>
<body class="font-sans bg-base text-slate-800 dark:text-slate-200">
<div class="flex min-h-screen">
    @include('partials.sidebar')
    <div class="flex-1 flex flex-col min-w-0">
        @include('partials.topbar')
        <main class="flex-1 p-4 sm:p-6 lg:p-8">
            @yield('content')
        </main>
        @include('partials.footer')
    </div>
</div>
<script src="{{ asset('assets/js/app.js') }}"></script>
</body>
</html>