Formatting Code
This commit is contained in:
parent
a7b83d5d42
commit
21fca7d34a
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"name": "my-website",
|
"name": "my-website-3",
|
||||||
"lockfileVersion": 3,
|
"lockfileVersion": 3,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"packages": {
|
"packages": {
|
||||||
|
|
|
@ -9,17 +9,26 @@
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
|
|
||||||
<form onsubmit="alert(1)">
|
<form onsubmit="alert(1)">
|
||||||
@csrf
|
@csrf
|
||||||
<label for="name">Name:*<label>
|
|
||||||
<input type="text" id="name" name="name" /><br>
|
<label for="name">Name:*<label>
|
||||||
<label for="email">Email:*<label>
|
<input type="text" id="name" name="name" /><br>
|
||||||
<input type="email" id="email" name="email" placeholder="person@gmail.com" /><br>
|
|
||||||
<label for="subject">Subject:<label>
|
<label for="email">Email:*<label>
|
||||||
<input type="text" id="subject" name="subject" /><br>
|
<input type="email" id="email" name="email" placeholder="person@gmail.com" /><br>
|
||||||
<label for="message">Message:*</label>
|
|
||||||
<textarea id="message" name="message"></textarea><br>
|
<label for="subject">Subject:<label>
|
||||||
<button type="submit">Send Message</button>
|
<input type="text" id="subject" name="subject" /><br>
|
||||||
</form>
|
|
||||||
|
<label for="message">Message:*</label>
|
||||||
|
<textarea id="message" name="message"></textarea><br>
|
||||||
|
|
||||||
|
<button type="submit">Send Message</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<p class="text-xl bg-zinc-800 text-zinc-200">
|
||||||
|
Some kind of test text just to showcase tailwindcss
|
||||||
|
</p>
|
||||||
|
|
||||||
@endsection
|
@endsection
|
||||||
|
|
|
@ -1,16 +1,17 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
<title>
|
<title>
|
||||||
@section('title')
|
@section('title')
|
||||||
|
|
||||||
Ahmad's Personal Website
|
Ahmad's Personal Website
|
||||||
|
|
||||||
|
@show
|
||||||
|
|
||||||
@show
|
|
||||||
|
|
||||||
</title>
|
</title>
|
||||||
|
|
||||||
<!-- Fonts -->
|
<!-- Fonts -->
|
||||||
|
@ -20,46 +21,47 @@
|
||||||
<!-- Styles -->
|
<!-- Styles -->
|
||||||
@vite('resources/css/app.css')
|
@vite('resources/css/app.css')
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="antialiased">
|
<body class="antialiased">
|
||||||
|
|
||||||
<header class="md:flex bg-white w-96 md:w-48 shadow-md rounded">
|
<header class="md:flex bg-white w-96 md:w-48 shadow-md rounded">
|
||||||
<h1 class="text-xl bg-white bg-center font-semibold font-mono sky-400 space-x4 md:space-0 md:bock">
|
<h1 class="text-xl bg-white bg-center font-semibold font-mono sky-400 space-x4 md:space-0 md:bock">
|
||||||
<a href="{{ url('/') }}" class="text-gray-900 hover:text-gray-600" style="underline:none">
|
<a href="{{ url('/') }}" class="text-gray-900 hover:text-gray-600" style="underline:none">
|
||||||
Ahmad's Personal Website
|
Ahmad's Personal Website
|
||||||
</a>
|
</a>
|
||||||
</h1>
|
</h1>
|
||||||
<nav class="realtive flex md:flex-auto justify-between md:mx-auto bg-white bg-right w-48 bg-gray-800 font-sans">
|
<nav class="realtive flex md:flex-auto justify-between md:mx-auto bg-white bg-right w-48 bg-gray-800 font-sans">
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="{{ url('/') }}">Home</a></li>
|
<li><a href="{{ url('/') }}">Home</a></li>
|
||||||
<li><a href="{{ url('/profile') }}">Profile</a></li>
|
<li><a href="{{ url('/profile') }}">Profile</a></li>
|
||||||
<li><a href="{{ url('/publications') }}">Publications</a></li>
|
<li><a href="{{ url('/publications') }}">Publications</a></li>
|
||||||
<li><a href="{{ url('/contact') }}">Contact</a></li>
|
<li><a href="{{ url('/contact') }}">Contact</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
<section class="bg-white w-96 shadow rounded">
|
||||||
|
<h2 class="text-l bg-white bg-left w-96 font-sans font-medium">
|
||||||
|
@section('heading')
|
||||||
|
Default heading
|
||||||
|
@show
|
||||||
|
</h2>
|
||||||
|
<div class="bg-white bg-left w-96 font-serif">
|
||||||
|
@section('content')
|
||||||
|
Default Content
|
||||||
|
@show
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<section class="bg-white w-96 shadow rounded">
|
<footer>
|
||||||
<h2 class="text-l bg-white bg-left w-96 font-sans font-medium">
|
<div class="text-center text-sm text-gray-500 dark:text-gray-400 sm:text-center sm:ml-0">
|
||||||
@section('heading')
|
Powered by Laravel v{{ Illuminate\Foundation\Application::VERSION }} (PHP v{{ PHP_VERSION }})
|
||||||
Default heading
|
</div>
|
||||||
@show
|
<div class="text-center text-sm text-gray-500 dark:text-gray-400 sm:text-center sm:ml-0 text-xs">
|
||||||
</h2>
|
Copyright © Ahmad Retha {{ date('Y') }}
|
||||||
<div class="bg-white bg-left w-96 font-serif">
|
</div>
|
||||||
@section('content')
|
</footer>
|
||||||
Default Content
|
|
||||||
@show
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
<div class="text-center text-sm text-gray-500 dark:text-gray-400 sm:text-center sm:ml-0">
|
|
||||||
Powered by Laravel v{{ Illuminate\Foundation\Application::VERSION }} (PHP v{{ PHP_VERSION }})
|
|
||||||
</div>
|
|
||||||
<div class="text-center text-sm text-gray-500 dark:text-gray-400 sm:text-center sm:ml-0 text-xs">
|
|
||||||
Copyright © Ahmad Retha {{ date('Y') }}
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Reference in New Issue