Skip to content

Commit

Permalink
Homepage Slider Layout Improved
Browse files Browse the repository at this point in the history 
Homepage Slider Layout Improved
  • Loading branch information
@codephics
codephics committed Aug 14, 2024
1 parent 8b75fd7 commit 25bcc66
Show file tree
Hide file tree
Showing 10 changed files with 24 additions and 34 deletions.
Binary file removed public/global/slider/image/banner-1544x500.png
View file
Binary file not shown.
Binary file removed public/global/slider/image/blogforge10-blog-management-system-1.png
View file
Binary file not shown.
Binary file added ...c/global/slider/image/ecomxpress-ecommerce-management-app-slider-03-500x500.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed public/global/slider/image/ecomxpress-ecommerce-solution.png
View file
Binary file not shown.
Binary file removed public/global/slider/image/gq-1.jpg
View file
Binary file not shown.
Binary file removed public/global/slider/image/ilannoor-publication-banner-1.png
View file
Binary file not shown.
Binary file removed public/global/slider/image/ilannoor-publication-banner-2.jpg
View file
Binary file not shown.
Binary file removed public/global/slider/image/mq-1.jpg
View file
Binary file not shown.
2 changes: 1 addition & 1 deletion resources/views/frontend/skeleton/body.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@
@include('frontend.skeleton.navigation', ['page' => $page])
<!-- End Navigation -->

<main class="container p-3 py-5">
<main class="container p-1 py-3">
<!-- Alert -->
<section>
<div class="row">
Expand Down
56 changes: 23 additions & 33 deletions resources/views/frontend/skeleton/content.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,54 +2,44 @@

<!-- Featured Header -->
<section>
<div class="row featurette">
<div class="col-md-8 mb-3">
<h1 class="featurette-heading fw-normal lh-1">{{ \Illuminate\Support\Str::limit($page->title, 100, '...') }}</h1>
<p class="lead">{!! $page->short_description !!}</p>
<div class="d-grid gap-2 d-md-flex justify-content-md-start">
<a class="btn btn-primary btn-lg px-4 me-md-2" href="{{ route('item.shop') }}">Explore Items</a>
<a class="btn btn-outline-secondary btn-lg px-4" href="{{ route('blog.more') }}">Read Blogs</a>
</div>
</div>
<div class="col-md-4">
<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="false">
<div class="row flex-lg-row-reverse align-items-center">
<div class="col-10 col-sm-8 col-lg-6">
<div id="dynamicCarousel" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
@foreach($sliders as $index => $slider)
<button type="button" data-bs-target="#dynamicCarousel" data-bs-slide-to="{{ $index }}" class="{{ $loop->first ? 'active' : '' }}" aria-current="{{ $loop->first ? 'true' : '' }}" aria-label="Slide {{ $index + 1 }}"></button>
@endforeach
</div>
<div class="carousel-inner">
@foreach($sliders as $slider)
<div class="carousel-item active">
<a href="{{ $slider->button_link_1 }}">
<img src="{{ asset('global/slider/image/' . $slider->image) }}" class="d-block w-100" alt="{{ $slider->image_alt_text }}" />
</a>
<div class="carousel-caption d-none d-md-block">
<h5>{{ $slider->heading }}</h5>
<p>{{ $slider->subheading }}</p>
<p>{!! $slider->detail !!}</p>
<div>
@if($slider->button_text_1)
<a class="btn btn-primary btn-sm px-4 me-md-2" href="{{ $slider->button_link_1 }}">{{ $slider->button_text_1 }}</a>
@endif
@if($slider->button_text_2)
<a class="btn btn-outline-secondary btn-sm px-4" href="{{ $slider->button_link_2 }}">{{ $slider->button_text_2 }}</a>
@endif
@foreach($sliders as $index => $slider)
<div class="carousel-item {{ $loop->first ? 'active' : '' }}">
<img src="{{ asset('global/slider/image/' . $slider->image) }}" class="d-block w-100" alt="{{ $slider->image_alt_text }}">
<div class="carousel-caption d-none d-md-block">
<h5>{{ $slider->heading }}</h5>
<p>{{ $slider->subheading }}</p>
<p>{!! $slider->detail !!}</p>
</div>
</div>
</div>
@endforeach
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
<button class="carousel-control-prev" type="button" data-bs-target="#dynamicCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
<button class="carousel-control-next" type="button" data-bs-target="#dynamicCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
<div class="col-lg-6">
<h1 class="display-5 fw-bold lh-1 mb-3">{{ \Illuminate\Support\Str::limit($page->title, 100, '...') }}</h1>
<p class="lead">{!! $page->short_description !!}</p>
<div class="d-grid gap-2 d-md-flex justify-content-md-start">
<a href="{{ route('item.shop') }}" class="btn btn-primary btn-lg px-4 me-md-2">Explore Items</a>
<a href="{{ route('blog.more') }}" class="btn btn-outline-secondary btn-lg px-4">Read Blogs</a>
</div>
</div>
</div>
</section>
<!-- HR -->
Expand Down

0 comments on commit 25bcc66

Please sign in to comment.