[add] enquiry form

tribikram 2 years ago
parent 8340b70517
commit cf87761d76
  1. 59
      public/frontend/css/style.css
  2. 24
      resources/views/blog-detail.blade.php
  3. 219
      resources/views/enquiry-form.blade.php
  4. 2
      resources/views/layout/app.blade.php
  5. 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,
@ -1423,9 +1429,6 @@ Responsive Codes
flex-direction: column;
gap: 20px;
}
.recent-card-img{
width: 300px;
}
.recent-card-content{
display: flex;
gap: 20px;
@ -1676,6 +1679,43 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
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{
@ -2015,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,
@ -2206,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,
@ -2298,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,

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

@ -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="text" 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" required>
</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">

@ -300,9 +300,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