[add] contact us page

et#3
tribikram 2 years ago
parent 74acfec022
commit d4ec27af38
  1. 110
      public/frontend/css/style.css
  2. BIN
      public/frontend/icons/contact-email.png
  3. BIN
      public/frontend/icons/contact-location.png
  4. 3
      public/frontend/icons/contact-location.svg
  5. BIN
      public/frontend/icons/contact-phone.png
  6. 3
      public/frontend/icons/contact-phone.svg
  7. BIN
      public/frontend/icons/favicon.ico
  8. 3
      public/frontend/icons/location-email.svg
  9. BIN
      public/frontend/images/contact-banner.png
  10. BIN
      public/frontend/images/two-content.png
  11. 99
      resources/views/contact.blade.php
  12. 2
      resources/views/layout/app.blade.php
  13. 3
      resources/views/visa.blade.php
  14. 4
      routes/web.php

@ -687,7 +687,18 @@ Responsive Codes
background-color: #E22899; background-color: #E22899;
color: #FFFFFF !important; color: #FFFFFF !important;
} }
.student-visa-section .nav-pills .nav-link.active .fa-solid{
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background: #FFFFFF;
color: #E22899;
border-radius: 50%;
margin-right: 0;
}
.student-visa-section .nav-link:hover{ .student-visa-section .nav-link:hover{
text-decoration: none; text-decoration: none;
color: #FFFFFF !important; color: #FFFFFF !important;
@ -714,6 +725,103 @@ Responsive Codes
border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px;
border-bottom: none; border-bottom: none;
} }
/* visa page css ends */
/* contact us page css */
.contact-form-section{
padding: 6rem;
}
.contact-form{
background: #296AC7;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
border-radius: 12px;
padding: 2rem;
}
.offices-des{
display: flex;
align-items: center;
gap: 20px;
text-decoration: none;
}
.contact-img img{
border-radius: 20px;
}
.contact-offices{
display: flex;
flex-direction: column;
gap: 20px;
}
.contact-offices h2{
font-weight: 700;
font-size: 28px;
line-height: 32px;
color: #FFFFFF;
margin-bottom: 0;
margin-top: 2rem;
}
.contact-offices h5{
font-weight: 500;
font-size: 18px;
line-height: 26px;
color: #FFFFFF;
}
.contact-left-top h1{
font-weight: 700;
font-size: 40px;
line-height: 45px;
color: #FFFFFF;
}
.contact-left-top p{
color: #FFFFFF;
margin-bottom: 30px;
}
.form-sec{
padding: 2rem;
background: #F7F7F7;
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
border-radius: 12px;
}
.form-sec .form-control::placeholder{
font-weight: 400;
font-size: 14px;
line-height: 26px;
color: #7B8792;
}
.form-sec .form-control{
background: #FFFFFF;
border: 1px solid #B1B1B1;
border-radius: 6px;
padding: 10px;
}
.form-sec .form-control:focus{
box-shadow: unset;
border: 1px solid #B1B1B1;
}
.form-sec button{
background: #E22899;
border-radius: 44px;
border: none;
color: #FFFFFF;
padding: 10px 30px;
}
.form-sec h1{
text-align: center;
}
.form-sec p{
text-align: center;
margin-bottom: 50px;
}
.form-sec label{
margin-bottom: 8px;
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #0A2849;
}
.contact-form .row{
display: flex;
align-items: center;
}
/* contact us page css ends */
/* Footer Css */ /* Footer Css */
.footer{ .footer{
background: #296AC7; background: #296AC7;

Binary file not shown.

After

Width:  |  Height:  |  Size: 683 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 846 B

@ -0,0 +1,3 @@
<svg width="20" height="30" viewBox="0 0 20 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.99967 14.2916C9.06037 14.2916 8.15953 13.9185 7.49534 13.2543C6.83115 12.5901 6.45801 11.6893 6.45801 10.75C6.45801 9.81067 6.83115 8.90983 7.49534 8.24564C8.15953 7.58145 9.06037 7.20831 9.99967 7.20831C10.939 7.20831 11.8398 7.58145 12.504 8.24564C13.1682 8.90983 13.5413 9.81067 13.5413 10.75C13.5413 11.2151 13.4497 11.6756 13.2717 12.1053C13.0938 12.535 12.8329 12.9254 12.504 13.2543C12.1751 13.5832 11.7847 13.8441 11.355 14.0221C10.9253 14.2 10.4648 14.2916 9.99967 14.2916ZM9.99967 0.833313C7.36961 0.833313 4.84727 1.8781 2.98753 3.73784C1.1278 5.59757 0.0830078 8.11992 0.0830078 10.75C0.0830078 18.1875 9.99967 29.1666 9.99967 29.1666C9.99967 29.1666 19.9163 18.1875 19.9163 10.75C19.9163 8.11992 18.8716 5.59757 17.0118 3.73784C15.1521 1.8781 12.6297 0.833313 9.99967 0.833313Z" fill="#296AC7"/>
</svg>

After

Width:  |  Height:  |  Size: 924 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 908 B

@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.9901 15.1026C19.8129 16.4551 19.1506 17.6972 18.1264 18.598C17.1022 19.4988 15.7857 19.997 14.4217 20C6.46973 20 0 13.5303 0 5.57832C0.00300688 4.21432 0.501227 2.89783 1.40203 1.87361C2.30283 0.849379 3.54492 0.187115 4.89736 0.00994473C5.24213 -0.0282818 5.59011 0.0443053 5.89083 0.21718C6.19156 0.390054 6.42941 0.654228 6.56988 0.97139L8.5829 5.66845C8.68732 5.91226 8.72919 6.17829 8.7047 6.44238C8.68022 6.70648 8.59016 6.96027 8.44269 7.18073L6.78019 9.72455C7.53301 11.2523 8.77344 12.4857 10.3055 13.2298L12.8193 11.5573C13.0395 11.4089 13.2939 11.319 13.5585 11.2962C13.8231 11.2734 14.0892 11.3185 14.3315 11.4271L19.0286 13.4301C19.3458 13.5706 19.6099 13.8084 19.7828 14.1092C19.9557 14.4099 20.0283 14.7579 19.9901 15.1026ZM12.5589 2.34345C13.7784 2.67664 14.89 3.32205 15.784 4.21601C16.6779 5.10997 17.3234 6.22157 17.6565 7.44112C17.7008 7.61234 17.8004 7.76413 17.9399 7.87282C18.0793 7.98151 18.2509 8.041 18.4277 8.04202C18.4989 8.04189 18.5697 8.03177 18.638 8.01198C18.7399 7.98533 18.8354 7.93862 18.9189 7.87459C19.0025 7.81056 19.0725 7.7305 19.1247 7.63909C19.1769 7.54769 19.2104 7.44678 19.2231 7.34227C19.2359 7.23777 19.2276 7.13178 19.1989 7.0305C18.7983 5.53694 18.0118 4.17506 16.9184 3.08163C15.8249 1.9882 14.4631 1.20171 12.9695 0.801134C12.865 0.76306 12.7537 0.747164 12.6427 0.754458C12.5317 0.761753 12.4235 0.792078 12.3248 0.843502C12.2262 0.894927 12.1394 0.966325 12.0698 1.05315C12.0003 1.13997 11.9496 1.24032 11.921 1.34781C11.8924 1.4553 11.8865 1.56756 11.9036 1.67746C11.9208 1.78736 11.9606 1.89249 12.0206 1.98615C12.0806 2.07981 12.1595 2.15994 12.2521 2.22146C12.3448 2.28298 12.4493 2.32452 12.5589 2.34345ZM11.7276 5.43811C12.4055 5.62367 13.0234 5.98262 13.5204 6.47961C14.0174 6.97659 14.3763 7.59446 14.5619 8.27237C14.6045 8.44444 14.7037 8.59721 14.8436 8.70618C14.9834 8.81514 15.1558 8.87399 15.3331 8.87327C15.401 8.87393 15.4686 8.86379 15.5334 8.84323C15.6361 8.81767 15.7327 8.77176 15.8174 8.7082C15.902 8.64464 15.9731 8.56473 16.0263 8.47321C16.0796 8.38168 16.1139 8.28041 16.1273 8.17537C16.1406 8.07034 16.1328 7.9637 16.1042 7.86175C15.8513 6.90983 15.3513 6.04166 14.6548 5.3452C13.9583 4.64873 13.0902 4.14871 12.1382 3.89579C12.0337 3.85771 11.9224 3.84182 11.8115 3.84911C11.7005 3.85641 11.5922 3.88673 11.4936 3.93816C11.3949 3.98958 11.3081 4.06098 11.2386 4.1478C11.1691 4.23463 11.1184 4.33498 11.0898 4.44246C11.0611 4.54995 11.0552 4.66222 11.0724 4.77212C11.0895 4.88202 11.1294 4.98714 11.1894 5.0808C11.2494 5.17446 11.3282 5.2546 11.4209 5.31611C11.5136 5.37763 11.618 5.41917 11.7276 5.43811Z" fill="#296AC7"/>
</svg>

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

@ -0,0 +1,3 @@
<svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 16C1.45 16 0.979333 15.8043 0.588 15.413C0.196 15.021 0 14.55 0 14V2C0 1.45 0.196 0.979333 0.588 0.588C0.979333 0.196 1.45 0 2 0H18C18.55 0 19.021 0.196 19.413 0.588C19.8043 0.979333 20 1.45 20 2V14C20 14.55 19.8043 15.021 19.413 15.413C19.021 15.8043 18.55 16 18 16H2ZM10 8.825C10.0833 8.825 10.1707 8.81233 10.262 8.787C10.354 8.76233 10.4417 8.725 10.525 8.675L17.6 4.25C17.7333 4.16667 17.8333 4.06267 17.9 3.938C17.9667 3.81267 18 3.675 18 3.525C18 3.19167 17.8583 2.94167 17.575 2.775C17.2917 2.60833 17 2.61667 16.7 2.8L10 7L3.3 2.8C3 2.61667 2.70833 2.61233 2.425 2.787C2.14167 2.96233 2 3.20833 2 3.525C2 3.69167 2.03333 3.83733 2.1 3.962C2.16667 4.08733 2.26667 4.18333 2.4 4.25L9.475 8.675C9.55833 8.725 9.646 8.76233 9.738 8.787C9.82933 8.81233 9.91667 8.825 10 8.825Z" fill="#296AC7"/>
</svg>

After

Width:  |  Height:  |  Size: 914 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 544 KiB

@ -0,0 +1,99 @@
@extends('layout.app')
@section('title')
<title>Contact 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="abroad-banner-section" style="background: url('frontend/images/contact-banner.png')">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Contact</li>
</ol>
</nav>
<div class="studyabroad-banner-header">
<h1>Contact Us</h1>
<h5>Take a Right Step Towards Better Future</h5>
</div>
</section>
<section class="contact-form-section">
<div class="contact-form">
<div class="row gx-5">
<div class="col-md-4 col-sm-12">
<div class="contact-desc">
<div class="contact-left-top">
<h1>Talk to our Expert</h1>
<p>Please contact us or book an appointment with us, we will be glad to answer all your queries.</p>
</div>
<div class="contact-img">
<img src="{{url('frontend/images/two-content.png')}}" class="w-100" alt="">
</div>
<div class="contact-offices">
<h2>Sydney Office</h2>
<a href="https://goo.gl/maps/jHDbUhrqpQnXkjpG6" target="_blank" class="offices-des">
<img src="{{url('frontend/icons/contact-location.png')}}" class="img-fluid" alt="">
<h5>Suite 132 & 133, Level 3, 10 Park Road, Hurstville NSW 2220</h5>
</a>
<a href="mailto: admin@eteducation.com.au" class="offices-des">
<img src="{{url('frontend/icons/contact-email.png')}}" class="img-fluid" alt="">
<h5>admin@eteducation.com.au</h5>
</a>
<a href="tel: +61 405 978 672" class="offices-des">
<img src="{{url('frontend/icons/contact-phone.png')}}" class="img-fluid" alt="">
<h5>+61 405 978 672</h5>
</a>
</div>
</div>
</div>
<div class="col-md-8 col-sm-12">
<div class="form-sec">
<h1>Send us a Message!</h1>
<p>If you have any queries, let us know.</p>
<form action="">
<div class="row gy-4">
<div class="col-md-6">
<div class="form-group">
<label for="">Full Name</label>
<input type="text" class="form-control" placeholder="Your full name">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="">Email address</label>
<input type="email" class="form-control" placeholder="Your email address">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="">Phone number</label>
<input type="number" class="form-control" placeholder="Your phone number">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="">Nationality</label>
<input type="text" class="form-control" placeholder="Your nationality">
</div>
</div>
<div class="col-md-12 mb-4">
<div class="form-group">
<label for="exampleFormControlTextarea1">Enquiry</label>
<textarea class="form-control" id="exampleFormControlTextarea1" placeholder="Your enquiries.." rows="5"></textarea>
</div>
</div>
<div class="text-center">
<button type="submit" class="">Submit your enquiry</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
@endsection

@ -6,7 +6,7 @@
<meta name="csrf-token" content="{{ csrf_token() }}" /> <meta name="csrf-token" content="{{ csrf_token() }}" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@yield('title') @yield('title')
<link rel="icon" href="{{url('website/icons/favicon.ico')}}"> <link rel="icon" href="{{url('frontend/icons/favicon.ico')}}">
<!-- google fonts link --> <!-- google fonts link -->
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">

@ -18,8 +18,7 @@
</nav> </nav>
<div class="studyabroad-banner-header"> <div class="studyabroad-banner-header">
<h1>Student Visa</h1> <h1>Student Visa</h1>
<h5>Visit Australia to participate in the course of study <h5>Visit Australia to participate in the course of study</h5>
</h5>
</div> </div>
</section> </section>
<section class="student-visa-section"> <section class="student-visa-section">

@ -264,4 +264,6 @@ Route::get('/study-abroad-detail', function () {
Route::get('/visa', function () { Route::get('/visa', function () {
return view('visa'); return view('visa');
}); });
Route::get('/contact', function () {
return view('contact');
});

Loading…
Cancel
Save