[add] blogs page

et#4
tribikram 2 years ago
parent b0b1b98da7
commit 4f9efa097a
  1. 72
      public/frontend/css/style.css
  2. BIN
      public/frontend/images/blog-passport.png
  3. BIN
      public/frontend/images/blogs-banner.png
  4. BIN
      public/frontend/images/student-studying.png
  5. BIN
      public/frontend/images/sydney-opera-house.png
  6. 82
      resources/views/blogs.blade.php
  7. 3
      routes/web.php

@ -307,7 +307,7 @@ Responsive Codes
.about-header-section, .about-header-section,
.why-et, .why-et,
.student-visa-section, .student-visa-section,
.blogs-section,
.why-et{ .why-et{
padding: 3rem 6rem; padding: 3rem 6rem;
} }
@ -957,6 +957,76 @@ 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{
font-weight: 500;
font-size: 14px;
line-height: 21px;
color: #676676;
}
.featured-article 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;
}
/* Footer Css */ /* Footer Css */
.footer{ .footer{
background: #296AC7; background: #296AC7;

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: 131 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 500 KiB

@ -0,0 +1,82 @@
@extends('layout.app')
@section('title')
<title>About 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/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">name</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="">Read More <i class="fa-solid fa-arrow-right-long ms-2"></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="">Read More <i class="fa-solid fa-arrow-right-long ms-2"></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="">Read More <i class="fa-solid fa-arrow-right-long ms-2"></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="">Read More <i class="fa-solid fa-arrow-right-long ms-2"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
@endsection

@ -65,6 +65,9 @@ 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::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