| Path : /var/www/html/phkaymedia/resources/views/livewire/frontend/ |
|
B-Con CMD Config cPanel C-Rdp D-Log Info Jump Mass Ransom Symlink vHost Zone-H |
| Current File : /var/www/html/phkaymedia/resources/views/livewire/frontend/about-page.blade.php |
@section('meta')
<title>{{ __('message.about') }}</title>
<meta property="og:title" content="{{__('message.about')}}" />
<meta property="og:description" content="{{__('message.provide excellent')}}" />
<meta name="twitter:title" content="{{__('message.about')}}" />
<meta name="twitter:description" content="{{__('message.provide excellent')}}" />
@endsection
@push('styles')
@endpush
@push('header')
<x-header class="home-header fixed-bg about-header" bgrgba="true">
<x-slot name="content">
<div class="main-content">
<div class="container">
<div class="about-logo">
<img src="{{ asset('logo.png') }}" alt="our gallery" width="100%">
</div>
<div class="jumbotron text-center flex-column justify-content-start">
<h1 class=" font-title text-be text-uppercase my-3">{{ __('message.about') }}</h1>
<h5 class="text-center">{{ __('message.we are phkay media') }}</h5>
<p class="text-center mb-0 text-capitalize">{{ __('message.provide excellent') }}</p>
</div>
</div>
</div>
</x-slot>
</x-header>
@endpush
<div>
<section class="future-phkay mb-5">
<div class="container">
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
<div class="col mission">
<div class="card h-100 shadow bg-switch" data-aos="zoom-in">
<div class="card-body">
<div class="d-flex justify-content-center mb-3">
<img src="{{ asset('img/emoji/digital-marketing.png') }}" alt="Mission"
data-aos="zoom-in">
</div>
<h5 class="card-title text-uppercase font-title text-center text-warning"
data-aos="zoom-in">{{ __('message.mission') }}</h5>
<p class="card-text text-center" data-aos="zoom-in">{{ __('message.mission desc') }}</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100 shadow bg-switch" data-aos="zoom-in">
<div class="card-body">
<div class="d-flex justify-content-center mb-3">
<img src="{{ asset('img/emoji/vision.png') }}" alt="vision" data-aos="zoom-in">
</div>
<h5 class="card-title text-uppercase font-title text-center text-primary"
data-aos="zoom-in">{{ __('message.vision') }}</h5>
<p class="card-text text-center" data-aos="zoom-in">{{ __('message.vision desc') }}</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100 shadow bg-switch" data-aos="zoom-in">
<div class="card-body">
<div class="d-flex justify-content-center mb-3">
<img src="{{ asset('img/emoji/history.png') }}" alt="history" data-aos="zoom-in">
</div>
<h5 class="card-title text-uppercase font-title text-center text-info" data-aos="zoom-in">
{{ __('message.history') }}</h5>
<p class="card-text text-center" data-aos="zoom-in">{{ __('message.history desc') }}</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="our-value py-50">
<div class="container">
<div class="row">
<div class="col-md-6 d-none d-md-block js-tilt">
<img src="{{ asset('img/out-value-cultural.png') }}" alt="culture" class="w-100"
data-aos="zoom-in-up">
</div>
<div class="col-md-6 align-self-center" data-aos="zoom-in-up">
<h2 class="text-center font-title">{{ __('message.our value') }}</h2>
<img src="{{ asset('img/out-value-cultural.png') }}" alt="culture" class="w-100 d-md-none">
<p>{{ __('message.our value desc') }}</p>
</div>
</div>
</div>
</section>
{{-- <section class="out-team py-50 pb-0">
<div class="container">
<div class="d-flex justify-content-center">
<h2 class="font-title fw-bolder text-capitalize text-warning position-relative after-border lh-sm mb-4">
{{ __('message.our team') }}</h2>
</div>
<ul class="nav nav-tabs justify-content-center" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link text-uppercase active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home"
type="button" role="tab" aria-controls="home" aria-selected="true">Media</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link text-uppercase" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile"
type="button" role="tab" aria-controls="profile" aria-selected="false">Website</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link text-uppercase" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact"
type="button" role="tab" aria-controls="contact" aria-selected="false">Decor/Advertising</button>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-1 g-md-2 g-lg-3 mt-2">
@for ($i = 1; $i < 8; $i++)
<div class="col">
<div class="card h-100 bg-switch shadow" data-aos="zoom-in">
<div class="staff-avatar">
<img src="{{ asset('img/meet-our-team/k.jpg') }}"
class="card-img-top" alt="our gallery" data-aos="zoom-in">
</div>
<div class="card-body p-1">
<div class="d-flex justify-content-center" data-aos="zoom-in">
<h6 class="card-title mb-0 position-relative after-border lh-md">
Janna Atcheson
</h6>
</div>
<small class="d-block card-text text-muted text-center" data-aos="zoom-in">
Accountant Manager
</small>
</div>
</div>
</div>
@endfor
</div>
</div>
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-1 g-md-2 g-lg-3 mt-2">
@for ($i = 1; $i < 8; $i++)
<div class="col">
<div class="card h-100 bg-switch shadow" data-aos="zoom-in">
<div class="staff-avatar">
<img src="{{ asset('img/meet-our-team/connor_e.jpeg') }}" alt="Connor"
class="card-img-top" data-aos="zoom-in">
</div>
<div class="card-body p-1">
<div class="d-flex justify-content-center" data-aos="zoom-in">
<h6 class="card-title mb-0 position-relative after-border">
Connor Emmel
</h6>
</div>
<small class="d-block card-text text-muted text-center" data-aos="zoom-in">
Studio Manager
</small>
</div>
</div>
</div>
@endfor
</div>
</div>
<div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-1 g-md-2 g-lg-3 mt-2">
@for ($i = 1; $i < 8; $i++)
<div class="col">
<div class="card h-100 bg-switch shadow" data-aos="zoom-in">
<div class="staff-avatar">
<img src="{{ asset('img/meet-our-team/k.jpg') }}" alt="Madeline"
class="card-img-top" data-aos="zoom-in">
</div>
<div class="card-body p-1">
<div class="d-flex justify-content-center" data-aos="zoom-in">
<h6 class="card-title mb-0 position-relative after-border lh-md">
Madeline Lenahan
</h6>
</div>
<small class="d-block card-text text-muted text-center" data-aos="zoom-in">
Social Marketing & Sale
</small>
</div>
</div>
</div>
@endfor
</div>
</div>
</div>
<div class="card rounded-0 border-0 bg-switch mt-5">
<div class="card-body text-bg">
<h1 class="text-center text-uppercase font-title text-warning">{{ __('message.our gallary') }}
</h1>
<h5 class="text-center">{{ __('message.activities photo') }}</h5>
</div>
</div>
</div>
</section>
<section class="active-photo fixed-bg about-header">
<div class="bg-rgba py-50 pt-0">
<div class="container">
<div class="card-columns gallery">
<div class="card border-0 bg-switch rounded-0 bg-transparent">
<a href="{{ asset('img/our-gallery/pk1.jpg') }}">
<img src="{{ asset('img/our-gallery/pk1.jpg') }}" alt="our gallery"
class="card-im-top" data-aos="zoom-in">
</a>
</div>
<div class="card border-0 bg-switch rounded-0 bg-transparent">
<a href="{{ asset('img/our-gallery/pk2.jpg') }}">
<img src="{{ asset('img/our-gallery/pk2.jpg') }}" alt="our gallery"
class="card-im-top" data-aos="zoom-in">
</a>
</div>
<div class="card border-0 bg-switch rounded-0 bg-transparent">
<a href="{{ asset('img/our-gallery/img10.jpg') }}">
<img src="{{ asset('img/our-gallery/img10.jpg') }}" alt="our gallery"
class="card-im-top" data-aos="zoom-in">
</a>
</div>
<div class="card border-0 bg-switch rounded-0 bg-transparent">
<a href="{{ asset('img/our-gallery/pk3.jpg') }}">
<img src="{{ asset('img/our-gallery/pk3.jpg') }}" alt="our gallery"
class="card-im-top" data-aos="zoom-in">
</a>
</div>
<div class="card border-0 bg-switch rounded-0 bg-transparent">
<a href="{{ asset('img/our-gallery/pk5.jpg') }}">
<img src="{{ asset('img/our-gallery/pk5.jpg') }}" alt="our gallery"
class="card-im-top" data-aos="zoom-in">
</a>
</div>
<div class="card border-0 bg-switch rounded-0 bg-transparent">
<a href="{{ asset('img/our-gallery/pk11.jpg') }}">
<img src="{{ asset('img/our-gallery/pk11.jpg') }}" alt="our gallery"
class="card-im-top" data-aos="zoom-in">
</a>
</div>
<div class="card border-0 bg-switch rounded-0 bg-transparent">
<a href="{{ asset('img/our-gallery/pk9.jpg') }}">
<img src="{{ asset('img/our-gallery/pk9.jpg') }}" alt="our gallery"
class="card-im-top" data-aos="zoom-in">
</a>
</div>
<div class="card border-0 bg-switch rounded-0 bg-transparent">
<a href="{{ asset('img/our-gallery/pk4.jpg') }}">
<img src="{{ asset('img/our-gallery/pk4.jpg') }}" alt="our gallery"
class="card-im-top" data-aos="zoom-in">
</a>
</div>
<div class="card border-0 bg-switch rounded-0 bg-transparent">
<a href="{{ asset('img/our-gallery/pk6.jpg') }}">
<img src="{{ asset('img/our-gallery/pk6.jpg') }}" alt="our gallery"
class="card-im-top" data-aos="zoom-in">
</a>
</div>
<div class="card border-0 bg-switch rounded-0 bg-transparent">
<a href="{{ asset('img/our-gallery/img8.jpg') }}">
<img src="{{ asset('img/our-gallery/img8.jpg') }}" alt="our gallery"
class="card-im-top" data-aos="zoom-in">
</a>
</div>
<div class="card border-0 bg-switch rounded-0 bg-transparent">
<a href="{{ asset('img/our-gallery/pk7.jpg') }}">
<img src="{{ asset('img/our-gallery/pk7.jpg') }}" alt="our gallery"
class="card-im-top" data-aos="zoom-in">
</a>
</div>
<div class="card border-0 bg-switch rounded-0 bg-transparent">
<a href="{{ asset('img/our-gallery/pk8.jpg') }}">
<img src="{{ asset('img/our-gallery/pk8.jpg') }}" alt="our gallery"
class="card-im-top" data-aos="zoom-in">
</a>
</div>
<div class="card border-0 bg-switch rounded-0 bg-transparent">
<a href="{{ asset('img/our-gallery/pk10.jpg') }}">
<img src="{{ asset('img/our-gallery/pk10.jpg') }}" alt="our gallery"
class="card-im-top" data-aos="zoom-in">
</a>
</div>
<div class="card border-0 bg-switch rounded-0 bg-transparent">
<a href="{{ asset('img/our-gallery/pk12.jpg') }}">
<img src="{{ asset('img/our-gallery/pk12.jpg') }}" alt="our gallery"
class="card-im-top" data-aos="zoom-in">
</a>
</div>
<div class="card border-0 bg-switch rounded-0 bg-transparent">
<a href="{{ asset('img/our-gallery/pk14.jpg') }}">
<img src="{{ asset('img/our-gallery/pk14.jpg') }}" alt="our gallery"
class="card-im-top" data-aos="zoom-in">
</a>
</div>
<div class="card border-0 bg-switch rounded-0 bg-transparent">
<a href="{{ asset('img/our-gallery/pk15.jpg') }}">
<img src="{{ asset('img/our-gallery/pk15.jpg') }}" alt="our gallery"
class="card-im-top" data-aos="zoom-in">
</a>
</div>
<div class="card border-0 bg-switch rounded-0 bg-transparent">
<a href="{{ asset('img/our-gallery/pk16.jpg') }}">
<img src="{{ asset('img/our-gallery/pk16.jpg') }}" alt="our gallery"
class="card-im-top" data-aos="zoom-in">
</a>
</div>
<div class="card border-0 bg-switch rounded-0 bg-transparent">
<a href="{{ asset('img/our-gallery/pk17.jpg') }}">
<img src="{{ asset('img/our-gallery/pk17.jpg') }}" alt="our gallery"
class="card-im-top" data-aos="zoom-in">
</a>
</div>
<div class="card border-0 bg-switch rounded-0 bg-transparent">
<a href="{{ asset('img/our-gallery/pk18.jpg') }}">
<img src="{{ asset('img/our-gallery/pk18.jpg') }}" alt="our gallery"
class="card-im-top" data-aos="zoom-in">
</a>
</div>
</div>
</div>
</div>
</section> --}}
<x-phkay-maps />
</div>
@push('scripts')
<script src="{{ mix('js/simplelightbox.js') }}"></script>
@endpush