tribikram
/
ET-VISA
1
0
Fork 0
Code Issues 24 Pull Requests 15 Packages Projects 1 Releases Wiki Activity

[add] services page slicing

Browse Source
et#12
tribikram 2 years ago
parent c3ba2dd657
commit 68f70bb556
8 changed files with 223 additions and 79 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  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

79
public/frontend/css/style.css
Unescape View File

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

17
public/frontend/icons/coin.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

5
public/frontend/icons/exclusive.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 7.9 KiB

18
resources/views/blog-detail.blade.php
Unescape View File

@ -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">
<div class="blog-info">
<h6>{{$date->format('j M, Y')}}</h6> <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>

2
resources/views/layout/app.blade.php
Unescape View File

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

94
resources/views/services.blade.php
Unescape View File

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

79
resources/views/welcome.blade.php
Unescape View File

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

6
routes/web.php
Unescape View File

@ -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');
// }); // });

Write Preview
Loading…
Cancel
Save