[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,
.services-content a::after,
.why-us-desc a::after{
.why-us-desc a::after,
.sydney-desc a::after{
content: '\f101';
font-weight: 900;
font-family: "Font Awesome 5 Free";
@ -315,7 +316,8 @@ Responsive Codes
transition: 0.5s;
}
.slider-content a:hover,
.services-content a:hover{
.services-content a:hover,
.sydney-desc a:hover{
background: #326CBF;
padding-right: 2rem;
padding-left: 1rem;
@ -327,7 +329,8 @@ Responsive Codes
}
.slider-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;
right: 10px;
}
@ -667,6 +670,9 @@ Responsive Codes
border-radius: 12px;
transition: .4s;
}
.service-page-card{
min-height: 28pc;
}
.blog-card:hover,
.service-page-card:hover{
transform: scale(1.03);
@ -761,6 +767,10 @@ Responsive Codes
text-decoration: none;
color: #FFFFFF;
padding: 10px 20px;
display: inline-block;
align-items: center;
position: relative;
transition: 0.5s;
}
/* study abroad css ends */
@ -1388,6 +1398,7 @@ Responsive Codes
.blog-socials{
display: flex;
align-items: center;
margin: 1rem 0;
justify-content: space-between;
}
.faq-section .accordion-button:focus{
@ -1403,6 +1414,21 @@ Responsive Codes
background-color: unset;
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{
background: #296AC7;
@ -1660,7 +1686,9 @@ Responsive Codes
.slider-content h2,
.slider-content h1,
.blog-banner-content h2,
.contact-offices h2{
.contact-offices h2,
.service-page-header h2,
.service-page-header h1{
font-size: 22px;
line-height: 2rem;
}
@ -1727,7 +1755,8 @@ Responsive Codes
.our-values-section,
.lets-chat-section,
.blog-banner,
.overseas-section{
.overseas-section,
.services-page-section{
padding: 2rem;
}
.contact-form-section,
@ -1820,6 +1849,13 @@ Responsive Codes
gap: 10px;
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 */
/* ipad, tablets screen css */
@ -1891,7 +1927,8 @@ Responsive Codes
.lets-chat-section,
.our-values-section,
.blog-banner,
.overseas-section{
.overseas-section,
.services-page-section{
padding: 3rem;
}
.services-content h1,
@ -1982,7 +2019,8 @@ Responsive Codes
.footer-top,
.lets-chat-section,
.our-values-section,
.overseas-section{
.overseas-section,
.services-page-section{
padding: 3rem;
}
.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 class="services-page-section">
<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">
<div class="service-page-card">
<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 class="service-page-content">
<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>
</a>
</div>
<div class="col-md-4">
<div class="col-lg-4 col-md-6">
<a href="{{url('/career-counselling')}}" class="text-decoration-none">
<div class="service-page-card">
<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 class="service-page-content">
<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>
</a>
</div>
<div class="col-md-4">
<div class="col-lg-4 col-md-6">
<a href="{{url('/insurance')}}" class="text-decoration-none">
<div class="service-page-card">
<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 class="service-page-content">
<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>
</a>
</div>
<div class="col-md-4">
<div class="col-lg-4 col-md-6">
<a href="{{url('/visa/student-visa')}}" class="text-decoration-none">
<div class="service-page-card">
<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 class="service-page-content">
<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>
</a>
</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">
<div class="service-page-card">
<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 class="service-page-content">
<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>
</a>
</div>
<div class="col-md-4">
<div class="col-lg-4 col-md-6">
<a href="{{url('visa/business-visa')}}" class="text-decoration-none">
<div class="service-page-card">
<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 class="service-page-content">
<h2>Business Visa</h2>

Loading…
Cancel
Save