et#4 #5

Open
tribikram wants to merge 6 commits from et#4 into master
  1. 251
      public/frontend/css/style.css
  2. BIN
      public/frontend/images/attractive-man.png
  3. BIN
      public/frontend/images/blank.png
  4. BIN
      public/frontend/images/blog-banner.jpg
  5. BIN
      public/frontend/images/blog-passport.png
  6. BIN
      public/frontend/images/blogs-banner.png
  7. BIN
      public/frontend/images/blogs-detail.png
  8. BIN
      public/frontend/images/fa-after.png
  9. BIN
      public/frontend/images/facebook-icon.png
  10. BIN
      public/frontend/images/faq-banner.png
  11. BIN
      public/frontend/images/faq-lists.png
  12. BIN
      public/frontend/images/linkdin.png
  13. BIN
      public/frontend/images/our-values-background.jpg
  14. BIN
      public/frontend/images/student-studying.png
  15. BIN
      public/frontend/images/sydney-opera-house.png
  16. BIN
      public/frontend/images/twitter.png
  17. 55
      resources/views/about.blade.php
  18. 82
      resources/views/blog-detail.blade.php
  19. 91
      resources/views/blogs.blade.php
  20. 49
      resources/views/contact.blade.php
  21. 41
      resources/views/faq.blade.php
  22. 2
      resources/views/study-abroad.blade.php
  23. 2
      resources/views/visa.blade.php
  24. 5
      resources/views/welcome.blade.php
  25. 9
      routes/web.php

