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

@ -55,10 +55,10 @@
<h1>Most Popular Blogs</h1> <h1>Most Popular Blogs</h1>
@foreach(App\Models\NewsAndUpdate::where('id','!=',$blog->first()->id)->where('status','1')->get() as $recent) @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"> <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=""> <img src="{{url($recent->thumbnail ?? $recent->image)}}" class="w-100" alt="">
</div> </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 @php $date = Carbon\Carbon::createFromFormat('Y-m-d', $recent->publish_date);@endphp
<h5>{{$date->format('j M, Y')}}</h5> <h5>{{$date->format('j M, Y')}}</h5>
<h5>2 min read</h5> <h5>2 min read</h5>
@ -66,26 +66,6 @@
</div> </div>
</a> </a>
@endforeach @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> </div>
</div> </div>

@ -45,10 +45,10 @@
<div class="related-articles"> <div class="related-articles">
@foreach($blogs->where('blog_type','!=',1) as $blog) @foreach($blogs->where('blog_type','!=',1) as $blog)
<div class="article-card"> <div class="article-card">
<div class="article-img"> <div class="col-md-4 article-img">
<img src="{{url($blog->thumbnail ?? $blog->image)}}" class="w-100" alt=""> <img src="{{url($blog->thumbnail ?? $blog->image)}}" class="img-fluid" alt="">
</div> </div>
<div class="article-desc"> <div class="col-md-8 article-desc">
<h3 class="dinline mr-3">Study in Australia</h3> <h3 class="dinline mr-3">Study in Australia</h3>
<h6 class="dinline mr-3">{{$blog->publish_date}}</h6> <h6 class="dinline mr-3">{{$blog->publish_date}}</h6>
<h2>{{$blog->title}} </h2> <h2>{{$blog->title}} </h2>
@ -57,30 +57,6 @@
</div> </div>
</div> </div>
@endforeach @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> </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>
<div class="social-links d-none d-md-flex align-items-center"> <div class="social-links d-none d-md-flex align-items-center">
<div class="top-links"> <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> <h2>Find us on</h2>
</div> </div>
<div class="top-socials"> <div class="top-socials">

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

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

Loading…
Cancel
Save