Created
December 22, 2020 16:48
-
-
Save susantokun/7b9073b85d2827ddb3f444855e1f6162 to your computer and use it in GitHub Desktop.
Tutorial CRUD Laravel 8 dengan TailwindCSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" | |
content="width=device-width, initial-scale=1.0"> | |
<meta http-equiv="X-UA-Compatible" | |
content="ie=edge"> | |
<meta name="csrf-token" | |
content="{{ csrf_token() }}"> | |
@if (!empty($title)) | |
<title>{{ $title }} - {{ config('app.name') }}</title> | |
@else | |
<title>{{ config('app.name') }}</title> | |
@endif | |
<!-- Favicon --> | |
<link rel="shortcut icon" | |
href="{{ url(asset('favicon.png')) }}"> | |
<!-- Styles --> | |
<link rel="stylesheet" | |
href="{{ asset('css/app.css') }}"> | |
<!-- Scripts --> | |
<script src="{{ asset('js/app.js') }}" | |
defer></script> | |
</head> | |
<body class="font-sans antialiased text-gray-800 bg-secondary-50"> | |
<div class="container h-full max-w-4xl p-4 mx-auto md:p-6"> | |
<header class="flex flex-col items-center justify-center"> | |
<img src="{{ asset('avatar192.png') }}" | |
class="w-32 h-32 rounded-full shadow-md cursor-not-allowed sm:w-40 sm:h-40 md:w-44 md:h-44" | |
alt="avatar"> | |
<div class="my-2 text-center sm:my-4"> | |
<h1 class="text-2xl font-medium leading-snug text-blue-500">Laravel 8 CRUD TailwindCSS</h1> | |
<a href="https://www.susantokun.com/" | |
target="_blank" | |
rel="noopener noreferrer" | |
class="text-base text-gray-600 hover:text-red-500">SUSANTOKUN.COM</a> | |
</div> | |
</header> | |
<main> | |
{{ $slot }} | |
</main> | |
</div> | |
@stack('scripts') | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment