created about page and added link to navbar
This commit is contained in:
parent
12a759cd71
commit
b8fd3b292f
|
|
@ -0,0 +1,6 @@
|
||||||
|
@extends('layout')
|
||||||
|
@section('content')
|
||||||
|
|
||||||
|
Test
|
||||||
|
|
||||||
|
@endsection
|
||||||
|
|
@ -1,54 +1,54 @@
|
||||||
@extends('layout')
|
@extends('layout')
|
||||||
@section('content')
|
@section('content')
|
||||||
<main class="relative min-h-screen flex flex-col justify-center bg-white overflow-hidden">
|
|
||||||
<div class="w-full max-w-6xl mx-auto px-4 md:px-6 py-24">
|
|
||||||
<div class="flex justify-center">
|
|
||||||
|
|
||||||
<article class="max-w-[40rem] mx-auto">
|
<div class="w-full max-w-6xl mx-auto px-4 md:px-6 py-24">
|
||||||
<header class="mb-4">
|
<div class="flex justify-center">
|
||||||
<h1 class="text-4xl font-extrabold text-slate-900">How I Became Who I Am Today</h1>
|
|
||||||
</header>
|
<article class="max-w-[40rem] mx-auto">
|
||||||
<div class="text-slate-600 [&>p]:my-6 [&>p:first-child]:mt-0 [&>p:last-child]:mb-0 [&_strong]:font-medium [&_strong]:text-slate-900 [&_a]:font-medium [&_a]:text-indigo-500 [&_a]:underline [&_a:hover]:no-underline [&_img]:rounded-xl [&_blockquote]:italic [&_blockquote]:before:block [&_blockquote]:before:w-[18px] [&_blockquote]:before:h-[17px] [&_blockquote]:before:bg-[url('./quotes.svg')] [&_blockquote]:before:bg-no-repeat [&_blockquote]:before:mb-2 [&_figcaption]:text-center [&_figcaption]:text-xs [&_figcaption]:italic [&_figcaption]:mt-3">
|
<header class="mb-4">
|
||||||
<p>
|
<h1 class="text-4xl font-extrabold text-slate-900">How I Became Who I Am Today</h1>
|
||||||
Once upon a time, in a bustling city, Alex lived and breathed software development. The world of coding fascinated me, and I was <strong>determined to leave my mark on it</strong>. With a passion for <a href="#0">innovation</a> and a desire to create, I embarked on a journey that would forever change my life.
|
</header>
|
||||||
</p>
|
<div class="text-slate-600 [&>p]:my-6 [&>p:first-child]:mt-0 [&>p:last-child]:mb-0 [&_strong]:font-medium [&_strong]:text-slate-900 [&_a]:font-medium [&_a]:text-indigo-500 [&_a]:underline [&_a:hover]:no-underline [&_img]:rounded-xl [&_blockquote]:italic [&_blockquote]:before:block [&_blockquote]:before:w-[18px] [&_blockquote]:before:h-[17px] [&_blockquote]:before:bg-[url('./quotes.svg')] [&_blockquote]:before:bg-no-repeat [&_blockquote]:before:mb-2 [&_figcaption]:text-center [&_figcaption]:text-xs [&_figcaption]:italic [&_figcaption]:mt-3">
|
||||||
<div class="space-y-6 sm:flex sm:items-center sm:space-x-8 sm:space-y-0 md:-ml-12">
|
<p>
|
||||||
<figure class="shrink-0 sm:max-w-[270px]">
|
Once upon a time, in a bustling city, Alex lived and breathed software development. The world of coding fascinated me, and I was <strong>determined to leave my mark on it</strong>. With a passion for <a href="#0">innovation</a> and a desire to create, I embarked on a journey that would forever change my life.
|
||||||
<img class="object-cover h-[180px] sm:h-auto" width="640" height="426" src="https://cruip-tutorials.vercel.app/negative-margins//article-01.jpg" alt="Article 01" />
|
</p>
|
||||||
</figure>
|
<div class="space-y-6 sm:flex sm:items-center sm:space-x-8 sm:space-y-0 md:-ml-12">
|
||||||
<blockquote>
|
<figure class="shrink-0 sm:max-w-[270px]">
|
||||||
<p>Looking back on my journey, I realized that becoming popular wasn't just about the numbers or the recognition—it was about the impact I had on others and the possibility of helping by sharing my personal and professional knowledge.</p>
|
<img class="object-cover h-[180px] sm:h-auto" width="640" height="426" src="https://cruip-tutorials.vercel.app/negative-margins//article-01.jpg" alt="Article 01" />
|
||||||
</blockquote>
|
|
||||||
</div>
|
|
||||||
<p>
|
|
||||||
In the heart of a vibrant city, amidst the hustle and bustle, there I was, Alex, completely immersed in the world of software development. The realm of coding held an irresistible allure, captivating my every thought and action. Driven by a profound passion for innovation and an unwavering desire to make a lasting impact, I set forth on a transformative journey that would shape the course of my existence.
|
|
||||||
</p>
|
|
||||||
<div class="space-y-6 sm:flex sm:items-center sm:space-x-8 sm:space-y-0 md:-mr-12">
|
|
||||||
<p>
|
|
||||||
Today, as a successful software developer with two thriving startups under my belt, I continue to embrace new challenges and opportunities. But above all, I remain committed to <strong>sharing my knowledge</strong>, empowering others, and making a lasting impact on the world.
|
|
||||||
</p>
|
|
||||||
<figure class="shrink-0 sm:max-w-[270px]">
|
|
||||||
<img class="object-cover h-[180px] sm:h-auto" width="640" height="426" src="https://cruip-tutorials.vercel.app/negative-margins//article-02.jpg" alt="Article 02" />
|
|
||||||
</figure>
|
|
||||||
</div>
|
|
||||||
<p>
|
|
||||||
Driven by unwavering determination, I took a leap of faith and founded my first startup. Days turned into nights as I <a href="#0">poured my heart</a> and soul into transforming my idea into reality. Failure was not an option. With relentless effort, sleepless nights, and an unwavering belief in my vision, I launched my product into the world.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
The sleepless nights spent debugging, the <strong>countless hours spent refining algorithms</strong> — all were stepping stones along my path of growth.
|
|
||||||
</p>
|
|
||||||
<figure class="md:-mx-12">
|
|
||||||
<img class="object-cover h-[180px] sm:h-auto" width="736" height="240" src="https://cruip-tutorials.vercel.app/negative-margins//article-03.jpg" alt="Article 03" />
|
|
||||||
<figcaption>Moments of tranquility amidst nature's beauty</figcaption>
|
|
||||||
</figure>
|
</figure>
|
||||||
<p>
|
<blockquote>
|
||||||
As I delved deeper into the intricacies of programming, a whole new universe of possibilities unfurled before me. Lines of code danced across my screen like a symphony, each keystroke resonating with the potential to bring my visions to life. From the early days of tinkering with simple programs to the <a href="#0">ambitious projects</a> that followed, my thirst for knowledge and creative expression grew insatiable.
|
<p>Looking back on my journey, I realized that becoming popular wasn't just about the numbers or the recognition—it was about the impact I had on others and the possibility of helping by sharing my personal and professional knowledge.</p>
|
||||||
</p>
|
</blockquote>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
<p>
|
||||||
|
In the heart of a vibrant city, amidst the hustle and bustle, there I was, Alex, completely immersed in the world of software development. The realm of coding held an irresistible allure, captivating my every thought and action. Driven by a profound passion for innovation and an unwavering desire to make a lasting impact, I set forth on a transformative journey that would shape the course of my existence.
|
||||||
|
</p>
|
||||||
|
<div class="space-y-6 sm:flex sm:items-center sm:space-x-8 sm:space-y-0 md:-mr-12">
|
||||||
|
<p>
|
||||||
|
Today, as a successful software developer with two thriving startups under my belt, I continue to embrace new challenges and opportunities. But above all, I remain committed to <strong>sharing my knowledge</strong>, empowering others, and making a lasting impact on the world.
|
||||||
|
</p>
|
||||||
|
<figure class="shrink-0 sm:max-w-[270px]">
|
||||||
|
<img class="object-cover h-[180px] sm:h-auto" width="640" height="426" src="https://cruip-tutorials.vercel.app/negative-margins//article-02.jpg" alt="Article 02" />
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
Driven by unwavering determination, I took a leap of faith and founded my first startup. Days turned into nights as I <a href="#0">poured my heart</a> and soul into transforming my idea into reality. Failure was not an option. With relentless effort, sleepless nights, and an unwavering belief in my vision, I launched my product into the world.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
The sleepless nights spent debugging, the <strong>countless hours spent refining algorithms</strong> — all were stepping stones along my path of growth.
|
||||||
|
</p>
|
||||||
|
<figure class="md:-mx-12">
|
||||||
|
<img class="object-cover h-[180px] sm:h-auto" width="736" height="240" src="https://cruip-tutorials.vercel.app/negative-margins//article-03.jpg" alt="Article 03" />
|
||||||
|
<figcaption>Moments of tranquility amidst nature's beauty</figcaption>
|
||||||
|
</figure>
|
||||||
|
<p>
|
||||||
|
As I delved deeper into the intricacies of programming, a whole new universe of possibilities unfurled before me. Lines of code danced across my screen like a symphony, each keystroke resonating with the potential to bring my visions to life. From the early days of tinkering with simple programs to the <a href="#0">ambitious projects</a> that followed, my thirst for knowledge and creative expression grew insatiable.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
@endsection
|
@endsection
|
||||||
|
|
@ -10,19 +10,20 @@
|
||||||
@include('partials.navbar')
|
@include('partials.navbar')
|
||||||
|
|
||||||
<!-- Main Content Wrapper -->
|
<!-- Main Content Wrapper -->
|
||||||
<!--<div class="flex flex-1 min-h-screen">-->
|
<main class="relative min-h-screen flex flex-col justify-center bg-white overflow-hidden">
|
||||||
<div class="grid grid-cols-6 min-h-screen">
|
<!--<div class="flex flex-1 min-h-screen">-->
|
||||||
<!-- Sidebar -->
|
<div class="grid grid-cols-6 min-h-screen">
|
||||||
<aside class="col-span-1">
|
<!-- Sidebar -->
|
||||||
@include('partials.sidebar')
|
<aside class="col-span-1">
|
||||||
</aside>
|
@include('partials.sidebar')
|
||||||
|
</aside>
|
||||||
<!-- Main content area -->
|
|
||||||
<main class="col-span-5">
|
|
||||||
@yield('content')
|
|
||||||
</main>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
<!-- Main content area -->
|
||||||
|
<div class="col-span-5">
|
||||||
|
@yield('content')
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
<footer class="mt-auto">
|
<footer class="mt-auto">
|
||||||
@include('partials.footer')
|
@include('partials.footer')
|
||||||
|
|
|
||||||
|
|
@ -17,7 +17,7 @@
|
||||||
<nav aria-label="Global">
|
<nav aria-label="Global">
|
||||||
<ul class="flex items-center gap-6 text-sm">
|
<ul class="flex items-center gap-6 text-sm">
|
||||||
<li>
|
<li>
|
||||||
<a class="text-gray-500 transition hover:text-gray-500/75" href="#"> About </a>
|
<a class="text-gray-500 transition hover:text-gray-500/75" href="/about"> About </a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
|
|
|
||||||
|
|
@ -16,3 +16,7 @@ use Illuminate\Support\Facades\Route;
|
||||||
Route::get('/', function () {
|
Route::get('/', function () {
|
||||||
return view('homepage');
|
return view('homepage');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
Route::get('/about', function () {
|
||||||
|
return view('about');
|
||||||
|
});
|
||||||
Loading…
Reference in New Issue