[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. 20
      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, .why-et,
.blog-detail-section, .blog-detail-section,
.faq-section, .faq-section,
.student-visa-section{ .student-visa-section,
.services-page-section{
padding: 3rem 6rem; padding: 3rem 6rem;
} }
.services-section .row, .services-section .row,
@ -441,7 +442,7 @@ Responsive Codes
align-items: center; align-items: center;
} }
.services-content{ .services-content{
margin-right: 6rem; margin-right: 2rem;
} }
.services-content h1{ .services-content h1{
font-weight: 600; font-weight: 600;
@ -498,15 +499,23 @@ Responsive Codes
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
border-radius: 16px; 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; text-decoration: none;
font-weight: 700; font-weight: 700;
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
text-align: center; text-align: center;
color: #1E1C1C; color: #1E1C1C;
} }
.service-card a:hover{
color: #E22899;
}
.service-icon{ .service-icon{
margin-bottom: 20px; margin-bottom: 20px;
} }
@ -524,9 +533,10 @@ Responsive Codes
top: -22%; top: -22%;
} }
.why-us-lists{ .why-us-lists{
display: flex; display: -webkit-inline-box;
gap: 2rem; gap: 2rem;
margin-bottom: 1rem; margin-bottom: 1rem;
padding-right: 6rem;
} }
.why-us-desc h1, .why-us-desc h1,
.testimonials-desc h1, .testimonials-desc h1,
@ -549,11 +559,11 @@ Responsive Codes
color: #1E1C1C; color: #1E1C1C;
} }
.lists-icons{ .lists-icons{
padding: 10px;
width: 50px; width: 50px;
height: 50px; height: 50px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center;
border-radius: 50%; border-radius: 50%;
background: #296AC7; background: #296AC7;
} }
@ -650,13 +660,15 @@ Responsive Codes
line-height: 1.6rem; line-height: 1.6rem;
margin-bottom: 2rem; margin-bottom: 2rem;
} }
.blog-card{ .blog-card,
.service-page-card{
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0px 4px 18px rgba(121, 121, 121, 0.05); box-shadow: 0px 4px 18px rgba(121, 121, 121, 0.05);
border-radius: 12px; border-radius: 12px;
transition: .4s; transition: .4s;
} }
.blog-card:hover{ .blog-card:hover,
.service-page-card:hover{
transform: scale(1.03); transform: scale(1.03);
} }
.blog-desc{ .blog-desc{
@ -677,7 +689,9 @@ Responsive Codes
transition: color 1.5s; transition: color 1.5s;
} }
.blog-card:hover h2, .blog-card:hover h2,
.blog-card:hover p{ .blog-card:hover p,
.service-page-card:hover h2,
.service-page-card:hover p{
color: #E22899; color: #E22899;
} }
.blog-desc p{ .blog-desc p{
@ -1327,7 +1341,7 @@ Responsive Codes
} }
/* blog detail css */ /* blog detail css */
.blog-detail-img{ .blog-detail-img{
margin-bottom: 15px; margin: 15px 0;
} }
.recent-card{ .recent-card{
background: #DFEBFA; background: #DFEBFA;
@ -1456,6 +1470,44 @@ Responsive Codes
display: flex; display: flex;
gap: 30px; 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{ .policy a{
color: #DD6227; color: #DD6227;
text-decoration: none; text-decoration: none;
@ -1761,6 +1813,13 @@ Responsive Codes
.et-cards{ .et-cards{
grid-template-columns: 1fr 1fr; 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 */ /* mobile view css end */
/* ipad, tablets screen css */ /* 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="row">
<div class="col-md-8"> <div class="col-md-8">
<div class="blog-detail-desc"> <div class="blog-detail-desc">
<h2>{{$blog->title}} </h2>
<div class="blog-detail-img"> <div class="blog-detail-img">
<img src="{{url('frontend/images/blogs-detail.png')}}" class="w-100" alt=""> <img src="{{url('frontend/images/blogs-detail.png')}}" class="w-100" alt="">
</div> </div>
@php $date = Carbon\Carbon::createFromFormat('Y-m-d', $blog->publish_date);@endphp @php $date = Carbon\Carbon::createFromFormat('Y-m-d', $blog->publish_date);@endphp
<div class="blog-socials"> <div class="blog-socials">
<h6>{{$date->format('j M, Y')}}</h6> <div class="blog-info">
<h6>{{$date->format('j M, Y')}}</h6>
<span></span>
<h6>5 min read</h6>
</div>
<div class="social-share"> <div class="social-share">
<?php <?php
$baseUrl="http://www.eteducation.com.au/blog/"; $baseUrl="http://www.eteducation.com.au/blog/";
// $slug="$setting->slug"; // $slug="$setting->slug";
?> ?>
<a target="_blank" href="http://www.facebook.com/sharer.php?u={{$baseUrl.'/blog/'}}"> <a target="_blank" class="socials-icon" href="http://www.facebook.com/sharer.php?u={{$baseUrl.'/blog/'}}">
<img src="{{url('frontend/images/facebook-icon.png')}}" class="img-fluid" alt=""> <i class="fa-brands fa-facebook-f"></i>
</a> </a>
<a target="_blank" href="http://twitter.com/share?text=Visit the link &url={{$baseUrl.'/blog/'}}"> <a target="_blank" class="socials-icon" href="http://twitter.com/share?text=Visit the link &url={{$baseUrl.'/blog/'}}">
<img src="{{url('frontend/images/twitter.png')}}" class="img-fluid" alt=""> <i class="fa-brands fa-twitter"></i>
</a> </a>
<a target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&url={{$baseUrl.'/blog/'}}"> <a target="_blank" class="socials-icon" href="http://www.linkedin.com/shareArticle?mini=true&url={{$baseUrl.'/blog/'}}">
<img src="{{url('frontend/images/linkdin.png')}}" class="img-fluid" alt=""> <i class="fa-brands fa-linkedin-in"></i>
</a> </a>
</div> </div>
</div> </div>
<h2>{{$blog->title}} </h2>
{!!$blog->description!!} {!!$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. <!-- <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> <br><br>

@ -102,7 +102,7 @@
</li> </li>
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="{{url('#')}}" id="navbarDropdown" role="button" data-bs-hover="dropdown" aria-expanded="false"> <a class="nav-link dropdown-toggle" href="{{url('#')}}" id="navbarDropdown" role="button" data-bs-hover="dropdown" aria-expanded="false">
VISA VISA SERVICES
</a> </a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li> <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>
<section class="services-section"> <section class="services-section">
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-5">
<div class="services-content"> <div class="services-content">
<h1>Explore and Choose the Service that Fits You the Best.</h1> <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> <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> </div>
<div class="col-md-6"> <div class="col-md-7">
<div class="services-slick"> <div class="services-slick">
<div class="services-slider"> <div class="services-slider">
<div class="service-card"> <div class="service-card">
@ -91,16 +91,16 @@
<img src="{{url('frontend/icons/abroad-icon.png')}}" alt=""> <img src="{{url('frontend/icons/abroad-icon.png')}}" alt="">
</div> </div>
<h2>Abroad Study</h2> <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> <a href="{{url('/study-abroad')}}">Learn More</a>
</div> </div>
<div class="service-card"> <div class="service-card">
<div class="service-icon"> <div class="service-icon">
<img src="{{url('frontend/icons/migration-visa.png')}}" alt=""> <img src="{{url('frontend/icons/migration-visa.png')}}" alt="">
</div> </div>
<h2>Migration & Visa</h2> <h2>Business Visa</h2>
<p>Explore and Choose the Course that Meets your Dream</p> <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> </div>
<div class="services-slider"> <div class="services-slider">
@ -109,51 +109,34 @@
<img src="{{url('frontend/icons/ribbon.png')}}" alt=""> <img src="{{url('frontend/icons/ribbon.png')}}" alt="">
</div> </div>
<h2>Career Counselling</h2> <h2>Career Counselling</h2>
<p>Explore and Choose the Course that Meets your Dream</p> <p>Get the right guidance to leap through your career.</p>
<a href="">Learn More</a> <a href="{{url('/career-counselling')}}">Learn More</a>
</div> </div>
<div class="service-card"> <div class="service-card">
<div class="service-icon"> <div class="service-icon">
<img src="{{url('frontend/icons/insurance-icon.png')}}" alt=""> <img src="{{url('frontend/icons/insurance-icon.png')}}" alt="">
</div> </div>
<h2>Insurance</h2> <h2>Insurance</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/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>
<a href="">Learn More</a> <a href="">Learn More</a>
</div> </div>
</div> </div>
<div class="services-slider"> <div class="services-slider">
<div class="service-card"> <div class="service-card">
<div class="service-icon"> <div class="service-icon">
<img src="{{url('frontend/icons/ribbon.png')}}" alt=""> <img src="{{url('frontend/icons/abroad-icon.png')}}" alt="">
</div> </div>
<h2>Career Counselling</h2> <h2>Student Visa</h2>
<p>Explore and Choose the Course that Meets your Dream</p> <p>Visit Australia to participate in the course of study.</p>
<a href="">Learn More</a> <a href="{{url('/visa/study-visa')}}">Learn More</a>
</div> </div>
<div class="service-card"> <div class="service-card">
<div class="service-icon"> <div class="service-icon">
<img src="{{url('frontend/icons/insurance-icon.png')}}" alt=""> <img src="{{url('frontend/icons/migration-visa.png')}}" alt="">
</div> </div>
<h2>Insurance</h2> <h2>Skilled Migration Visa</h2>
<p>Explore and Choose the Course that Meets your Dream</p> <p>Apply for a skilled migration visa for permanent residency.</p>
<a href="">Learn More</a> <a href="{{url('/visa/skilled-migration-visa')}}">Learn More</a>
</div> </div>
</div> </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> <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="why-us-lists">
<div class="lists-icons"> <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>
<div class="list-des"> <div class="list-des">
<h3>Certified and Registered Counsellors</h3> <h3>Certified and Registered Counsellors</h3>
<p>To conduct your process in accordance with industry standards.</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="">
</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>
</div> </div>
</div> </div>
<div class="why-us-lists"> <div class="why-us-lists">
<div class="lists-icons"> <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>
<div class="list-des"> <div class="list-des">
<h3>Assistance for wide ranging Courses and Visa</h3> <h3>Affordable services for wide ranging courses and visa</h3>
<p>To help you provide all the options available for your study or migration pathway.</p> <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> </div>
<div class="mt-4"> <div class="mt-4">

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

Loading…
Cancel
Save