[add] blogs page

public/frontend/css/style.css

@@ -307,7 +307,7 @@ Responsive Codes
 .about-header-section,
 .why-et,
 .student-visa-section,
-
+.blogs-section,
 .why-et{
     padding: 3rem 6rem;
 }
@@ -957,6 +957,76 @@ Responsive Codes
     border-radius: 0 0 12px 12px;
     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{
     background: #296AC7;

resources/views/blogs.blade.php

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

routes/web.php

@@ -65,6 +65,9 @@ Route::post('contact', [ContactController::class,'post_contact']);
 Route::get('/about', function () {
     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::group(['middleware'=>['auth']],function (){