[edit] visa services page

aplus#26
tribikram 2 years ago
parent 29990fe901
commit 5bd3977168
  1. 88
      public/frontend/css/style.css
  2. BIN
      public/images/visa_service/2022/12/15/0b941ac9644a7597da769b813575edc3.png
  3. BIN
      public/images/visa_service/2022/12/15/1f2bc25af24f1ce84d0194cc4819260b.png
  4. BIN
      public/images/visa_service/2022/12/15/6f7f328c8278510e5f74ce480db06176.png
  5. BIN
      public/images/visa_service/2022/12/15/8dfb828129dec6bf5f4b24e87242cc59.png
  6. 2
      resources/views/admin/visa_service/create.blade.php
  7. 15
      resources/views/service_detail.blade.php

@ -1258,17 +1258,21 @@ Responsive Codes
background: #FFFFFF;
}
.permanent-visa-head p{
margin-bottom: 30px;
}
.service-detail-secone{
padding-right: 20%;
margin-bottom: 45px;
padding: 0 10%;
text-align: center;
}
.service-detail-secone h3{
font-weight: 600;
font-size: 38px;
line-height: 57px;
font-size: 28px;
line-height: 44px;
color: #0A2849;
padding-right: 20%;
}
.service-detail-sectwo p{
font-size: 18px;
color: #F54C5F;
}
.service-detail-sectwo h3{
font-weight: 600;
@ -1284,7 +1288,7 @@ Responsive Codes
}
.service-detail-sectwo ul{
padding-left: 1rem;
margin-top: 1rem;
margin-top: 0.2rem;
}
.service-detail-sectwo ul li,
.service-primary-desc ul li,
@ -1315,7 +1319,8 @@ Responsive Codes
.service-detail-second .row,
.service-detail-third .row,
.news-update-section .featured-block,
.who-we-section .row{
.who-we-section .row,
.permanent-visa-section .row{
display: flex;
align-items: center;
}
@ -1781,9 +1786,15 @@ Responsive Codes
.chef-hire-form button{
padding: 15px;
}
.permanent-visa-head p,
.permanent-visa-head h2 {
padding: 0;
text-align: left;
}
.service-detail-secone h3{
font-size: 32px;
line-height: 44px;
font-size: 28px;
line-height: 38px;
padding-right: 0;
}
.service-detail-secone{
padding-right: 0;
@ -1814,6 +1825,61 @@ Responsive Codes
margin: 0 0 20px 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
html {
overflow-x: hidden;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1366px) {
tml {
overflow-x: hidden;
}
.mobile-navbar-btn {
display: block;
z-index: 999;
}
.navbar-list {
/* display: none; */
width: 100%;
height: 100vh;
background: #FFFFFF;
position: absolute;
top: 0;
left: 0;
gap: 4rem;
display: flex;
justify-content: center;
align-items: center;
transform: translateX(100%);
transition: all 0.5s linear;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.nav-inner{
background: #071c39;
}
.navbar-list {
flex-direction: column;
align-items: center;
}
.active .navbar-list {
transform: translateX(0);
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.active .mobile-navbar-btn .mobile-nav-icon[name="close-outline"] {
display: block;
}
.active .mobile-navbar-btn .mobile-nav-icon[name="menu-outline"] {
display: none;
}
}
/* large screen */
@media screen and (min-width: 1600px){

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

@ -113,7 +113,7 @@
<div class="col-md-4">
<div class="form-group">
<label for="icon"> Icon <span style="color: red">*</span></label>
<input type="file" class="form-control" id="icon" name="icon" required>
<input type="file" class="form-control" id="icon" name="icon">
</div>
</div>
<div class="col-md-4">

@ -6,7 +6,7 @@
<meta name="og:image" content="{{url('frontend/images/service-detail.png')}}"/>
@endsection
@section('content')
<section class="service-detail-banner" style="background: url('frontend/images/service-detail.png')">
<section class="service-detail-banner" style="background: url('../frontend/images/service-detail.png')">
<div class="service-detail-desc">
<h2>{{$service->name}}</h2>
</div>
@ -18,31 +18,24 @@
<div class="col-md-12">
<div class="permanent-visa-head">
<h2>{{$service->name}}s</h2>
<p>{{$service_sections->first()->top_description}}</p>
<p>{!!strip_tags($service_sections->first()->top_description)!!}</p>
</div>
</div>
</div>
</section>
<section class="service-detail-second">
<div class="row">
<div class="row g-4">
<div class="col-md-6">
<div class="service-detail-secone">
<h3>{{$service_sections->first()->left_title}} </h3>
<h3>{{$service_sections->first()->left_sub_title}}</h3>
<p>{!!$service_sections->first()->left_description!!}</p>
<h3>{!!$service_sections->first()->left_description!!}</h3>
</div>
</div>
<div class="col-md-6">
<div class="service-detail-sectwo">
<h3>{{$service_sections->first()->right_title}}</h3>
<p>{!!$service_sections->first()->point_title!!}</p>
<ul>
@foreach($service_sections->first()->visa_service_section_point as $point)
<li>{{$point->point}}</li>
@endforeach
</ul>
<h5>{{$service_sections->first()->right_sub_title}}</h5>
<p>{{$service_sections->first()->visa_length}}</p>
</div>
</div>
</div>

Loading…
Cancel
Save