Viewing file:  service_details.blade.php (7.18 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.frontLayout')
@section('title')
{{ get_settings('app_name') }} - {{ trans('Service Details') }}
@endsection
@section('css')
<style>
.content-blog {
padding-top: 0px;
}
.video-section-link a {
color: #e5ac00;
font-weight: 600;
}
.nav-link2 {
color: rgb(255, 255, 255);
padding: 8px 30px !important;
border-color: #e9ecef #e9ecef #dee2e6 !important;
}
.nav-link2.active {
background: #3E57D0 !important;
color: white !important;
border-color: #3e57d0 !important;
}
.nav-link2:hover {
color: #fff;
background-color: #3E57D0;
}
@media (max-width: 700px) {
iframe {
width: 100% !important;
}
.content-blogs{
padding-top: 0px !important;
}
.service-nav-btn{
margin: 0 auto !important;
width: 150px;
border-radius: 5px;
color: white !important;
border-color: #e9ecef #e9ecef #dee2e6 !important;
}
}
</style>
@endsection
@section('main-section')
<div class="content-blogs pt-100 pb-100 ">
<div class="container">
<div class="blog-content">
<div class="row">
<div class="col-12">
<div class="blog-details-title-sec text-white">
Service Details
</div>
</div>
</div>
<div class="row mt-5">
<div class="col-lg-12">
<ul class="nav nav-pills mb-3 justify-content-around d-block" id="pills-tab" role="tablist">
<div class="row">
<div class="col-md-4 text-center mt-2">
<li class="nav-item s-detail-li" role="presentation">
<button class="nav-link btn nav-link2 service-nav-btn active" id="pills-home-tab" data-bs-toggle="pill"
data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home"
aria-selected="true">SSC</button>
</li>
</div>
<div class="col-md-4 text-center mt-2">
<li class="nav-item s-detail-li" role="presentation">
<button class="nav-link btn nav-link2 service-nav-btn" id="pills-profile-tab" data-bs-toggle="pill"
data-bs-target="#pills-profile" type="button" role="tab"
aria-controls="pills-profile" aria-selected="false">HSC</button>
</li>
</div>
<div class="col-md-4 text-center mt-2">
<li class="nav-item s-detail-li" role="presentation">
<button class="nav-link btn nav-link2 service-nav-btn" id="pills-contact-tab" data-bs-toggle="pill"
data-bs-target="#pills-contact" type="button" role="tab"
aria-controls="pills-contact" aria-selected="false">Admission</button>
</li>
</div>
</div>
</ul>
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade show active" id="pills-home" role="tabpanel"
aria-labelledby="pills-home-tab">
<div class="row">
<div class="col-lg-12">
<div class="video-section text-center mt-5 mb-4">
{!! $service->ssc_video_link !!}
</div>
<div class="video-section-des text-white">
<p>{!! $service->ssc_video_desc !!}</p>
</div>
<div class="video-section-link">
<a href="{{ $service->ssc_list_link }}" target="_blank">Visit free playlist</a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-profile" role="tabpanel"
aria-labelledby="pills-profile-tab">
<div class="row">
<div class="col-lg-12">
<div class="video-section text-center mt-5 mb-4">
{!! $service->hsc_video_link !!}
</div>
<div class="video-section-des text-white">
<p>{!! $service->hsc_video_desc !!}</p>
</div>
<div class="video-section-link">
<a href="{{ $service->hsc_list_link }}" target="_blank">Visit free playlist</a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-contact" role="tabpanel"
aria-labelledby="pills-contact-tab">
<div class="row">
<div class="col-lg-12">
<div class="video-section text-center mt-5 mb-4">
{!! $service->ad_video_link !!}
</div>
<div class="video-section-des text-white">
<p>{!! $service->ad_video_desc !!}</p>
</div>
<div class="video-section-link">
<a href="{{ $service->ad_list_link }}" target="_blank">Visit free playlist</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('js')
<script>
$(document).on('click', '.service-nav-btn', function(e){
$('.service-nav-btn').removeClass('active');
$(this).addClass('active');
})
</script>
@endsection
|