[add] about us page

public/frontend/css/style.css

@@ -303,7 +303,9 @@ Responsive Codes
 .study-melbourne-section,
 .study-detail-section,
 .scholarship-section,
-.student-visa-section{
+.student-visa-section,
+.about-header-section,
+.why-et{
     padding: 3rem 6rem;
 }
 .services-section .row,
@@ -634,7 +636,8 @@ Responsive Codes
     color: #FFFFFF;
 }
 .study-australia-desc h1,
-.student-visa-section h1{
+.student-visa-section h1,
+.why-et-header h1{
     font-weight: 700;
     font-size: 40px;
     line-height: 60px;
@@ -822,6 +825,66 @@ Responsive Codes
     align-items: center;
 }
 /* contact us page css ends */
+/* about us css starts */
+.about-header-section{
+    position: relative;
+    height: 70vh;
+}
+.about-banner-header h1{
+    font-weight: 700;
+    text-align: center;
+    font-size: 40px;
+    line-height: 60px;
+    color: #000000;
+}
+.about-banner-header p{
+    font-weight: 500;
+    font-size: 16px;
+    padding: 0 30%;
+    text-align: center;
+    color: #000000;
+}
+.about-banner-img{
+    position: absolute;
+    top: 65%;
+    bottom: 0;
+    transform: translate(-50%, -50%);
+    left: 50%;
+    z-index: -1;
+}
+.about-banner-header span{
+    color: #326CBF;
+}
+.overseas-section{
+    padding: 12rem;
+    background: url('../images/overseas-background.png');
+    background-repeat: no-repeat;
+    background-size: cover;
+    position: relative;
+}
+.overseas-img{
+    position: absolute;
+    right: 0;
+    top: -30%;
+}
+.overseas-section h1{
+    font-weight: 700;
+    font-size: 30px;
+    line-height: 45px;
+    text-align: center;
+    color: #E22899;
+}
+.overseas-section p,
+.why-et-header p{
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 24px;
+    text-align: center;
+    padding: 0 20%;
+    color: #000000;
+}
+/* about us css ends */
+
 /* Footer Css */
 .footer{
     background: #296AC7;

resources/views/about.blade.php

@@ -0,0 +1,41 @@
+@extends('layout.app')
+@section('title')
+<title>About Us</title>
+    <meta name="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 name="robots" content="index, follow" />
+    <meta property="og:url" content="" />
+    <meta property="og:image" content="{{url('frontend/images/banner.png')}}"/>
+    <meta property="og:title" content="ET-Visas"/>
+    <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="about-header-section">
+        <div class="about-banner-header">
+            <h1>Making your <span>Dream</span> come true.</h1>
+            <p>As our services are power-packed with the best you can find,
+                your path to a bright future will be set in stone.
+            </p>
+        </div>
+        <div class="about-banner-img">
+            <img src="{{url('frontend/images/about-banner.png')}}" class="img-fluid" alt="">
+        </div>
+    </section>
+    <section class="overseas-section">
+        <h1>Let’s plan your overseas career together</h1>
+        <p>We provide honest, credible, and authentic counselling for studying or migrating to Australia.
+            At ET Education, you will meet a qualified circle of consultants offering access to our
+            global education partners.</p>
+            <div class="overseas-img">
+                <img src="{{url('frontend/images/australia-map.png')}}" class="img-fluid" alt="">
+            </div>
+    </section>
+    <section class="why-et">
+        <div class="why-et-header">
+            <h1>Why ET Education & Visa</h1>
+            <p>We provide honest, credible, and authentic counselling for studying or migrating to Australia.
+                At ET Education, you will meet a qualified circle of consultants offering access to our
+                global education partners.
+            </p>
+        </div>
+    </section>
+@endsection

resources/views/visa.blade.php

@@ -24,7 +24,7 @@
     <section class="student-visa-section">
         <h1>Student Visa</h1>
         <div class="d-flex align-items-start mt-5">
-            <div class="nav flex-column nav-pills visa-table me-3 col-md-4 col-sm-12" id="v-pills-tab" role="tablist" aria-orientation="vertical">
+            <div class="nav flex-column nav-pills visa-table me-5 col-md-4 col-sm-12" id="v-pills-tab" role="tablist" aria-orientation="vertical">
               <button class="nav-link active d-flex justify-content-between align-items-center" id="v-pills-home-tab" data-bs-toggle="pill" data-bs-target="#v-pills-home" type="button" role="tab" aria-controls="v-pills-home" aria-selected="true">
                 Skilled Migration VISA <i class="fa-solid fa-angle-right"></i>
               </button>

routes/web.php

@@ -274,3 +274,6 @@ Route::get('/visa', function () {
 Route::get('/contact', function () {
     return view('contact');
 });
+Route::get('/about', function () {
+    return view('about');
+});