[add] static icons for about us homepage

et#14
tribikram 2 years ago committed by Mahesh Sharma
parent 7deffa7011
commit b461fb7d58
  1. 52
      public/frontend/css/style.css
  2. 24
      public/frontend/icons/coin.svg
  3. BIN
      public/frontend/images/close-up-students-indoors.png
  4. 40
      resources/views/services.blade.php

@ -304,7 +304,8 @@ Responsive Codes
} }
.slider-content a::after, .slider-content a::after,
.services-content a::after, .services-content a::after,
.why-us-desc a::after{ .why-us-desc a::after,
.sydney-desc a::after{
content: '\f101'; content: '\f101';
font-weight: 900; font-weight: 900;
font-family: "Font Awesome 5 Free"; font-family: "Font Awesome 5 Free";
@ -315,7 +316,8 @@ Responsive Codes
transition: 0.5s; transition: 0.5s;
} }
.slider-content a:hover, .slider-content a:hover,
.services-content a:hover{ .services-content a:hover,
.sydney-desc a:hover{
background: #326CBF; background: #326CBF;
padding-right: 2rem; padding-right: 2rem;
padding-left: 1rem; padding-left: 1rem;
@ -327,7 +329,8 @@ Responsive Codes
} }
.slider-content a:hover::after, .slider-content a:hover::after,
.services-content a:hover::after, .services-content a:hover::after,
.why-us-desc a:hover::after{ .why-us-desc a:hover::after,
.sydney-desc a:hover::after{
opacity: 1; opacity: 1;
right: 10px; right: 10px;
} }
@ -667,6 +670,9 @@ Responsive Codes
border-radius: 12px; border-radius: 12px;
transition: .4s; transition: .4s;
} }
.service-page-card{
min-height: 28pc;
}
.blog-card:hover, .blog-card:hover,
.service-page-card:hover{ .service-page-card:hover{
transform: scale(1.03); transform: scale(1.03);
@ -761,6 +767,10 @@ Responsive Codes
text-decoration: none; text-decoration: none;
color: #FFFFFF; color: #FFFFFF;
padding: 10px 20px; padding: 10px 20px;
display: inline-block;
align-items: center;
position: relative;
transition: 0.5s;
} }
/* study abroad css ends */ /* study abroad css ends */
@ -1388,6 +1398,7 @@ Responsive Codes
.blog-socials{ .blog-socials{
display: flex; display: flex;
align-items: center; align-items: center;
margin: 1rem 0;
justify-content: space-between; justify-content: space-between;
} }
.faq-section .accordion-button:focus{ .faq-section .accordion-button:focus{
@ -1403,6 +1414,21 @@ Responsive Codes
background-color: unset; background-color: unset;
border-bottom: 1.5px solid #E0DEDE; border-bottom: 1.5px solid #E0DEDE;
} }
/* service page css */
.service-page-header h2{
font-weight: 700;
font-size: 30px;
text-align: center;
color: #326CBF;
}
.service-page-header h1{
font-weight: 700;
font-size: 34px;
line-height: 37px;
text-align: center;
color: #111111;
}
/* Footer Css */ /* Footer Css */
.footer{ .footer{
background: #296AC7; background: #296AC7;
@ -1660,7 +1686,9 @@ Responsive Codes
.slider-content h2, .slider-content h2,
.slider-content h1, .slider-content h1,
.blog-banner-content h2, .blog-banner-content h2,
.contact-offices h2{ .contact-offices h2,
.service-page-header h2,
.service-page-header h1{
font-size: 22px; font-size: 22px;
line-height: 2rem; line-height: 2rem;
} }
@ -1727,7 +1755,8 @@ Responsive Codes
.our-values-section, .our-values-section,
.lets-chat-section, .lets-chat-section,
.blog-banner, .blog-banner,
.overseas-section{ .overseas-section,
.services-page-section{
padding: 2rem; padding: 2rem;
} }
.contact-form-section, .contact-form-section,
@ -1820,6 +1849,13 @@ Responsive Codes
gap: 10px; gap: 10px;
margin: 10px 0; margin: 10px 0;
} }
.services-page-section .row{
--bs-gutter-y: 1rem;
--bs-gutter-x: 1rem;
}
.service-page-card{
min-height: 20pc;
}
} }
/* mobile view css end */ /* mobile view css end */
/* ipad, tablets screen css */ /* ipad, tablets screen css */
@ -1891,7 +1927,8 @@ Responsive Codes
.lets-chat-section, .lets-chat-section,
.our-values-section, .our-values-section,
.blog-banner, .blog-banner,
.overseas-section{ .overseas-section,
.services-page-section{
padding: 3rem; padding: 3rem;
} }
.services-content h1, .services-content h1,
@ -1982,7 +2019,8 @@ Responsive Codes
.footer-top, .footer-top,
.lets-chat-section, .lets-chat-section,
.our-values-section, .our-values-section,
.overseas-section{ .overseas-section,
.services-page-section{
padding: 3rem; padding: 3rem;
} }
.why-us-section::before, .why-us-section::before,

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 150 KiB

