Compare commits

...

3 Commits

  1. 89
      public/frontend/css/style.css
  2. BIN
      public/images/news_and_update/2023/02/15/917540415d7720a1c316f6f4b5b6fa70.jpg
  3. 8
      resources/views/appointment.blade.php
  4. 24
      resources/views/blog-detail.blade.php
  5. 30
      resources/views/blogs.blade.php
  6. 219
      resources/views/enquiry-form.blade.php
  7. 2
      resources/views/layout/app.blade.php
  8. 3
      resources/views/welcome.blade.php
  9. 6
      routes/web.php

@ -261,7 +261,12 @@ Responsive Codes
.top-socials a{
font-size: 24px;
}
.top-links a,
.top-links a{
color: #326CBF;
font-weight: 500;
font-size: 16px;
line-height: 24px;
}
.top-links h2{
text-decoration: none;
font-weight: 500;
@ -451,7 +456,8 @@ Responsive Codes
.faq-section,
.student-visa-section,
.services-page-section,
.appointment-section{
.appointment-section,
.enquiry-form-section{
padding: 3rem 6rem;
}
.services-section .row,
@ -992,9 +998,8 @@ Responsive Codes
color: #E22899;
font-family: FontAwesome, sans-serif;
display: inline-block;
margin-right: 0.5em;
margin-right: 0.4em;
margin-left: -1.3em;
width: 1.3em;
}
.visa-display-section{
margin-top: 40px;
@ -1289,8 +1294,7 @@ Responsive Codes
/* blogs page css */
.article-card{
display: flex;
/* align-items: center; */
gap: 20px;
gap: 30px;
width: 100%;
}
.related-articles{
@ -1299,9 +1303,6 @@ Responsive Codes
gap: 30px;
height: 100%;
}
.article-img{
width: 500px;
}
.featured-article img,
.article-img img{
border-radius: 12px;
@ -1428,9 +1429,6 @@ Responsive Codes
flex-direction: column;
gap: 20px;
}
.recent-card-img{
width: 300px;
}
.recent-card-content{
display: flex;
gap: 20px;
@ -1527,6 +1525,8 @@ Responsive Codes
width: 360px;
} */
.appointment-section .btn-appointment{
display: flex;
align-items: center;
background-color: #E5F0FF;
text-decoration: none;
color: #000000;
@ -1534,8 +1534,10 @@ Responsive Codes
border-radius: 8px;
margin-bottom: 15px;
text-align: left;
font-size:20px;
font-weight:bold;
}
.appointment-section .btn-appointment h2{
font-size: 20px;
font-weight: bold;
}
.appointment-section .appointment-pills .active{
background-color: #326cbf!important;
@ -1656,12 +1658,12 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
pointer-events: all;
}
table.lightgrey-weekends tbody td:nth-child(n+6) {
background-color: #f3f3f3;
background-color: #f3f3f3 !important;
color: #d30000;
pointer-events: none !important;
}
.event-colourful {
color: #bdbdbd;
color: #d7d7d7 !important;
cursor: not-allowed;
}
.event-colourful .zabuto-calendar__day{
@ -1671,12 +1673,49 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
pointer-events: all !important;
color: #000000;
cursor: pointer;
box-shadow: 0 1px 5px rgb(0 0 0 / 20%), 0 2px 2px rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%) !important;
background-color: #ecf4ff !important;
}
.event-clickable.active{
background-color: #27ab00 !important;
}
/* appointment page css ends */
/* enquiry page css starts */
.enquiry-from-btn{
padding: 15px 60px;
background: #326CBF;
color: #FFFFFF;
box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
border: none;
font-weight: 500;
font-size: 16px;
line-height: 22px;
border-radius: 6px;
margin-top: 35px;
}
.enquiry-form-row h3{
font-weight: 600;
color: #E22899;
margin: 20px 0;
text-align: center;
letter-spacing: 0.001em;
display: inline-block ;
}
.enquiry-form-row h3::after{
content: '';
border-bottom: 5px solid #E22899;
margin: 1% 40%;
justify-content: center;
display: block;
}
.enquiry-form-section h2{
font-weight: 700;
text-align: center;
font-size: 36px;
line-height: 48px;
letter-spacing: 0.005em;
color: #326CBF;
}
/* enquiry page css ends */
/* Footer Css */
.footer{
@ -1926,10 +1965,13 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
font-size: 28px;
line-height: 38px;
}
h2 {
h2,
.featured-article h2,
.blog-detail-desc h2,
.visa-content h3 {
font-weight: 600;
font-size: 22px;
line-height: 38px;
line-height: 34px;
}
#topbar{
padding: 0.5rem 0;
@ -2013,7 +2055,8 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
.lets-chat-section,
.blog-banner,
.overseas-section,
.services-page-section{
.services-page-section,
.enquiry-form-section{
padding: 2rem;
}
.contact-form-section,
@ -2204,7 +2247,8 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
.our-values-section,
.blog-banner,
.overseas-section,
.services-page-section{
.services-page-section,
.enquiry-form-section{
padding: 3rem;
}
.services-content h1,
@ -2296,7 +2340,8 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
.lets-chat-section,
.our-values-section,
.overseas-section,
.services-page-section{
.services-page-section,
.enquiry-form-section{
padding: 3rem;
}
.why-us-section::before,

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

@ -20,9 +20,13 @@
<div class="col-sm-12 col-md-4 d-flex align-items-start">
<div class="nav appointment-pills flex-column nav-pills me-3" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<button class="btn-appointment nav-link active" id="v-pills-education-tab" data-type = "1" data-bs-toggle="pill" data-bs-target="#v-pills-education" type="button" role="tab" aria-controls="v-pills-home" aria-selected="true">
<i class="appointment-card-img"><img src="{{url('frontend/icons/visa-approved.svg')}}" class="img-fluid" alt=""></i>Education Services</button>
<i class="appointment-card-img"><img src="{{url('frontend/icons/visa-approved.svg')}}" class="img-fluid" alt=""></i>
<h2>Education Services</h2>
</button>
<button class="btn-appointment nav-link" id="v-pills-visa-tab" data-type = "2" data-bs-toggle="pill" data-bs-target="#v-pills-visa" type="button" role="tab" aria-controls="v-pills-visa" aria-selected="false">
<i class="appointment-card-img"><img src="{{url('frontend/icons/visa-approved.svg')}}" class="img-fluid" alt=""></i>Migration | Visa Services</button>
<i class="appointment-card-img"><img src="{{url('frontend/icons/visa-approved.svg')}}" class="img-fluid" alt=""></i>
<h2>Migration | Visa Services</h2>
</button>
</div>
</div>

@ -55,10 +55,10 @@
<h1>Most Popular Blogs</h1>
@foreach(App\Models\NewsAndUpdate::where('id','!=',$blog->first()->id)->where('status','1')->get() as $recent)
<a href="{{url('blog/'.$recent->slug)}}" class="recent-card-content">
<div class="recent-card-img">
<div class="col-md-4 recent-card-img">
<img src="{{url($recent->thumbnail ?? $recent->image)}}" class="w-100" alt="">
</div>
<div class="recent-post-desc">
<div class="col-md-8 recent-post-desc">
@php $date = Carbon\Carbon::createFromFormat('Y-m-d', $recent->publish_date);@endphp
<h5>{{$date->format('j M, Y')}}</h5>
<h5>2 min read</h5>
@ -66,26 +66,6 @@
</div>
</a>
@endforeach
<!-- <a href="blog-detail" class="recent-card-content">
<div class="recent-card-img">
<img src="{{url('frontend/images/blank.png')}}" class="w-100" alt="">
</div>
<div class="recent-post-desc">
<h5>25/01/2023</h5>
<h5>2 min read</h5>
<h2>Best ways to settle your career in Australia</h2>
</div>
</a>
<a href="blog-detail" class="recent-card-content">
<div class="recent-card-img">
<img src="{{url('frontend/images/blank.png')}}" class="w-100" alt="">
</div>
<div class="recent-post-desc">
<h5>25/01/2023</h5>
<h5>2 min read</h5>
<h2>Best ways to settle your career in Australia</h2>
</div>
</a> -->
</div>
</div>
</div>

@ -45,10 +45,10 @@
<div class="related-articles">
@foreach($blogs->where('blog_type','!=',1) as $blog)
<div class="article-card">
<div class="article-img">
<img src="{{url($blog->thumbnail ?? $blog->image)}}" class="w-100" alt="">
<div class="col-md-4 article-img">
<img src="{{url($blog->thumbnail ?? $blog->image)}}" class="img-fluid" alt="">
</div>
<div class="article-desc">
<div class="col-md-8 article-desc">
<h3 class="dinline mr-3">Study in Australia</h3>
<h6 class="dinline mr-3">{{$blog->publish_date}}</h6>
<h2>{{$blog->title}} </h2>
@ -57,30 +57,6 @@
</div>
</div>
@endforeach
<!-- <div class="article-card">
<div class="article-img">
<img src="{{url('frontend/images/blog-passport.png')}}" class="w-100" alt="">
</div>
<div class="article-desc">
<h3>Study in Australia</h3>
<h6>Dec 09, 2022, 2 mins read</h6>
<h2>Ten Reasons that make Australia the Best Destination </h2>
<p>If you want to study in a city surrounded by lush greenery and a pleasant atmosphere..</p>
<a href="blog-detail">Read More <i class="fa-solid fa-arrow-right-long ms-2 fa-xs"></i></a>
</div>
</div>
<div class="article-card">
<div class="article-img">
<img src="{{url('frontend/images/blog-passport.png')}}" class="w-100" alt="">
</div>
<div class="article-desc">
<h3>Study in Australia</h3>
<h6>Dec 09, 2022, 2 mins read</h6>
<h2>Ten Reasons that make Australia the Best Destination </h2>
<p>If you want to study in a city surrounded by lush greenery and a pleasant atmosphere..</p>
<a href="blog-detail">Read More <i class="fa-solid fa-arrow-right-long ms-2 fa-xs"></i></a>
</div>
</div> -->
</div>
</div>
</div>

@ -0,0 +1,219 @@
@extends('layout.app')
@section('title')
<title>Enquiry Form</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="enquiry-form-section">
<h2>Can you please send me fill up this information sheet and we will get back to you soon, Thanks !</h2>
<form action="">
<div class="row enquiry-form-row">
<h3>Personal Details</h3>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">First Name</label>
<input type="text" class="form-control mt-2" id="fname" name="fname" placeholder="Enter your First name" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">Middle Name</label>
<input type="text" class="form-control mt-2" id="mname" name="mname" placeholder="Enter your Middle name" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">Last Name</label>
<input type="text" class="form-control mt-2" id="lname" name="lname" placeholder="Enter your Last name" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">Date of birth</label>
<input type="date" class="form-control mt-2" id="dob" name="dob" placeholder="Enter your Date of birth" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">Country</label>
<input type="text" class="form-control mt-2" id="country" name="country" placeholder="Enter your Country Name" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">Gender</label>
<div class="d-flex gap-2 mt-2" onclick="eGender()">
<div class="form-check">
<input class="form-check-input gender" type="radio" name="gender" value="Male"/>
<label class="form-check-label">
Male
</label>
</div>
<div class="form-check">
<input class="form-check-input gender" type="radio" name="gender" value="Female"/>
<label class="form-check-label">
Female
</label>
</div>
<div class="form-check">
<input class="form-check-input gender" type="radio" name="gender" value="Other"/>
<label class="form-check-label">
Other
</label>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">Address</label>
<input type="text" class="form-control mt-2" id="address" name="address" placeholder="Enter your Address" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">Email</label>
<input type="text" class="form-control mt-2" id="email" name="email" placeholder="Enter your Email Address" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">Phone</label>
<input type="text" class="form-control mt-2" id="phone" name="phone" placeholder="Enter your Phone Number" required>
</div>
</div>
<h3>Addidional Information</h3>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">Highest Qualification</label>
<input type="text" class="form-control mt-2" id="highestqualification" name="highestqualification" placeholder="Enter your Highest Qualification">
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">Stream</label>
<input type="text" class="form-control mt-2" id="stream" name="stream" placeholder="Enter your Stream">
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">% or GPA</label>
<input type="text" class="form-control mt-2" id="gpa" name="gpa" placeholder="Enter your % or GPA">
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">Passed Year</label>
<input type="text" class="form-control mt-2" id="passedyear" name="passedyear" placeholder="Enter your Passed Year">
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">Gap after Studies</label>
<input type="text" class="form-control mt-2" id="gap" name="gap" placeholder="Enter your Gap after Studies">
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">What you are doing now?</label>
<input type="text" class="form-control mt-2" id="gpa" name="gpa" placeholder="Enter your Current Status">
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">Work experience Details ( If any )</label>
<input type="text" class="form-control mt-2" id="work-experience" name="work-experience" placeholder="Enter your Work experience Details">
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">Salary mode</label>
<input type="text" class="form-control mt-2" id="salary-mode" name="salary-mode" placeholder="Enter your Salary Mode">
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">IELTS / PTE Score</label>
<input type="text" class="form-control mt-2" id="test-score" name="test-score" placeholder="Enter your IELTS / PTE score">
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">Marital Status</label>
<div class="d-flex gap-2 mt-2" onclick="maritalStatus()">
<div class="form-check">
<input class="form-check-input marital-status" type="radio" name="marital-status" value="Male"/>
<label class="form-check-label">
Single
</label>
</div>
<div class="form-check">
<input class="form-check-input marital-status" type="radio" name="marital-status" value="Female"/>
<label class="form-check-label">
Married
</label>
</div>
<div class="form-check">
<input class="form-check-input marital-status" type="radio" name="marital-status" value="Other"/>
<label class="form-check-label">
Widow
</label>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">Married date: (Only if Married if not Leave it bank)</label>
<input type="date" class="form-control mt-2" id="married-date" name="married-date">
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">Spouse Academics</label>
<input type="text" class="form-control mt-2" id="spouse-academics" name="spouse-academics" placeholder="Enter your Spouse Academics">
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">Work Experience of Spouse</label>
<input type="text" class="form-control mt-2" id="spouse-work-experience" name="spouse-work-experience" placeholder="Enter Work Experience of Spouse">
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">Spouse Salary Mode</label>
<input type="text" class="form-control mt-2" id="spouse-salary-mode" name="spouse-salary-mode" placeholder="Enter Spouse Salary Mode">
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">Immigration History: </label>
<input type="text" class="form-control mt-2" id="immigration-history" name="immigration-history" placeholder="Enter your Immigration History">
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">Desired study field</label>
<input type="text" class="form-control mt-2" id="desired-study-field" name="desired-study-field" placeholder="Enter your Desired study field">
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-3">
<label for="name">Desired location (If Any)</label>
<input type="text" class="form-control mt-2" id="desired-location" name="desired-location" placeholder="Enter your Desired location">
</div>
</div>
<div class="col-md-12 text-center">
<button type="submit" class="enquiry-from-btn">Submit</button>
</div>
</div>
</form>
</section>
@endsection

@ -62,7 +62,7 @@
</div>
<div class="social-links d-none d-md-flex align-items-center">
<div class="top-links">
{{-- <a href="/login" target="_blank">login</a> | <a href="/signup" target="_blank">Signup</a> --}}
<a href="/enquiry" target="_blank">Enquiry</a>
<h2>Find us on</h2>
</div>
<div class="top-socials">

@ -316,8 +316,7 @@
settings: {
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
dots: false
infinite: true
}
},
{

@ -301,9 +301,9 @@ Route::get('/career_counselling', function () {
Route::get('/insurance', function () {
return view('insurance');
});
// Route::get('/appointment', function () {
// return view('appointment');
// });
Route::get('/enquiry', function () {
return view('enquiry-form');
});
// Route::get('/visa', function () {
// return view('visa');
// });

Loading…
Cancel
Save