[add] news and update page

public/frontend/css/style.css

@@ -1234,6 +1234,28 @@ Responsive Codes
     text-align: center;
     color: #FFFFFF;
 }
+.news-page-card{
+    margin-top: 40px;
+}
+.news-card-desc{
+    padding: 20px;
+    margin-top: 20px;
+}
+.news-card-desc h4{
+    font-weight: 600;
+    font-size: 18px;
+    line-height: 26px;
+    color: #082548;
+    margin-bottom: 10px;
+}
+.news-card-desc p{
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 21px;
+    color: #071C39;
+}
+
+
 /* large screen */
 @media screen and (min-width: 1600px){
     .our-service-card{

resources/views/layout/app.blade.php

@@ -53,7 +53,7 @@
             <a class="nav-link" href="{{url('/insurance')}}">Insurance</a>
         </li>
         <li class="nav-item">
-            <a class="nav-link" href="{{url('/news')}}">News</a>
+            <a class="nav-link" href="{{url('/news_detail')}}">News</a>
         </li>
         <li class="nav-item">
             <a class="nav-link pr-0" href="{{url('/contact')}}">Contact</a>

resources/views/news_detail.blade.php

@@ -27,9 +27,40 @@
                     <a href="/">Read More</a>
                 </div>
             </div>
+        </div>
+        <div class="row g-4">
+
             <div class="col-md-4">
                 <div class="news-page-card">
-                    
+                    <div class="news-card-img">
+                        <img src="{{url('frontend/images/test-img.png')}}" class="img-fluid" alt="">
+                    </div>
+                    <div class="news-card-desc">
+                        <h4>Lorem Ipsum is simply dummy text of the printing</h4>
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's...</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-4">
+                <div class="news-page-card">
+                    <div class="news-card-img">
+                        <img src="{{url('frontend/images/test-img.png')}}" class="img-fluid" alt="">
+                    </div>
+                    <div class="news-card-desc">
+                        <h4>Lorem Ipsum is simply dummy text of the printing</h4>
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's...</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-4">
+                <div class="news-page-card">
+                    <div class="news-card-img">
+                        <img src="{{url('frontend/images/test-img.png')}}" class="img-fluid" alt="">
+                    </div>
+                    <div class="news-card-desc">
+                        <h4>Lorem Ipsum is simply dummy text of the printing</h4>
+                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's...</p>
+                    </div>
                 </div>
             </div>
         </div>