aDriv4 website!

Linux stg-1 5.15.0-94-generic #104-Ubuntu SMP Tue Jan 9 15:25:40 UTC 2024 x86_64
nginx/1.24.0
102.222.106.62

index.blade.php

@extends('layouts.main')

@section('content')

<div x-data="{
    slides: [
        @foreach ($slides as $slide)
        {
            imgSrc: '/storage/{{ $slide->image }}',
            imgAlt: '{{ $slide->caption }}',
        },
        @endforeach
    ],
    currentSlideIndex: 1,
    previous() {
        if (this.currentSlideIndex > 1) {
            this.currentSlideIndex = this.currentSlideIndex - 1
        } else {
            // If it's the first slide, go to the last slide
            this.currentSlideIndex = this.slides.length
        }
    },
    next() {
        if (this.currentSlideIndex < this.slides.length) {
            this.currentSlideIndex = this.currentSlideIndex + 1
        } else {
            // If it's the last slide, go to the first slide
            this.currentSlideIndex = 1
        }
    },
}" class="relative w-full overflow-hidden">

<button type="button" class="absolute left-5 top-1/2 z-20 flex rounded-full -translate-y-1/2 items-center justify-center bg-white/40 p-2 text-slate-700 transition hover:bg-white/60 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 active:outline-offset-0 dark:bg-slate-900/40 dark:text-slate-300 dark:hover:bg-slate-900/60 dark:focus-visible:outline-blue-600" aria-label="previous slide" x-on:click="previous()">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="3" class="size-5 md:size-6 pr-0.5" aria-hidden="true">
            <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5 8.25 12l7.5-7.5" />
        </svg>
    </button>

<button type="button" class="absolute right-5 top-1/2 z-20 flex rounded-full -translate-y-1/2 items-center justify-center bg-white/40 p-2 text-slate-700 transition hover:bg-white/60 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-700 active:outline-offset-0 dark:bg-slate-900/40 dark:text-slate-300 dark:hover:bg-slate-900/60 dark:focus-visible:outline-blue-600" aria-label="next slide" x-on:click="next()">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="3" class="size-5 md:size-6 pl-0.5" aria-hidden="true">
            <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
        </svg>
    </button>

<div class="relative min-h-[100svh] w-full">
        <template x-for="(slide, index) in slides">
            <div x-show="currentSlideIndex == index + 1" class="absolute inset-0" x-transition.opacity.duration.1000ms>
                <img class="absolute w-full h-full inset-0 object-cover text-slate-700 dark:text-slate-300" x-bind:src="slide.imgSrc" x-bind:alt="slide.imgAlt" />
            </div>
        </template>
    </div>

<div class="absolute rounded-xl bottom-3 md:bottom-5 left-1/2 z-20 flex -translate-x-1/2 gap-4 md:gap-3 bg-white/75 px-1.5 py-1 md:px-2 dark:bg-slate-900/75" role="group" aria-label="slides" >
        <template x-for="(slide, index) in slides">
            <button class="size-2 cursor-pointer rounded-full transition bg-slate-700 dark:bg-slate-300" x-on:click="currentSlideIndex = index + 1" x-bind:class="[currentSlideIndex === index + 1 ? 'bg-slate-700 dark:bg-slate-300' : 'bg-slate-700/50 dark:bg-slate-300/50']" x-bind:aria-label="'slide ' + (index + 1)"></button>
        </template>
    </div>
</div>

{{-- Display Event if any --}}
@if ($event)
<div class="mt-6 lg:mt-10 max-w-6xl mx-auto px-6 lg:px-0">
    <div class="text-3xl text-gray-800 font-normal">Upcoming Event</div>
    <div class="mt-4 grid grid-col lg:grid-cols-4 gap-2">
        <div class="lg:col-span-1">
            <img class="w-full lg:w-64" src="/storage/{{ $event->cover_image }}" />
        </div>
        <div class="lg:col-span-3">
            <h3 class="text-2xl font-semibold"> {{ $event->name }} </h3>
            <p class="mt-2"> {{ $event->description }} </p>
            <a href="/event/{{ $event->slug }}">
                <button class="mt-3 bg-[#2B008C] px-3 py-1.5 text-gray-100 rounded-md hover:opacity-80 transition ease-in-out duration-500">Read more</button>
            </a>
        </div>
    </div>
</div>
@endif
{{-- Display Event ends --}}

