I've encountered an issue where I've tried various methods to implement this theme but haven't had any success.
1. I followed the steps in the documentation by cloning the repo of the template and then using npm install (npm run serve) -> it never works for me. I also tried using the CDN multiple times with both the bootstrap template and the Laravel template, even though my project is based on Laravel. However, I'm attempting to use the template with a new theme.
2. I watched a tutorial on YouTube by Laravel Daily where they used the starter template. I decided to give it a try, but the CSS is still not working.
This is the code for app.blade.php
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CoreUI CSS -->
<link rel="stylesheet" href="https://unpkg.com/@coreui/coreui/dist/css/coreui.min.css" crossorigin="anonymous">
<title>{{ config('app.name', 'Laravel') }}</title>
</head>
<body class="c-app">
@include('partials.menu')
@yield('content')
<!-- Optional JavaScript -->
<!-- Popper.js first, then CoreUI JS -->
<script src="https://unpkg.com/@popperjs/core@2"></script>
<script src="https://unpkg.com/@coreui/coreui/dist/js/coreui.min.js"></script>
</body>
</html>
Additionally, this is the code for the home page
@extends('layouts.app')
@section('content')
{{-- <base href="{{ \URL::to('/')}}"> --}}
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<div class="card-header">{{ __('Dashboard') }}</div>
<div class="card-body">
@if (session('status'))
<div class="alert alert-success" role="alert">
{{ session('status') }}
</div>
@endif
{{ __('You are logged in!') }}
</div>
</div>
</div>
</div>
</div>
@endsection
And here is the code for the sidebar file located in partials->menu.blade.php
<div class="c-sidebar c-sidebar-dark c-sidebar-fixed c-sidebar-lg-show" id="sidebar">
<div class="c-sidebar-brand d-lg-down-none">
<svg class="c-sidebar-brand-full" width="118" height="46" alt="CoreUI Logo">
<use xlink:href="assets/brand/coreui.svg#full"></use>
</svg>
<svg class="c-sidebar-brand-minimized" width="46" height="46" alt="CoreUI Logo">
<use xlink:href="assets/brand/coreui.svg#signet"></use>
</svg>
</div>
<ul class="c-sidebar-nav">
[content shortened for brevity]
</ul>
<button class="c-sidebar-minimizer c-class-toggler" type="button" data-target="_parent" data-class="c-sidebar-minimized"></button>
</div>
Lastly, this is the output I'm currently experiencing