[edit] css fixed

tribikram 2 years ago
parent 2520f2017b
commit 8340b70517
  1. 26
      public/frontend/css/style.css
  2. BIN
      public/images/news_and_update/2023/02/15/917540415d7720a1c316f6f4b5b6fa70.jpg
  3. 8
      resources/views/appointment.blade.php
  4. 30
      resources/views/blogs.blade.php
  5. 3
      resources/views/welcome.blade.php

@ -992,9 +992,8 @@ Responsive Codes
color: #E22899; color: #E22899;
font-family: FontAwesome, sans-serif; font-family: FontAwesome, sans-serif;
display: inline-block; display: inline-block;
margin-right: 0.5em; margin-right: 0.4em;
margin-left: -1.3em; margin-left: -1.3em;
width: 1.3em;
} }
.visa-display-section{ .visa-display-section{
margin-top: 40px; margin-top: 40px;
@ -1289,8 +1288,7 @@ Responsive Codes
/* blogs page css */ /* blogs page css */
.article-card{ .article-card{
display: flex; display: flex;
/* align-items: center; */ gap: 30px;
gap: 20px;
width: 100%; width: 100%;
} }
.related-articles{ .related-articles{
@ -1299,9 +1297,6 @@ Responsive Codes
gap: 30px; gap: 30px;
height: 100%; height: 100%;
} }
.article-img{
width: 500px;
}
.featured-article img, .featured-article img,
.article-img img{ .article-img img{
border-radius: 12px; border-radius: 12px;
@ -1527,6 +1522,8 @@ Responsive Codes
width: 360px; width: 360px;
} */ } */
.appointment-section .btn-appointment{ .appointment-section .btn-appointment{
display: flex;
align-items: center;
background-color: #E5F0FF; background-color: #E5F0FF;
text-decoration: none; text-decoration: none;
color: #000000; color: #000000;
@ -1534,6 +1531,8 @@ Responsive Codes
border-radius: 8px; border-radius: 8px;
margin-bottom: 15px; margin-bottom: 15px;
text-align: left; text-align: left;
}
.appointment-section .btn-appointment h2{
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
} }
@ -1656,12 +1655,12 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
pointer-events: all; pointer-events: all;
} }
table.lightgrey-weekends tbody td:nth-child(n+6) { table.lightgrey-weekends tbody td:nth-child(n+6) {
background-color: #f3f3f3; background-color: #f3f3f3 !important;
color: #d30000; color: #d30000;
pointer-events: none !important; pointer-events: none !important;
} }
.event-colourful { .event-colourful {
color: #bdbdbd; color: #d7d7d7 !important;
cursor: not-allowed; cursor: not-allowed;
} }
.event-colourful .zabuto-calendar__day{ .event-colourful .zabuto-calendar__day{
@ -1671,7 +1670,7 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
pointer-events: all !important; pointer-events: all !important;
color: #000000; color: #000000;
cursor: pointer; cursor: pointer;
box-shadow: 0 1px 5px rgb(0 0 0 / 20%), 0 2px 2px rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%) !important; background-color: #ecf4ff !important;
} }
.event-clickable.active{ .event-clickable.active{
background-color: #27ab00 !important; background-color: #27ab00 !important;
@ -1926,10 +1925,13 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
font-size: 28px; font-size: 28px;
line-height: 38px; line-height: 38px;
} }
h2 { h2,
.featured-article h2,
.blog-detail-desc h2,
.visa-content h3 {
font-weight: 600; font-weight: 600;
font-size: 22px; font-size: 22px;
line-height: 38px; line-height: 34px;
} }
#topbar{ #topbar{
padding: 0.5rem 0; padding: 0.5rem 0;

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

