diff --git a/public/frontend/css/style.css b/public/frontend/css/style.css
index 00528fa..33bc874 100644
--- a/public/frontend/css/style.css
+++ b/public/frontend/css/style.css
@@ -1237,6 +1237,9 @@ Responsive Codes
.news-page-card{
margin-top: 40px;
}
+.news-page-card a{
+ text-decoration: none;
+}
.news-card-desc{
padding: 20px;
margin-top: 20px;
@@ -1254,7 +1257,69 @@ Responsive Codes
line-height: 21px;
color: #071C39;
}
+/* news details page css */
+.bloghead-section,
+.related-article{
+ padding: 3rem 6rem;
+}
+.blog-social{
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+.blog-share{
+ display: flex;
+ align-items: center;
+ gap: 20px;
+}
+.blog-header h2{
+ font-weight: 700;
+ font-size: 38px;
+ line-height: 57px;
+ color: #082548;
+ margin-bottom: 0;
+}
+.blog-social p{
+ font-weight: 500;
+ font-size: 14px;
+ line-height: 21px;
+ color: #676676;
+}
+.blog-share h5{
+ font-weight: 600;
+ font-size: 16px;
+ line-height: 21px;
+ color: #474747;
+ margin-bottom: 0;
+}
+.blog-content p{
+ font-weight: 500;
+ font-size: 16px;
+ line-height: 28px;
+ color: #474747;
+}
+.blog-content h5{
+ font-weight: 600;
+ font-size: 22px;
+ margin-top: 0.5rem;
+ line-height: 33px;
+ color: #1D1D1D;
+}
+.related-article h3{
+ font-weight: 600;
+ font-size: 22px;
+ line-height: 33px;
+ color: #F54C5F;
+ display: inline-block;
+}
+.related-article h3::after{
+ content: '';
+ border-bottom: 2px solid #000000;
+ display: block;
+ margin-top: 5px;
+ width: 140%;
+}
/* large screen */
@media screen and (min-width: 1600px){
diff --git a/public/frontend/icons/facebook-icon.svg b/public/frontend/icons/facebook-icon.svg
new file mode 100644
index 0000000..711be8c
--- /dev/null
+++ b/public/frontend/icons/facebook-icon.svg
@@ -0,0 +1,4 @@
+
diff --git a/public/frontend/icons/linkdin-link.svg b/public/frontend/icons/linkdin-link.svg
new file mode 100644
index 0000000..f25eae3
--- /dev/null
+++ b/public/frontend/icons/linkdin-link.svg
@@ -0,0 +1,4 @@
+
diff --git a/public/frontend/icons/twiter-link.svg b/public/frontend/icons/twiter-link.svg
new file mode 100644
index 0000000..5549d3a
--- /dev/null
+++ b/public/frontend/icons/twiter-link.svg
@@ -0,0 +1,4 @@
+
diff --git a/public/frontend/images/test-desc.png b/public/frontend/images/test-desc.png
new file mode 100644
index 0000000..6314311
Binary files /dev/null and b/public/frontend/images/test-desc.png differ
diff --git a/resources/views/layout/app.blade.php b/resources/views/layout/app.blade.php
index 00f71b6..9c226db 100644
--- a/resources/views/layout/app.blade.php
+++ b/resources/views/layout/app.blade.php
@@ -53,7 +53,7 @@
Insurance
- News
+ News
Contact
@@ -178,10 +178,13 @@
navHeader.classList.add("header-scroll");
}
- if(window.scrollY==0){
+ if(window.scrollY==0 && location.pathname != '/news_detail'){
navHeader.classList.remove("header-scroll");
}
}
+ if(location.pathname === '/news_detail'){
+ navHeader.classList.add("header-scroll");
+ }
@yield('script')
diff --git a/resources/views/news.blade.php b/resources/views/news.blade.php
new file mode 100644
index 0000000..12d314d
--- /dev/null
+++ b/resources/views/news.blade.php
@@ -0,0 +1,74 @@
+@extends('layout.app')
+@section('title')
+