@ -11,76 +11,82 @@
@section('content') @section('content')
<section class="services-page-section"> <section class="services-page-section">
<div class="row g-5"> <div class="row g-5">
<div class="col-md-4"> <div class="col-md-12">
<div class="service-page-header">
<h2>Our Services</h2>
<h1>Get Benefits And Advantages</h1>
</div>
</div>
<div class="col-lg-4 col-md-6">
<a href="{{url('/study-abroad')}}" class="text-decoration-none"> <a href="{{url('/study-abroad')}}" class="text-decoration-none">
<div class="service-page-card"> <div class="service-page-card">
<div class="blog-img"> <div class="blog-img">
<img src="{{url('frontend/images/opera-house.png')}}" class="w-100" alt=""> <img src="{{url('frontend/images/close-up-students-indoors.png')}}" class="w-100" alt="">
</div> </div>
<div class="service-page-content"> <div class="service-page-content">
<h2>Abroad Study</h2> <h2>Abroad Study</h2>
<p>If you want to study in a city surrounded by lush greenery and a pleasant atmosphere..</p> <p>Study abroad to enhance your education, broaden your perspectives, and achieve your career goals by selecting the right course and immersing yourself in a new culture.</p>
</div> </div>
</div> </div>
</a> </a>
</div> </div>
<div class="col-md-4"> <div class="col-lg-4 col-md-6">
<a href="{{url('/career-counselling')}}" class="text-decoration-none"> <a href="{{url('/career-counselling')}}" class="text-decoration-none">
<div class="service-page-card"> <div class="service-page-card">
<div class="blog-img"> <div class="blog-img">
<img src="{{url('frontend/images/opera-house.png')}}" class="w-100" alt=""> <img src="{{url('frontend/images/close-up-students-indoors.png')}}" class="w-100" alt="">
</div> </div>
<div class="service-page-content"> <div class="service-page-content">
<h2>Career Counselling</h2> <h2>Career Counselling</h2>
<p>Get the right guidance to leap through your career.</p> <p>Enhance your career prospects with professional guidance through career counselling for informed decision-making and successful career advancement.</p>
</div> </div>
</div> </div>
</a> </a>
</div> </div>
<div class="col-md-4"> <div class="col-lg-4 col-md-6">
<a href="{{url('/insurance')}}" class="text-decoration-none"> <a href="{{url('/insurance')}}" class="text-decoration-none">
<div class="service-page-card"> <div class="service-page-card">
<div class="blog-img"> <div class="blog-img">
<img src="{{url('frontend/images/opera-house.png')}}" class="w-100" alt=""> <img src="{{url('frontend/images/close-up-students-indoors.png')}}" class="w-100" alt="">
</div> </div>
<div class="service-page-content"> <div class="service-page-content">
<h2>Insurance</h2> <h2>Insurance</h2>
<p>Providing the right health insurance at competitive rates</p> <p>Ensure your health and financial security with the right health insurance plan that offers comprehensive coverage at an affordable cost.</p>
</div> </div>
</div> </div>
</a> </a>
</div> </div>
<div class="col-md-4"> <div class="col-lg-4 col-md-6">
<a href="{{url('/visa/student-visa')}}" class="text-decoration-none"> <a href="{{url('/visa/student-visa')}}" class="text-decoration-none">
<div class="service-page-card"> <div class="service-page-card">
<div class="blog-img"> <div class="blog-img">
<img src="{{url('frontend/images/opera-house.png')}}" class="w-100" alt=""> <img src="{{url('frontend/images/close-up-students-indoors.png')}}" class="w-100" alt="">
</div> </div>
<div class="service-page-content"> <div class="service-page-content">
<h2>Student Visa</h2> <h2>Student Visa</h2>
<p>If you want to study in a city surrounded by lush greenery and a pleasant atmosphere..</p> <p>Obtain a student visa to study in Australia and experience quality education, language improvement and cultural immersion.</p>
</div> </div>
</div> </div>
</a> </a>
</div> </div>
<div class="col-md-4"> <div class="col-lg-4 col-md-6">
<a href="{{url('/visa/skilled-migration-visa')}}" class="text-decoration-none"> <a href="{{url('/visa/skilled-migration-visa')}}" class="text-decoration-none">
<div class="service-page-card"> <div class="service-page-card">
<div class="blog-img"> <div class="blog-img">
<img src="{{url('frontend/images/opera-house.png')}}" class="w-100" alt=""> <img src="{{url('frontend/images/close-up-students-indoors.png')}}" class="w-100" alt="">
</div> </div>
<div class="service-page-content"> <div class="service-page-content">
<h2>Skilled Migration Visa</h2> <h2>Skilled Migration Visa</h2>
<p>If you want to study in a city surrounded by lush greenery and a pleasant atmosphere..</p> <p>Take advantage of new opportunities and a better quality of life abroad by exploring your eligibility for a skilled migration visa.</p>
</div> </div>
</div> </div>
</a> </a>
</div> </div>
<div class="col-md-4"> <div class="col-lg-4 col-md-6">
<a href="{{url('visa/business-visa')}}" class="text-decoration-none"> <a href="{{url('visa/business-visa')}}" class="text-decoration-none">
<div class="service-page-card"> <div class="service-page-card">
<div class="blog-img"> <div class="blog-img">
<img src="{{url('frontend/images/opera-house.png')}}" class="w-100" alt=""> <img src="{{url('frontend/images/close-up-students-indoors.png')}}" class="w-100" alt="">
</div> </div>
<div class="service-page-content"> <div class="service-page-content">
<h2>Business Visa</h2> <h2>Business Visa</h2>

Loading…
Cancel
Save