[add] about us page

et#4
tribikram 2 years ago committed by Mahesh Sharma
parent 2e2a76a47a
commit c0b89d595d
  1. 67
      public/frontend/css/style.css
  2. BIN
      public/frontend/images/about-banner.png
  3. BIN
      public/frontend/images/overseas-background.png
  4. 41
      resources/views/about.blade.php
  5. 2
      resources/views/visa.blade.php
  6. 3
      routes/web.php

@ -303,7 +303,9 @@ Responsive Codes
.study-melbourne-section, .study-melbourne-section,
.study-detail-section, .study-detail-section,
.scholarship-section, .scholarship-section,
.student-visa-section{ .student-visa-section,
.about-header-section,
.why-et{
padding: 3rem 6rem; padding: 3rem 6rem;
} }
.services-section .row, .services-section .row,
@ -634,7 +636,8 @@ Responsive Codes
color: #FFFFFF; color: #FFFFFF;
} }
.study-australia-desc h1, .study-australia-desc h1,
.student-visa-section h1{ .student-visa-section h1,
.why-et-header h1{
font-weight: 700; font-weight: 700;
font-size: 40px; font-size: 40px;
line-height: 60px; line-height: 60px;
@ -822,6 +825,66 @@ Responsive Codes
align-items: center; align-items: center;
} }
/* contact us page css ends */ /* 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 Css */
.footer{ .footer{
background: #296AC7; background: #296AC7;

Binary file not shown.

After

Width:  |  Height:  |  Size: 471 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

@ -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

@ -24,7 +24,7 @@
<section class="student-visa-section"> <section class="student-visa-section">
<h1>Student Visa</h1> <h1>Student Visa</h1>
<div class="d-flex align-items-start mt-5"> <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"> <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> Skilled Migration VISA <i class="fa-solid fa-angle-right"></i>
</button> </button>

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

Loading…
Cancel
Save