@ -20,9 +20,13 @@
<div class="col-sm-12 col-md-4 d-flex align-items-start"> <div class="col-sm-12 col-md-4 d-flex align-items-start">
<div class="nav appointment-pills flex-column nav-pills me-3" id="v-pills-tab" role="tablist" aria-orientation="vertical"> <div class="nav appointment-pills flex-column nav-pills me-3" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<button class="btn-appointment nav-link active" id="v-pills-education-tab" data-type = "1" data-bs-toggle="pill" data-bs-target="#v-pills-education" type="button" role="tab" aria-controls="v-pills-home" aria-selected="true"> <button class="btn-appointment nav-link active" id="v-pills-education-tab" data-type = "1" data-bs-toggle="pill" data-bs-target="#v-pills-education" type="button" role="tab" aria-controls="v-pills-home" aria-selected="true">
<i class="appointment-card-img"><img src="{{url('frontend/icons/visa-approved.svg')}}" class="img-fluid" alt=""></i>Education Services</button> <i class="appointment-card-img"><img src="{{url('frontend/icons/visa-approved.svg')}}" class="img-fluid" alt=""></i>
<h2>Education Services</h2>
</button>
<button class="btn-appointment nav-link" id="v-pills-visa-tab" data-type = "2" data-bs-toggle="pill" data-bs-target="#v-pills-visa" type="button" role="tab" aria-controls="v-pills-visa" aria-selected="false"> <button class="btn-appointment nav-link" id="v-pills-visa-tab" data-type = "2" data-bs-toggle="pill" data-bs-target="#v-pills-visa" type="button" role="tab" aria-controls="v-pills-visa" aria-selected="false">
<i class="appointment-card-img"><img src="{{url('frontend/icons/visa-approved.svg')}}" class="img-fluid" alt=""></i>Migration | Visa Services</button> <i class="appointment-card-img"><img src="{{url('frontend/icons/visa-approved.svg')}}" class="img-fluid" alt=""></i>
<h2>Migration | Visa Services</h2>
</button>
</div> </div>
</div> </div>

@ -45,10 +45,10 @@
<div class="related-articles"> <div class="related-articles">
@foreach($blogs->where('blog_type','!=',1) as $blog) @foreach($blogs->where('blog_type','!=',1) as $blog)
<div class="article-card"> <div class="article-card">
<div class="article-img"> <div class="col-md-4 article-img">
<img src="{{url($blog->thumbnail ?? $blog->image)}}" class="w-100" alt=""> <img src="{{url($blog->thumbnail ?? $blog->image)}}" class="img-fluid" alt="">
</div> </div>
<div class="article-desc"> <div class="col-md-8 article-desc">
<h3 class="dinline mr-3">Study in Australia</h3> <h3 class="dinline mr-3">Study in Australia</h3>
<h6 class="dinline mr-3">{{$blog->publish_date}}</h6> <h6 class="dinline mr-3">{{$blog->publish_date}}</h6>
<h2>{{$blog->title}} </h2> <h2>{{$blog->title}} </h2>
@ -57,30 +57,6 @@
</div> </div>
</div> </div>
@endforeach @endforeach
<!-- <div class="article-card">
<div class="article-img">
<img src="{{url('frontend/images/blog-passport.png')}}" class="w-100" alt="">
</div>
<div class="article-desc">
<h3>Study in Australia</h3>
<h6>Dec 09, 2022, 2 mins read</h6>
<h2>Ten Reasons that make Australia the Best Destination </h2>
<p>If you want to study in a city surrounded by lush greenery and a pleasant atmosphere..</p>
<a href="blog-detail">Read More <i class="fa-solid fa-arrow-right-long ms-2 fa-xs"></i></a>
</div>
</div>
<div class="article-card">
<div class="article-img">
<img src="{{url('frontend/images/blog-passport.png')}}" class="w-100" alt="">
</div>
<div class="article-desc">
<h3>Study in Australia</h3>
<h6>Dec 09, 2022, 2 mins read</h6>
<h2>Ten Reasons that make Australia the Best Destination </h2>
<p>If you want to study in a city surrounded by lush greenery and a pleasant atmosphere..</p>
<a href="blog-detail">Read More <i class="fa-solid fa-arrow-right-long ms-2 fa-xs"></i></a>
</div>
</div> -->
</div> </div>
</div> </div>
</div> </div>

@ -316,8 +316,7 @@
settings: { settings: {
slidesToShow: 1, slidesToShow: 1,
slidesToScroll: 1, slidesToScroll: 1,
infinite: true, infinite: true
dots: false
} }
}, },
{ {

Loading…
Cancel
Save