{{-- Get Involved Starts --}}
<div class="mt-8 lg:mt-16 mx-auto max-w-6xl grid grid-col-1 lg:grid-cols-2 gap-2 lg:gap-6 px-6 lg:px-0">
    <div class="col-span-1">
        <img class="rounded-sm shodow-md" src="/images/hp-1.jpg" />
    </div>
    <div>
        <div class="flex gap-4 items-center">
            <div><img class="h-[130px] lg:h-[100px]" src="/images/growth.svg" /></div>
            <div class="flex flex-col">
                <div class="text-gray-400 uppercase">Get involved</div>
                <div class="text-2xl lg:text-3xl text-gray-800 font-normal">Find a Volunteer Opportunity</div>
            </div>
        </div>
        <div class="lg:mt-6 lg:ml-12 text-md text-gray-800">Make your mark on our PMI Chapter and the profession. As a member, you can volunteer to work on and to lead activities that advance the profession and support the chapter business operations by joining our chapter volunteer community. All volunteer openings are managed by the PMI Volunteer Relationship Management System (VRMS). This system includes the ability to search for opportunities, view details about each role and apply online.</div>

<div class="mt-4">
            <a href="https://vrms.pmi.org/" target="_blank" class="lg:ml-12 bg-[#2B008C] px-3 py-1.5 text-gray-100 rounded-md hover:opacity-80 transition ease-in-out duration-500">Explore</a>
        </div>
    </div>
</div>

<div class="col-span-1 lg:hidden">
        <img class="rounded-sm shodow-md" src="/images/hp-2.jpg" />
    </div>
    <div>
        <div class="flex gap-4 items-center">
            <div><img class="h-[130px] lg:h-[100px]" src="/images/community.svg" /></div>
            <div class="flex flex-col">
                <div class="text-gray-400 uppercase">Get involved</div>
                <div class="text-2xl lg:text-3xl text-gray-800 font-normal">Earn PDUs by Volunteering</div>
            </div>
        </div>
        <div class="lg:mt-6 lg:ml-12 text-md text-gray-800">Volunteering Project Management Professional PDUs can be earned as part of Category E: Volunteer Service. Category E, along with Category D (Creating New Project Knowledge) and Category F (Working as a Professional in Project Management), comprise the Giving Back To The Profession Categories. You can earn PDUs in Category E (Volunteer Service) by providing volunteer, non-compensated project management, and many others.</div>

<div class="col-span-1 hidden lg:block">
        <img class="rounded-sm shodow-md" src="/images/hp-2.jpg" />
    </div>
</div>
{{-- Get Involved Ends --}}

{{-- Message from Chapter President starts --}}
<div class="mt-16 mx-auto max-w-6xl grid gap-6 rounded-sm shadow-md">
    <div class="bg-[#2B008C] flex flex-row gap-4">

<div class="p-6 text-gray-100 font-light space-y-4 text-[12.75px]">
            <h2 class="text-2xl text-[#FF610F] text-center font-semibold">Message from Chapter President</h2>
            <img class="float-left w-1/3 mr-4 pb-1" src="/images/chapter-president.webp" />

<div class="prose prose-md text-white max-w-full">
                <style>
                    .white-strong strong {
                        color: white;
                    }
                </style>
                <div class="white-strong">{{ \Illuminate\Mail\Markdown::parse($presidentMessage->content) }}</div>
            </div>

</div>
    </div>
</div>
{{-- Message from Chapter President ends --}}

<div class="mt-16 lg:mb-16 bg-[#D9D9D9] lg:shadow-lg px-6 lg:px-0">
    <div class="max-w-4xl mx-auto py-16">
        <div class="grid place-items-center"><img class="h-[120px]" src="/logo.png"></div>
        <div class="mt-6 font-nomal text-2xl text-gray-800">To foster professionalism in project management, encourage and support the professional development of members and to ensure our members be recognized as the source of project management knowledge and expertise.</div>
    </div>
</div>
@endsection

Name	Type	Size	Owner/Group	Permission	Last Modified	Actions
.	dir	-	forge/forge	0775	2024-09-02 04:53:48
..	dir	-	forge/forge	0775	2026-04-02 03:47:16
emails	dir	-	forge/forge	0775	2024-08-26 05:34:12
layouts	dir	-	forge/forge	0775	2024-09-02 06:48:51
board-members.blade.php	text/plain	4.22 KB	forge/forge	0664	2024-09-02 07:36:44
contact.blade.php	text/plain	9.08 KB	forge/forge	0664	2024-08-27 06:50:06
corporate-register.blade.php	text/plain	14.81 KB	forge/forge	0664	2024-08-27 07:51:12
event.blade.php	text/html	3.23 KB	forge/forge	0664	2024-09-02 04:53:48
events.blade.php	text/html	1.59 KB	forge/forge	0664	2024-09-02 08:12:05
index.blade.php	text/html	8.77 KB	forge/forge	0664	2024-09-02 05:02:46
individual-register.blade.php	text/plain	7.17 KB	forge/forge	0664	2024-09-02 04:51:13
page.blade.php	text/plain	1.12 KB	forge/forge	0664	2024-08-27 06:42:51
speaker.blade.php	text/plain	1.73 KB	forge/forge	0664	2024-08-27 06:28:45
welcome.blade.php	text/html	35.16 KB	forge/forge	0664	2024-08-12 11:35:06

For more Private tool come to me!

https://t.me/aDriv4vz