diff --git a/public/frontend/css/style.css b/public/frontend/css/style.css
index f20d34d..d7d6e07 100644
--- a/public/frontend/css/style.css
+++ b/public/frontend/css/style.css
@@ -791,13 +791,19 @@ Responsive Codes
     padding: 3rem 6rem;
     background: #F8F8F8;
 }
-.who-we-desc hr, .obj-header hr, .hiring-content hr{
+.who-we-desc hr, 
+.obj-header hr, 
+.hiring-content hr,
+.news-update-head hr{
     width: 38px;
     height: 0px;
     opacity: 1;
     border: 1px solid #F54C5F;
 }
-.who-we-desc h5, .obj-header h5, .hiring-content h5{
+.who-we-desc h5, 
+.obj-header h5, 
+.hiring-content h5,
+.news-update-head h5{
     font-weight: 500;
     font-size: 16px;
     line-height: 24px;
@@ -806,7 +812,10 @@ Responsive Codes
     align-items: center;
     gap: 10px;
 }
-.who-we-desc h3, .obj-header h3, .hiring-content h3{
+.who-we-desc h3, 
+.obj-header h3, 
+.hiring-content h3,
+.news-update-head h3{
     font-weight: 700;
     font-size: 38px;
     line-height: 57px;
@@ -966,7 +975,8 @@ Responsive Codes
 .about-banner-content h2,
 .contact-banner-content h2,
 .services-banner-content h2,
-.service-detail-desc h2{
+.service-detail-desc h2,
+.news-banner-desc h2{
     font-weight: 700;
     font-size: 60px;
     line-height: 3rem;
@@ -1166,11 +1176,58 @@ Responsive Codes
     padding: 3rem 6rem;
 }
 .service-detail-second .row,
-.service-detail-third .row{
+.service-detail-third .row,
+.news-update-section .row{
     display: flex;
     align-items: center;
 }
 
+/* news and update section */
+.news-banner-section{
+    background: url(../images/news-banner.png);
+    padding: 6rem;
+    height: 40vh;
+    background-repeat: no-repeat;
+    background-size: cover !important;
+    position: relative;
+}
+.news-update-section{
+    padding: 3rem 6rem;
+}
+.featured-news-desc{
+    padding-right: 20%;
+}
+.featured-news-desc h3{
+    font-weight: 600;
+    font-size: 32px;
+    line-height: 48px;
+    color: #082548;
+    margin-bottom: 25px;
+}
+.featured-news-desc h5{
+    font-weight: 500;
+    font-size: 14px;
+    line-height: 21px;
+    color: #676676;
+}
+.featured-news-desc p{
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 1.8rem;
+    color: #071C39;
+    margin-bottom: 25px;
+}
+.featured-news-desc a{
+    background: #F54C5F;
+    border-radius: 44px;
+    text-decoration: none;
+    padding: 10px 30px;
+    font-weight: 500;
+    font-size: 14px;
+    line-height: 21px;
+    text-align: center;
+    color: #FFFFFF;
+}
 /* large screen */
 @media screen and (min-width: 1600px){
     .our-service-card{
diff --git a/public/frontend/images/news-banner.png b/public/frontend/images/news-banner.png
new file mode 100644
index 0000000..37dfab6
Binary files /dev/null and b/public/frontend/images/news-banner.png differ
diff --git a/public/frontend/images/test-img.png b/public/frontend/images/test-img.png
new file mode 100644
index 0000000..823c698
Binary files /dev/null and b/public/frontend/images/test-img.png differ
diff --git a/resources/views/news_detail.blade.php b/resources/views/news_detail.blade.php
new file mode 100644
index 0000000..68ab7e8
--- /dev/null
+++ b/resources/views/news_detail.blade.php
@@ -0,0 +1,38 @@
+@extends('layout.app')
+@section('title')
+    <title>News & Updates</title>
+@endsection
+@section('content')
+    <section class="news-banner-section">
+        <div class="news-banner-desc">
+            <h2>News & Updates</h2>
+        </div>
+    </section>
+    <section class="news-update-section">
+        <div class="news-update-head">
+            <h5>What’s New <hr></h5>
+            <h3>News & Updates</h3>
+        </div>
+        <div class="row mt-4">
+            <div class="col-md-6">
+                <div class="featured-news-image">
+                    <img src="{{url('frontend/images/test-img.png')}}" class="img-fluid" alt="">
+                </div>
+            </div>
+            <div class="col-md-6">
+                <div class="featured-news-desc">
+                    <h3>Recognition of Prior Learning (RPL)</h3>
+                    <h5>Dec 08, 2022</h5>
+                    <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...</p>
+                    <a href="/">Read More</a>
+                </div>
+            </div>
+            <div class="col-md-4">
+                <div class="news-page-card">
+                    
+                </div>
+            </div>
+        </div>
+    </section>
+
+@endsection
\ No newline at end of file
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
index cf3a03b..cc9be3b 100644
--- a/resources/views/welcome.blade.php
+++ b/resources/views/welcome.blade.php
@@ -154,7 +154,7 @@
       <div class="row">
         <div class="col-md-6">
             <div class="featured-news">
-              <a href="/" href="">
+              <a href="/news_detail" href="">
                 <div class="featured-news-image">
                   <img src="{{url('frontend/images/featured-image.png')}}" class="w-100" alt="">
                 </div>
@@ -171,7 +171,7 @@
         </div>
         <div class="col-md-6">
           <div class="more-news">
-            <a href="/" class="more-news-box">
+            <a href="/news_detail" class="more-news-box">
               <div class="news-box-img">
                 <img src="{{url('frontend/images/baking.png')}}" class="w-100" alt="">
               </div>
@@ -180,7 +180,7 @@
                 <p>Aadvanced culinary training in baking fresh bread, cakes, pies ...</p>
               </div>
             </a>
-            <a href="/" class="more-news-box">
+            <a href="/news_detail" class="more-news-box">
               <div class="news-box-img">
                 <img src="{{url('frontend/images/baking.png')}}" class="w-100" alt="">
               </div>
@@ -189,7 +189,7 @@
                 <p>Aadvanced culinary training in baking fresh bread, cakes, pies ...</p>
               </div>
             </a>
-            <a href="/" class="more-news-box">
+            <a href="/news_detail" class="more-news-box">
               <div class="news-box-img">
                 <img src="{{url('frontend/images/baking.png')}}" class="w-100" alt="">
               </div>
@@ -198,7 +198,7 @@
                 <p>Aadvanced culinary training in baking fresh bread, cakes, pies ...</p>
               </div>
             </a>
-            <a href="/" class="more-news-box">
+            <a href="/news_detail" class="more-news-box">
               <div class="news-box-img">
                 <img src="{{url('frontend/images/baking.png')}}" class="w-100" alt="">
               </div>
diff --git a/routes/web.php b/routes/web.php
index d14731f..1e5c915 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -60,6 +60,10 @@ Route::get('/service_detail', function(){
     return view('service_detail');
 });
 
+Route::get('/news_detail', function(){
+    return view('news_detail');
+});
+
 Route::get('/contact', [HomeController::class, 'contact']);
 
 Route::get('/referral', [ReferralController::class, 'create']);