@ -4,7 +4,6 @@
box-sizing: border-box; box-sizing: border-box;
} }
body { body {
/* font-family: "DM Sans", sans-serif !important; */
overflow-x: hidden; overflow-x: hidden;
} }
p{ p{
@ -307,8 +306,10 @@ Responsive Codes
.about-header-section, .about-header-section,
.why-et, .why-et,
.student-visa-section, .student-visa-section,
.blogs-section,
.why-et{ .why-et,
.blog-detail-section,
.faq-section{
padding: 3rem 6rem; padding: 3rem 6rem;
} }
.services-section .row, .services-section .row,
@ -620,6 +621,9 @@ Responsive Codes
text-decoration: none; text-decoration: none;
color: #FFFFFF; color: #FFFFFF;
} }
.abroad-banner-section .breadcrumb-item.active{
color: #FFFFFF;
}
.studyabroad-banner-header{ .studyabroad-banner-header{
position: absolute; position: absolute;
margin-bottom: 0; margin-bottom: 0;
@ -637,13 +641,13 @@ Responsive Codes
} }
.studyabroad-banner-header h5{ .studyabroad-banner-header h5{
color: #FFFFFF; color: #FFFFFF;
text-align: center;
} }
.study-australia-desc h1, .study-australia-desc h1,
.student-visa-section h1, .student-visa-section h1,
.why-et-header h1, .why-et-header h1,
.student-visa-section h1, .student-visa-section h1,
.faq-section h1,
.why-et-header h1{ .why-et-header h1{
font-weight: 700; font-weight: 700;
font-size: 40px; font-size: 40px;
@ -673,7 +677,8 @@ Responsive Codes
color: #296AC7; color: #296AC7;
} }
.universities-card img, .universities-card img,
.scholarship-img img{ .scholarship-img img,
.blog-detail-img img{
border-radius: 8px; border-radius: 8px;
} }
.scholarship-img{ .scholarship-img{
@ -792,6 +797,12 @@ Responsive Codes
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
border-radius: 12px; border-radius: 12px;
} }
.form-sec .error{
color: red;
float: left;
font-size: 12px;
margin: 10px 0;
}
.form-sec .form-control::placeholder{ .form-sec .form-control::placeholder{
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
@ -895,6 +906,7 @@ Responsive Codes
.et-cards{ .et-cards{
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: 4rem;
} }
.et-card{ .et-card{
display: flex; display: flex;
@ -915,13 +927,15 @@ Responsive Codes
} }
.lets-chat-section{ .lets-chat-section{
background: #E8F2FF; background: #E8F2FF;
padding: 3rem 6rem; padding: 6rem;
} }
.lets-chat-section h1{ .lets-chat-section h1{
text-align: center; text-align: center;
} }
.lets-chat-section p{ .lets-chat-section p{
text-align: center; text-align: center;
padding: 0 30%;
line-height: 1.7rem;
margin-bottom: 35px; margin-bottom: 35px;
} }
.lets-chat-section a{ .lets-chat-section a{
@ -933,6 +947,45 @@ Responsive Codes
border-radius: 6px; border-radius: 6px;
padding: 10px 40px; padding: 10px 40px;
} }
.our-values-section{
padding: 3rem 6rem;
background: url('../images/our-values-background.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.our-values-section h1{
text-align: center;
color: #326CBF;
margin-bottom: 45px;
}
.values-left p{
color: #000000;
margin-bottom: 35px;
}
.values-lists a{
text-decoration: none;
cursor: pointer;
padding: 20px 20px 20px 0;
line-height: 33px;
border-bottom: 1px solid #A0A0A0;
}
.values-lists h2{
color: #296AC7;
font-weight: 500;
font-size: 22px;
}
.values-lists a:last-child{
border-bottom: none;
}
.values-lists{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.link-active h2{
color: #E22899 !important;
}
/* about us css ends */ /* about us css ends */
.visa-table ul{ .visa-table ul{
@ -957,6 +1010,190 @@ Responsive Codes
border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px;
border-bottom: none; border-bottom: none;
} }
/* blogs page css */
.article-card{
display: flex;
align-items: center;
gap: 20px;
width: 100%;
}
.related-articles{
display: flex;
flex-direction: column;
gap: 30px;
height: 100%;
}
.article-img{
width: 500px;
}
.featured-article img,
.article-img img{
border-radius: 12px;
}
.featured-article h3{
font-weight: 600;
font-size: 24px;
line-height: 36px;
color: #000000;
margin-top: 25px;
}
.featured-article h6,
.article-desc h6,
.blog-detail-desc h6{
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: #676676;
}
.featured-article h2,
.blog-detail-desc h2{
font-weight: 700;
font-size: 30px;
line-height: 45px;
color: #296AC7;
}
.featured-article p,
.article-desc p{
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 15px;
margin-bottom: 25px;
color: #606161;
}
.featured-article a,
.article-desc a{
padding: 10px 20px;
color: #FFFFFF;
text-decoration: none;
background: #E22899;
border-radius: 5px;
}
.article-desc h3{
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #000000;
}
.article-desc h2{
font-weight: 700;
font-size: 24px;
line-height: 34px;
color: #296AC7;
}
.why-us-desc a{
color: #FFFFFF;
background: #296AC7;
text-decoration: none;
padding: 10px 20px;
border-radius: 25px;
}
.blog-banner{
background: url('../images/blog-banner.jpg');
background-size: cover;
background-repeat: no-repeat;
padding: 6rem;
}
.blog-banner-desc{
margin-left: 10rem;
}
.blog-banner-content{
display: flex;
gap: 20px;
align-items: center;
}
.blog-banner-content h2{
font-weight: 500;
font-size: 48px;
line-height: 72px;
color: #FFFFFF;
}
.blog-banner-content h2 span{
color: #FFE401;
}
.blog-banner h5{
font-weight: 400;
font-size: 24px;
line-height: 36px;
color: #FFFFFF;
}
.blog-banner-content a{
background: #FFFFFF;
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 6px;
padding: 10px 5rem;
text-decoration: none;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #3492CF;
}
/* blog detail css */
.blog-detail-img{
margin-bottom: 15px;
}
.recent-card{
background: #DFEBFA;
padding: 20px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
border-radius: 15px;
display: flex;
flex-direction: column;
gap: 20px;
}
.recent-card-img{
width: 300px;
}
.recent-card-content{
display: flex;
gap: 20px;
align-items: center;
}
.recent-post-desc h5{
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: #000000;
}
.recent-post-desc h2{
font-weight: 700;
font-size: 18px;
line-height: 28px;
color: #000000;
}
.recent-card h1{
font-weight: 600;
font-size: 24px;
line-height: 34px;
color: #000000;
}
.recent-card a{
text-decoration: none;
}
.social-share{
display: flex;
flex-direction: column;
gap: 20px;
position: fixed;
top: 20%;
left: 2%;
}
.faq-section .accordion-button:focus{
box-shadow: none;
}
.faq-section .accordion-button::after{
background-image: url('../images/fa-after.png');
background-size: 1.5rem;
width: 1.5rem;
height: 1.5rem;
}
.faq-section .accordion-button:not(.collapsed){
background-color: unset;
border-bottom: 1.5px solid #E0DEDE;
}
/* Footer Css */ /* Footer Css */
.footer{ .footer{
background: #296AC7; background: #296AC7;

Binary file not shown.

After

Width:  |  Height:  |  Size: 412 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 618 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 179 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 151 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 990 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 828 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 732 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 814 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 131 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 500 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 919 B

@ -76,13 +76,66 @@
</div> </div>
</div> </div>
</section> </section>
<section class="our-values-section">
<h1>We are our values</h1>
<div class="row gx-5">
<div class="col-md-6">
<div class="values-left">
<p>We are passionate about creating a calm, inspiring work environment that attracts very
high-performing talent. We connect that talent with our partners, providing mutual growth opportunities.
</p>
<div class="values-img">
<img src="{{url('frontend/images/attractive-man.png')}}" id="values-img" alt="">
</div>
</div>
</div>
<div class="col-md-6">
<div class="values-lists">
<a onclick="changeImg('{{url('frontend/images/attractive-man.png')}}','{{1}}')" id="values-link{{1}}" class="link-active">
<h2>Committed</h2>
</a>
<a onclick="changeImg('','{{2}}')" id="values-link{{2}}">
<h2>Develop relationship & Deliver Results</h2>
</a>
<a onclick="changeImg('','{{3}}')" id="values-link{{3}}">
<h2>Committed</h2>
</a>
<a onclick="changeImg('','{{4}}')" id="values-link{{4}}">
<h2>Develop relationship & Deliver Results</h2>
</a>
<a onclick="changeImg('','{{5}}')" id="values-link{{5}}">
<h2>Committed</h2>
</a>
<a onclick="changeImg('{{url('frontend/images/attractive-man.png')}}','{{6}}')" id="values-link{{6}}">
<h2>Develop relationship & Deliver Results</h2>
</a>
</div>
</div>
</div>
</section>
<section class="lets-chat-section"> <section class="lets-chat-section">
<h1>Let's Chat</h1> <h1>Let's Chat</h1>
<p>Thinking about starting a team? Need to augment your existing team? <p>Thinking about starting a team? Need to augment your existing team?
We’re here to help. We work with US based companies to help them grow! We’re here to help. We work with US based companies to help them grow!
</p> </p>
<div class="text-center"> <div class="text-center">
<a href="">Consult with us</a> <a href="">Consult with us <i class="fa-solid fa-arrow-right fa-2xs ms-1"></i></a>
</div> </div>
</section> </section>
@endsection
@section('script')
<script>
function changeImg(img, id){
if ($('.link-active').length > 0) {
pre_id = $('.link-active')[0]['id'];
myId = document.getElementById(pre_id);
myId.classList.remove("link-active");
}
var link = document.getElementById("values-link"+ id);
link.classList.add("link-active")
var image = document.getElementById('values-img');
image.src=img
}
</script>
@endsection @endsection

@ -0,0 +1,82 @@
@extends('layout.app')
@section('title')
<title>Blogs Detail</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="blog-detail-section">
<div class="row">
<div class="col-md-8">
<div class="blog-detail-desc">
<div class="blog-detail-img">
<img src="{{url('frontend/images/blogs-detail.png')}}" class="w-100" alt="">
</div>
<h6>Dec 09, 2022, 2 mins read</h6>
<h2>Ten Reasons that make Australia the Best Destination </h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularized in the 1960s with the release of Letterset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularized in the 1960s with the release of Letterset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
<br><br>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularized in the 1960s with the release of Letterset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularized in the 1960s with the release of Letterset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularized in the 1960s with the release of Letterset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularized in the 1960s with the release of Letterset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
<br><br>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularized in the 1960s with the release of Letterset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularized in the 1960s with the release of Letterset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
</div>
</div>
<div class="col-md-4">
<div class="recent-card">
<h1>Recent Posts</h1>
<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>
<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>
</section>
<div class="social-share">
<?php
$baseUrl="http://www.eteducation.com.au/blog/";
// $slug="$setting->slug";
?>
<a target="_blank" href="http://www.facebook.com/sharer.php?u={{$baseUrl.'/blog/'}}">
<img src="{{url('frontend/images/facebook-icon.png')}}" class="img-fluid" alt="">
</a>
<a target="_blank" href="http://twitter.com/share?text=Visit the link &url={{$baseUrl.'/blog/'}}">
<img src="{{url('frontend/images/twitter.png')}}" class="img-fluid" alt="">
</a>
<a target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&url={{$baseUrl.'/blog/'}}">
<img src="{{url('frontend/images/linkdin.png')}}" class="img-fluid" alt="">
</a>
</div>
@endsection

@ -0,0 +1,91 @@
@extends('layout.app')
@section('title')
<title>Blogs</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/blogs-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">Blogs</li>
</ol>
</nav>
<div class="studyabroad-banner-header">
<h1>Blog</h1>
<h5>Know what’s trending overseas</h5>
</div>
</section>
<section class="blogs-section">
<h2 class="visa-para-title mb-5">
<img src="{{url('frontend/icons/side-bars.svg')}}" class="me-2" alt="">
Latest Articles
</h2>
<div class="row">
<div class="col-md-5">
<div class="featured-article">
<img src="{{url('frontend/images/sydney-opera-house.png')}}" class="w-100" alt="">
<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-sm"></i></a>
</div>
</div>
<div class="col-md-7">
<div class="related-articles">
<div class="article-card">
<div class="article-img">
<img src="{{url('frontend/images/student-studying.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 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>
</section>
<section class="blog-banner">
<div class="blog-banner-desc">
<div class="blog-banner-content">
<h2>Get started <span>today.</span></h2>
<a href="">FREE CONSULTATION</a>
</div>
<h5>Get Free Consultation with Experts</h5>
</div>
</section>
@endsection

@ -57,38 +57,43 @@
<div class="form-sec"> <div class="form-sec">
<h1>Send us a Message!</h1> <h1>Send us a Message!</h1>
<p>If you have any queries, let us know.</p> <p>If you have any queries, let us know.</p>
<form action="{{url('contact')}}" method = "post"> <form action="{{url('contact')}}" method = "post" onsubmit="return validateContact()">
@csrf @csrf
<div class="row gy-4"> <div class="row gy-4">
<div class="col-md-6"> <div class="col-md-6">
<div class="form-group"> <div class="form-group">
<label for="">Full Name</label> <label for="">Full Name</label>
<input type="text" name = "full_name" class="form-control" placeholder="Your full name" required> <input type="text" name = "full_name" class="form-control" id="contact-fullname" value="" placeholder="Your full name" onkeyup="contactFullname()">
</div> </div>
<span class="error" id='contact-fname-error'></span>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="form-group"> <div class="form-group">
<label for="">Email address</label> <label for="">Email address</label>
<input type="email" name = "email" class="form-control" placeholder="Your email address" required> <input type="email" name = "email" class="form-control" placeholder="Your email address" value="" onkeyup="contactEmail()">
</div> </div>
<span class="error" id='contact-email-error'></span>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="form-group"> <div class="form-group">
<label for="">Phone number</label> <label for="">Phone number</label>
<input type="number" name = "phone" class="form-control" placeholder="Your phone number" required> <input type="number" name = "phone" class="form-control" placeholder="Your phone number" value="" onkeyup="contactPhone()">
</div> </div>
<span class="error" id='contact-phone-error'></span>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="form-group"> <div class="form-group">
<label for="">Nationality</label> <label for="">Nationality</label>
<input type="text" name = "nationality" class="form-control" placeholder="Your nationality"> <input type="text" name = "nationality" class="form-control" placeholder="Your nationality">
</div> </div>
<span class="error" id='contact-nationality-error'></span>
</div> </div>
<div class="col-md-12 mb-4"> <div class="col-md-12 mb-4">
<div class="form-group"> <div class="form-group">
<label for="exampleFormControlTextarea1">Enquiry</label> <label for="exampleFormControlTextarea1">Enquiry</label>
<textarea class="form-control" name = "message" id="exampleFormControlTextarea1" placeholder="Your enquiries.." rows="5"></textarea> <textarea class="form-control" name = "message" id="exampleFormControlTextarea1" placeholder="Your enquiries.." rows="5"></textarea>
</div> </div>
<span class="error" id='contact-message-error'></span>
</div> </div>
<div class="text-center"> <div class="text-center">
<button type="submit" class="">Submit your enquiry</button> <button type="submit" class="">Submit your enquiry</button>
@ -110,7 +115,41 @@
<script> <script>
// contact us form error declaration
fnameError = document.getElementById('contact-fname-error');
emailError = document.getElementById('contact-email-error');
phoneError = document.getElementById('contact-phone-error');
nationalityError = document.getElementById('contact-nationality-error');
messageError = document.getElementById('contact-message-error');
function contactFullname(){
var fullname = document.getElementById('contact-fullname').value;
if(fullname.length == 0){
$('#contact-fullname').focus();
fnameError.innerHTML = "Full name is required !";
return false;
}
else{
fnameError.innerHTML = '';
return true;
}
}
function validateContact(){
if(!contactFullname()){
return false;
}
else{
Swal.fire(
'Good job!',
'You clicked the button!',
'success'
)
// $('#contactModal').modal('show');
}
}
var php_var = "<?php echo $msg; ?>"; var php_var = "<?php echo $msg; ?>";
if(php_var.length !== 0){ if(php_var.length !== 0){

@ -0,0 +1,41 @@
@extends('layout.app')
@section('title')
<title>FAQs</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/faq-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">Study Abroad</li>
</ol>
</nav>
<div class="studyabroad-banner-header">
<h1>I have a Question</h1>
<h5>Know what’s trending overseas</h5>
</div>
</section>
<section class="faq-section">
<h1>Frequently Asked Questions</h1>
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="heading">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse" aria-expanded="false" aria-controls="collapse">
<img src="{{url('frontend/images/faq-lists.png')}}" class="mx-2" alt=""> How can ET Education help me while I apply a visa to study in Australia?
</button>
</h2>
<div id="collapse" class="accordion-collapse collapse" aria-labelledby="heading" data-bs-parent="#accordionExample">
<div class="accordion-body">
We have a team of experienced education consultants and Registered Migration Agents with a combined experience of 50+ years. We will assist you with finding the right visa type and lodging your application throughout the Australia study visa process.
</div>
</div>
</div>
</div>
</section>
@endsection

@ -13,7 +13,7 @@
<nav aria-label="breadcrumb"> <nav aria-label="breadcrumb">
<ol class="breadcrumb"> <ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/">Home</a></li> <li class="breadcrumb-item"><a href="/">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">name</li> <li class="breadcrumb-item active" aria-current="page">Study Abroad</li>
</ol> </ol>
</nav> </nav>
<div class="studyabroad-banner-header"> <div class="studyabroad-banner-header">

@ -13,7 +13,7 @@
<nav aria-label="breadcrumb"> <nav aria-label="breadcrumb">
<ol class="breadcrumb"> <ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/">Home</a></li> <li class="breadcrumb-item"><a href="/">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">name</li> <li class="breadcrumb-item active" aria-current="page">Visa</li>
</ol> </ol>
</nav> </nav>
<div class="studyabroad-banner-header"> <div class="studyabroad-banner-header">

@ -157,6 +157,9 @@
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.</p> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.</p>
</div> </div>
</div> </div>
<div class="mt-4">
<a href="">Learn More</a>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -167,7 +170,7 @@
<div class="testimonials-desc"> <div class="testimonials-desc">
<h1>Words from Our Happy Customers</h1> <h1>Words from Our Happy Customers</h1>
<p>We believe customer satisfaction is a great compliment so we always work hard to achieve your success.</p> <p>We believe customer satisfaction is a great compliment so we always work hard to achieve your success.</p>
<a href="">View More</a> <a href="">View More <i class="fa-solid fa-chevron-right fa-sm"></i></a>
</div> </div>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">

@ -65,6 +65,15 @@ Route::post('contact', [ContactController::class,'post_contact']);
Route::get('/about', function () { Route::get('/about', function () {
return view('about'); return view('about');
}); });
Route::get('/blogs', function () {
return view('blogs');
});
Route::get('/blog-detail', function () {
return view('blog-detail');
});
Route::get('/faq', function () {
return view('faq');
});
Route::post('image-upload', [ImageUploadController::class, 'storeImage'])->name('image.upload'); //upload image in CkEditor Route::post('image-upload', [ImageUploadController::class, 'storeImage'])->name('image.upload'); //upload image in CkEditor
Route::group(['middleware'=>['auth']],function (){ Route::group(['middleware'=>['auth']],function (){

Loading…
Cancel
Save