[add] banner section

extrtech#1
tribikram 2 years ago
parent bc682831d6
commit 07fc02b1ba
  1. 41
      public/frontend/css/style.css
  2. BIN
      public/frontend/images/slider-one.png
  3. 12
      resources/views/welcome.blade.php

@ -7,6 +7,9 @@ body {
/* font-family: "DM Sans", sans-serif !important; */ /* font-family: "DM Sans", sans-serif !important; */
overflow-x: hidden; overflow-x: hidden;
} }
p{
line-height: 1.6rem;
}
/* new nav*/ /* new nav*/
.header { .header {
padding: 0 6rem; padding: 0 6rem;
@ -200,6 +203,43 @@ Responsive Codes
margin-bottom: 16px; margin-bottom: 16px;
} }
/* Header css */ /* Header css */
/* banner slider css */
.slider-banner{
position: relative;
}
.slider-content{
padding: 3rem 6rem;
position: absolute;
top: 30%;
width: 60%;
}
.slider-content h2{
font-weight: 700;
font-size: 38px;
line-height: 57px;
letter-spacing: 0.005em;
color: #EC3AB0;
margin-bottom: 0;
}
.slider-content h1{
font-weight: 700;
font-size: 46px;
line-height: 62px;
letter-spacing: 0.005em;
color: #326CBF;
}
.slider-content p{
margin-bottom: 3rem;
}
.slider-content a{
background: rgba(216, 51, 162, 0.8);
border: 2px solid #EC3AB0;
border-radius: 25px;
padding: 10px 20px;
text-decoration: none;
color: #FFFFFF;
}
/* banner slider css */
/* about us icons section */ /* about us icons section */
.about-icons-section{ .about-icons-section{
@ -240,6 +280,7 @@ Responsive Codes
background: #FFF1FC; background: #FFF1FC;
} }
/* homepage service section css */ /* homepage service section css */
.services-section, .services-section,
.blog-section{ .blog-section{
padding: 3rem 6rem; padding: 3rem 6rem;

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

@ -9,6 +9,18 @@
<meta property="og:description" content="ET Education and Visa Services, presented by Extratech, is an adept provider of excellent education consultation, information, and visa guidance solution to students seeking schooling abroad."/> <meta property="og:description" content="ET Education and Visa Services, presented by Extratech, is an adept provider of excellent education consultation, information, and visa guidance solution to students seeking schooling abroad."/>
@endsection @endsection
@section('content') @section('content')
<section class="slider-section">
<div class="slider-banner">
<img src="{{url('frontend/images/slider-one.png')}}" class="w-100" alt="">
<div class="slider-content">
<h2>Welcome to ET Education,</h2>
<h1>Migration & Visa Services</h1>
<p>We are here to help you provide with all the options available for your study or migration pathway.</p>
<a href="">Book an Appointment</a>
</div>
</div>
</section>
<section class="about-icons-section"> <section class="about-icons-section">
<div class="high-visa"> <div class="high-visa">
<img src="{{url('frontend/icons/speed-meter-icon.png')}}" class="img-fluid" alt=""> <img src="{{url('frontend/icons/speed-meter-icon.png')}}" class="img-fluid" alt="">

Loading…
Cancel
Save