[add] services page slicing

et#12
tribikram 2 years ago
parent c3ba2dd657
commit 68f70bb556
  1. 79
      public/frontend/css/style.css
  2. 17
      public/frontend/icons/coin.svg
  3. 5
      public/frontend/icons/exclusive.svg
  4. 18
      resources/views/blog-detail.blade.php
  5. 2
      resources/views/layout/app.blade.php
  6. 94
      resources/views/services.blade.php
  7. 79
      resources/views/welcome.blade.php
  8. 6
      routes/web.php

@ -428,7 +428,8 @@ Responsive Codes
.why-et,
.blog-detail-section,
.faq-section,
.student-visa-section{
.student-visa-section,
.services-page-section{
padding: 3rem 6rem;
}
.services-section .row,
@ -441,7 +442,7 @@ Responsive Codes
align-items: center;
}
.services-content{
margin-right: 6rem;
margin-right: 2rem;
}
.services-content h1{
font-weight: 600;
@ -498,15 +499,23 @@ Responsive Codes
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
border-radius: 16px;
}
.service-card a{
.service-page-content{
color: #000000;
text-align: center;
padding: 20px;
}
.service-card a,
.service-page-content span{
text-decoration: none;
font-weight: 700;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #1E1C1C;
}
.service-card a:hover{
color: #E22899;
}
.service-icon{
margin-bottom: 20px;
}
@ -524,9 +533,10 @@ Responsive Codes
top: -22%;
}
.why-us-lists{
display: flex;
display: -webkit-inline-box;
gap: 2rem;
margin-bottom: 1rem;
padding-right: 6rem;
}
.why-us-desc h1,
.testimonials-desc h1,
@ -549,11 +559,11 @@ Responsive Codes
color: #1E1C1C;
}
.lists-icons{
padding: 10px;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #296AC7;
}
@ -650,13 +660,15 @@ Responsive Codes
line-height: 1.6rem;
margin-bottom: 2rem;
}
.blog-card{
.blog-card,
.service-page-card{
background: #FFFFFF;
box-shadow: 0px 4px 18px rgba(121, 121, 121, 0.05);
border-radius: 12px;
transition: .4s;
}
.blog-card:hover{
.blog-card:hover,
.service-page-card:hover{
transform: scale(1.03);
}
.blog-desc{
@ -677,7 +689,9 @@ Responsive Codes
transition: color 1.5s;
}
.blog-card:hover h2,
.blog-card:hover p{
.blog-card:hover p,
.service-page-card:hover h2,
.service-page-card:hover p{
color: #E22899;
}
.blog-desc p{
@ -1327,7 +1341,7 @@ Responsive Codes
}
/* blog detail css */
.blog-detail-img{
margin-bottom: 15px;
margin: 15px 0;
}
.recent-card{
background: #DFEBFA;
@ -1456,6 +1470,44 @@ Responsive Codes
display: flex;
gap: 30px;
}
.blog-info span{
width: 6px;
height: 6px;
border-radius: 50%;
background: #676676;
}
.blog-info{
display: flex;
align-items: center;
gap: 10px;
}
.blog-info h6{
margin-bottom: 0;
}
.socials-icon{
background: #EEEEEE;
border-radius: 50%;
width: 40px;
height: 40px;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
transition: .4s;
}
.socials-icon .fa-facebook-f{
color: #3B5998;
}
.socials-icon .fa-twitter{
color: #1DA1F2;
}
.socials-icon .fa-linkedin-in{
color: #0072B1;
}
.socials-icon:hover{
background: #E22899;
transform: scale(1.03);
}
.policy a{
color: #DD6227;
text-decoration: none;
@ -1761,6 +1813,13 @@ Responsive Codes
.et-cards{
grid-template-columns: 1fr 1fr;
}
.blog-socials{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
margin: 10px 0;
}
}
/* mobile view css end */
/* ipad, tablets screen css */

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 31 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 7.9 KiB

@ -13,29 +13,33 @@
<div class="row">
<div class="col-md-8">
<div class="blog-detail-desc">
<h2>{{$blog->title}} </h2>
<div class="blog-detail-img">
<img src="{{url('frontend/images/blogs-detail.png')}}" class="w-100" alt="">
</div>
@php $date = Carbon\Carbon::createFromFormat('Y-m-d', $blog->publish_date);@endphp
<div class="blog-socials">
<div class="blog-info">
<h6>{{$date->format('j M, Y')}}</h6>
<span></span>
<h6>5 min read</h6>
</div>
<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 target="_blank" class="socials-icon" href="http://www.facebook.com/sharer.php?u={{$baseUrl.'/blog/'}}">
<i class="fa-brands fa-facebook-f"></i>
</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 target="_blank" class="socials-icon" href="http://twitter.com/share?text=Visit the link &url={{$baseUrl.'/blog/'}}">
<i class="fa-brands fa-twitter"></i>
</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 target="_blank" class="socials-icon" href="http://www.linkedin.com/shareArticle?mini=true&url={{$baseUrl.'/blog/'}}">
<i class="fa-brands fa-linkedin-in"></i>
</a>
</div>
</div>
<h2>{{$blog->title}} </h2>
{!!$blog->description!!}
<!-- <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>

@ -102,7 +102,7 @@
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="{{url('#')}}" id="navbarDropdown" role="button" data-bs-hover="dropdown" aria-expanded="false">
VISA
VISA SERVICES
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li>

@ -0,0 +1,94 @@
@extends('layout.app')
@section('title')
<title>Services</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="services-page-section">
<div class="row g-5">
<div class="col-md-4">
<a href="{{url('/study-abroad')}}" class="text-decoration-none">
<div class="service-page-card">
<div class="blog-img">
<img src="{{url('frontend/images/opera-house.png')}}" class="w-100" alt="">
</div>
<div class="service-page-content">
<h2>Abroad Study</h2>
<p>If you want to study in a city surrounded by lush greenery and a pleasant atmosphere..</p>
</div>
</div>
</a>
</div>
<div class="col-md-4">
<a href="{{url('/career-counselling')}}" class="text-decoration-none">
<div class="service-page-card">
<div class="blog-img">
<img src="{{url('frontend/images/opera-house.png')}}" class="w-100" alt="">
</div>
<div class="service-page-content">
<h2>Career Counselling</h2>
<p>Get the right guidance to leap through your career.</p>
</div>
</div>
</a>
</div>
<div class="col-md-4">
<a href="{{url('/insurance')}}" class="text-decoration-none">
<div class="service-page-card">
<div class="blog-img">
<img src="{{url('frontend/images/opera-house.png')}}" class="w-100" alt="">
</div>
<div class="service-page-content">
<h2>Insurance</h2>
<p>Providing the right health insurance at competitive rates</p>
</div>
</div>
</a>
</div>
<div class="col-md-4">
<a href="{{url('/visa/student-visa')}}" class="text-decoration-none">
<div class="service-page-card">
<div class="blog-img">
<img src="{{url('frontend/images/opera-house.png')}}" class="w-100" alt="">
</div>
<div class="service-page-content">
<h2>Student Visa</h2>
<p>If you want to study in a city surrounded by lush greenery and a pleasant atmosphere..</p>
</div>
</div>
</a>
</div>
<div class="col-md-4">
<a href="{{url('/visa/skilled-migration-visa')}}" class="text-decoration-none">
<div class="service-page-card">
<div class="blog-img">
<img src="{{url('frontend/images/opera-house.png')}}" class="w-100" alt="">
</div>
<div class="service-page-content">
<h2>Skilled Migration Visa</h2>
<p>If you want to study in a city surrounded by lush greenery and a pleasant atmosphere..</p>
</div>
</div>
</a>
</div>
<div class="col-md-4">
<a href="{{url('visa/business-visa')}}" class="text-decoration-none">
<div class="service-page-card">
<div class="blog-img">
<img src="{{url('frontend/images/opera-house.png')}}" class="w-100" alt="">
</div>
<div class="service-page-content">
<h2>Business Visa</h2>
<p>If you want to study in a city surrounded by lush greenery and a pleasant atmosphere..</p>
</div>
</div>
</a>
</div>
</div>
</section>
@endsection

@ -76,14 +76,14 @@
</section>
<section class="services-section">
<div class="row">
<div class="col-md-6">
<div class="col-md-5">
<div class="services-content">
<h1>Explore and Choose the Service that Fits You the Best.</h1>
<p>We think big and have hands in all leading technology platforms to provide you wide array of services. We think big and have hands in all leading technology platforms to provide you wide array of services.</p>
<a href="">Explore All Services</a>
<a href="/services">Explore All Services</a>
</div>
</div>
<div class="col-md-6">
<div class="col-md-7">
<div class="services-slick">
<div class="services-slider">
<div class="service-card">
@ -91,16 +91,16 @@
<img src="{{url('frontend/icons/abroad-icon.png')}}" alt="">
</div>
<h2>Abroad Study</h2>
<p>Explore and Choose the Course that Meets your Dream</p>
<p>Choose the right course & pursue your dream career.</p>
<a href="{{url('/study-abroad')}}">Learn More</a>
</div>
<div class="service-card">
<div class="service-icon">
<img src="{{url('frontend/icons/migration-visa.png')}}" alt="">
</div>
<h2>Migration & Visa</h2>
<h2>Business Visa</h2>
<p>Explore and Choose the Course that Meets your Dream</p>
<a href="">Learn More</a>
<a href="visa/business-visa">Learn More</a>
</div>
</div>
<div class="services-slider">
@ -109,51 +109,34 @@
<img src="{{url('frontend/icons/ribbon.png')}}" alt="">
</div>
<h2>Career Counselling</h2>
<p>Explore and Choose the Course that Meets your Dream</p>
<a href="">Learn More</a>
<p>Get the right guidance to leap through your career.</p>
<a href="{{url('/career-counselling')}}">Learn More</a>
</div>
<div class="service-card">
<div class="service-icon">
<img src="{{url('frontend/icons/insurance-icon.png')}}" alt="">
</div>
<h2>Insurance</h2>
<p>Explore and Choose the Course that Meets your Dream</p>
<a href="">Learn More</a>
</div>
</div><div class="services-slider">
<div class="service-card">
<div class="service-icon">
<img src="{{url('frontend/icons/abroad-icon.png')}}" alt="">
</div>
<h2>Abroad Study</h2>
<p>Explore and Choose the Course that Meets your Dream</p>
<a href="{{url('study-abroad')}}">Learn More</a>
</div>
<div class="service-card">
<div class="service-icon">
<img src="{{url('frontend/icons/migration-visa.png')}}" alt="">
</div>
<h2>Migration & Visa</h2>
<p>Explore and Choose the Course that Meets your Dream</p>
<p>Providing the right health insurance at competitive rates </p>
<a href="">Learn More</a>
</div>
</div>
<div class="services-slider">
<div class="service-card">
<div class="service-icon">
<img src="{{url('frontend/icons/ribbon.png')}}" alt="">
<img src="{{url('frontend/icons/abroad-icon.png')}}" alt="">
</div>
<h2>Career Counselling</h2>
<p>Explore and Choose the Course that Meets your Dream</p>
<a href="">Learn More</a>
<h2>Student Visa</h2>
<p>Visit Australia to participate in the course of study.</p>
<a href="{{url('/visa/study-visa')}}">Learn More</a>
</div>
<div class="service-card">
<div class="service-icon">
<img src="{{url('frontend/icons/insurance-icon.png')}}" alt="">
<img src="{{url('frontend/icons/migration-visa.png')}}" alt="">
</div>
<h2>Insurance</h2>
<p>Explore and Choose the Course that Meets your Dream</p>
<a href="">Learn More</a>
<h2>Skilled Migration Visa</h2>
<p>Apply for a skilled migration visa for permanent residency.</p>
<a href="{{url('/visa/skilled-migration-visa')}}">Learn More</a>
</div>
</div>
</div>
@ -173,38 +156,20 @@
<p>a remarkable number of Nepalese students from across the world, from diverse backgrounds, have achieved their international education goals successfully through us, the best Study Abroad Consultants in Nepal.</p>
<div class="why-us-lists">
<div class="lists-icons">
<img src="{{url('frontend/icons/bulb.svg')}}" class="img-fluid" alt="">
<img src="{{url('frontend/icons/exclusive.svg')}}" class="img-fluid" alt="">
</div>
<div class="list-des">
<h3>Certified and Registered Counsellors</h3>
<p>To conduct your process in accordance with industry standards.</p>
</div>
</div>
<div class="why-us-lists">
<div class="lists-icons">
<img src="{{url('frontend/icons/brightness.svg')}}" class="img-fluid" alt="">
</div>
<div class="list-des">
<h3>Convenient Location and Affordable services</h3>
<p>To facilitate services conveniently and at reasonable amount.</p>
</div>
</div>
<div class="why-us-lists">
<div class="lists-icons">
<img src="{{url('frontend/icons/brightness.svg')}}" class="img-fluid" alt="">
</div>
<div class="list-des">
<h3>Most Trusted Migration Agent</h3>
<p>Reach our Facebook page and find the testimonials. You’d know it all.</p>
<p>To ensure that your process adheres to the industry’s standard and is performed safely and in a trustworthy manner.</p>
</div>
</div>
<div class="why-us-lists">
<div class="lists-icons">
<img src="{{url('frontend/icons/brightness.svg')}}" class="img-fluid" alt="">
<img src="{{url('frontend/icons/coin.svg')}}" class="img-fluid" alt="">
</div>
<div class="list-des">
<h3>Assistance for wide ranging Courses and Visa</h3>
<p>To help you provide all the options available for your study or migration pathway.</p>
<h3>Affordable services for wide ranging courses and visa</h3>
<p>Certified and Registered CounsellorsTo ensure that your process adheres to the industry’s standard and is performed safely and in a trustworthy manner.Affordable services for wide ranging courses and visaProvide all the options available for your study or migration pathway conveniently and within reasonable amounts.</p>
</div>
</div>
<div class="mt-4">

@ -285,9 +285,9 @@ Route::group(['middleware'=>['auth']],function (){
});
});
// Route::get('/study-abroad', function () {
// return view('study-abroad');
// });
Route::get('/services', function () {
return view('services');
});
// Route::get('/study-abroad-detail', function () {
// return view('study-abroad-detail');
// });

Loading…
Cancel
Save