Skip to content

Instantly share code, notes, and snippets.

View welcome_message.blade.php
@extends('layouts.main')
@section('content')
<div id="container" class="container">
<h1>Welcome to CodeIgniter!</h1>
<div id="app">
<div class="row">
<div class="col-sm-3">
<h1>Firstname : @{{firstname}}</h1>
</div>
View sidebar.blade.php
<!-- Sidebar -->
<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar">
<!-- Sidebar - Brand -->
<a class="sidebar-brand d-flex align-items-center justify-content-center" href="#">
<div class="sidebar-brand-icon rotate-n-15">
<i class="fas fa-laugh-wink"></i>
</div>
<div class="sidebar-brand-text mx-3"> SB Admin! <sup>2</sup></div>
</a>
View navbar.blade.php
<!-- Topbar -->
<nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
<!-- Sidebar Toggle (Topbar) -->
<button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
<i class="fa fa-bars"></i>
</button>
<!-- Topbar Search -->
<form class="d-none d-sm-inline-block form-inline mr-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search">
View main.blade.php
<html lang="en">
<head>
@include('layouts.header')
</head>
<body id="page-top">
View js.blade.php
<!-- all js files-->
<script type="text/javascript" src={{base_url()}}assets/dist/app.js ></script>
View header.blade.php
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>SB Admin 2 - Blank</title>
<!-- all css files-->
<link rel="stylesheet" type="text/css" href="{{base_url()}}assets/dist/app.css">
View footer.blade.php
View webpack.mix.js
let mix = require('laravel-mix');
let webpack = require('webpack');
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Laravel application. By default, we are compiling the Sass
View app.scss
@import "bootstrap";
@import "~startbootstrap-sb-admin-2/scss/sb-admin-2";
@import "~startbootstrap-sb-admin-2/vendor/datatables/dataTables.bootstrap4.min.css";
@import '~@fortawesome/fontawesome-free/scss/fontawesome';
@import '~@fortawesome/fontawesome-free/scss/solid';
@import '~@fortawesome/fontawesome-free/scss/brands';
@import '~@fortawesome/fontawesome-free/scss/regular';
View app.js
import 'jquery/dist/jquery.min.js';
import 'popper.js/dist/umd/popper.min.js';
import 'bootstrap/dist/js/bootstrap.min.js';
import 'startbootstrap-sb-admin-2/vendor/jquery-easing/jquery.easing.min.js';
import 'startbootstrap-sb-admin-2/js/sb-admin-2.js';
import 'startbootstrap-sb-admin-2/vendor/datatables/jquery.dataTables.min.js';
import Vue from 'vue';
let app = new Vue({