Viewing file:  index.blade.php (4.52 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('master.front')
@section('meta')
<meta name="keywords" content="{{$setting->meta_keywords}}">
<meta name="description" content="{{$setting->meta_description}}">
@endsection
@section('title')
{{__('FAQ')}}
@endsection
@section('styleplugins')
<style>
.faq-title {
font-size: 35px;
font-weight: 800;
text-align: center;
margin: 30px 0px;
}
.accordion-button::after {
content: '+';
font-size: 1.5rem;
float: right;
margin-left: auto;
background-image: none; /* Ensure no background image is applied */
transition: transform 0.3s ease;
}
.accordion-button:not(.collapsed)::after {
content: '-';
background-image: none; /* Ensure no background image is applied */
transform: rotate(0deg); /* No rotation */
}
.custom-accordion-button{
border-bottom: 1px solid rgb(146, 146, 146) !important;
}
.faq-category-details{
background: linear-gradient(0deg, rgba(45, 150, 255, .08), rgba(45, 150, 255, .08)), rgba(47, 46, 60, .6);
box-shadow: 0 2px 4px rgba(0, 0, 0, .07), 0 4px 5px rgba(0, 0, 0, .06), 0 1px 10px rgba(0, 0, 0, .1);
backdrop-filter: blur(13.59px);
background-color: transparent !important;
}
.accordion-button{
background-color: transparent !important;
}
.custom-accordion-button:not(.collapsed) {
color: #000000;
background-color: transparent !important;
box-shadow: none !important;
}
.custom-accordion-button .collapsed{
border-bottom: 1px solid rgb(146, 146, 146) !important;
}
.custom-accordion-button::after {
height: 35px !important;
}
.custom-accordion-button:focus {
z-index: 3;
border-color: #ffffff;
outline: none;
box-shadow: none;
}
.accordion-item {
background-color: transparent !important;
border: 1px solid transparent !important;
}
.faq-sec{
padding-top: 60px;
/* background-color: t; */
}
.faq-category-name {
font-weight: 700;
font-size: 25px;
}
</style>
@endsection
@section('content')
<!-- Page Title-->
<!-- Page Content-->
<div class="container mt-5 mb-5">
<div class="faq-sec">
<div class="container pt-3 pb-3">
<div class="row pb-4">
<div class="col-md-10 m-auto">
<div class="faq-title">
{{__('FREQUENTLY ASKED QUESTIONS')}}
</div>
</div>
<div class="col-md-10 m-auto">
<div class="faq-details-sec">
@foreach ($fcategories as $category)
<div class="faq-details-sec-card">
<div class="faq-category-name-sec">
<h6 class="faq-category-name">{{ $category->name }}</h6>
</div>
<div class="faq-category-details">
<div class="accordion" id="accordion{{ $category->id }}">
@foreach ($category->faqs as $key => $faq)
<div class="accordion-item mb-4">
<h6 class="accordion-header" id="heading{{ $category->id }}{{ $key }}">
<button class="accordion-button custom-accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ $category->id }}{{ $key }}" aria-expanded="false" aria-controls="collapse{{ $category->id }}{{ $key }}">
{{ $faq->title }}
</button>
</h6>
<div id="collapse{{ $category->id }}{{ $key }}" class="accordion-collapse collapse" aria-labelledby="heading{{ $category->id }}{{ $key }}" data-bs-parent="#accordion{{ $category->id }}">
<div class="accordion-body">
{{ $faq->details }}
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
|