[add] banner section

public/frontend/css/style.css

@@ -7,6 +7,9 @@ body {
     /* font-family: "DM Sans", sans-serif !important; */
     overflow-x: hidden;
 }
+p{
+    line-height: 1.6rem;
+}
 /* new nav*/
 .header {
     padding: 0 6rem;
@@ -200,6 +203,43 @@ Responsive Codes
     margin-bottom: 16px;
 }
 /* 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-icons-section{
@@ -240,6 +280,7 @@ Responsive Codes
     background: #FFF1FC;
 }
 /* homepage service section css */
+
 .services-section,
 .blog-section{
     padding: 3rem 6rem;

resources/views/welcome.blade.php

@@ -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."/>
 @endsection
 @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">
         <div class="high-visa">
             <img src="{{url('frontend/icons/speed-meter-icon.png')}}" class="img-fluid" alt="">