Viewing file:  about_us.blade.php (4.17 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.frontTemplate')
@section('title') {{get_settings('app_name')}} @endsection
@section('css')
<style>
img.recent-blog-img {
max-width: 100%;
width: 75px;
height: auto;
background: #ffffff;
padding: 5px;
border-radius: 6px;
}
.recent-blog-title-link {
text-decoration: none;
}
.recent-blog-title-link:hover {
text-decoration: none;
}
.recent-blog-date {
font-size: 14px;
font-weight: 600;
font-style: italic;
}
.recent-blog-title {
font-size: 15px;
font-weight: 500;
}
.blog-img-card {
background: #ffffff;
padding: 10px;
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.blog-details-title-text {
font-size: 30px;
margin: 40px 0px;
font-weight: 600;
}
.blog-details-sec {
padding: 100px 0px;
background: linear-gradient(297deg, #b2b2b200, #ee00eb24);
}
.blog-card-title {
font-size: 20px;
color: #060505;
font-weight: 600;
}
.blog-card-description {
margin: 20px 0px;
}
.blog-card {
background: #ffffff;
padding: 10px;
border-radius: 5px;
}
.blog-card-title {
font-size: 15px;
color: #060505;
font-weight: 600;
margin: 15px 0px;
}
.page-header h1 {
font-weight: 800;
font-size: 2.5rem;
margin-bottom: 1rem;
background: linear-gradient(90deg, #4f46e5, #7C3AED);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.form-container {
background-color: white;
border-radius: 16px;
box-shadow: 0 10px 25px rgba(0,0,0,0.05);
padding: 40px;
margin-top: 30px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
position: relative;
overflow: hidden;
}
.form-container:hover {
transform: translateY(-5px);
box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}
.form-container::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
background: linear-gradient(90deg, #8b38cb, #8b38cb);
}
.form-title h3 i {
color: #4f46e5;
}
.form-section-title {
font-weight: 700;
font-size: 1.75rem;
margin-bottom: 1.5rem;
color: #111827;
}
.form-group {
margin-bottom: 20px;
}
.form-control,
.form-select {
width: 100%;
border-radius: 8px;
padding: 12px 16px;
border: 1px solid #E5E7EB;
background-color: #F9FAFB;
transition: all 0.2s ease;
font-size: 1rem;
}
.form-control:focus,
.form-select:focus {
border-color: #4f46e5;
box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.1);
outline: none;
}
textarea.form-control {
min-height: 120px;
resize: vertical;
}
.btn {
padding: 12px 24px;
font-weight: 600;
border-radius: 8px;
transition: all 0.3s ease;
font-size: 1rem;
cursor: pointer;
color: #fff;
}
.btn-primary {
background: linear-gradient(90deg, #8b38cb, #0051d9);
border: none;
}
.btn-primary:hover {
background: linear-gradient(90deg, #5D5FEF, #8b38cb);
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);
}
@media (max-width: 768px) {
.form-container {
padding: 25px;
}
.page-header h1 {
font-size: 2rem;
}
}
</style>
@endsection
@section('main-section')
@php
$template = json_decode(get_settings('frontend_template'));
@endphp
<div class="blog-details-sec">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="all-blogs-lists">
<div class="sub-title-text">
{{$template->about_sub_title ?? ''}}
</div>
</div>
</div>
<div class="col-lg-12 mt-4 mb-4">
<div class="about-us-title-text main-title-text">
{{$template->about_title ?? ''}}
</div>
</div>
<div class="col-lg-12">
<div class="about-description">
{!! $template->about_description ?? '' !!}
</div>
</div>
</div>
</div>
</div>
@endsection
@section('js')
@endsection
|