[add] news and update page

aplus/#11
tribikram 2 years ago committed by Mahesh Sharma
parent 9a13087b88
commit d4514a7e5f
  1. 22
      public/frontend/css/style.css
  2. 2
      resources/views/layout/app.blade.php
  3. 33
      resources/views/news_detail.blade.php

@ -1234,6 +1234,28 @@ Responsive Codes
text-align: center; text-align: center;
color: #FFFFFF; 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 */ /* large screen */
@media screen and (min-width: 1600px){ @media screen and (min-width: 1600px){
.our-service-card{ .our-service-card{

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

@ -27,9 +27,40 @@
<a href="/">Read More</a> <a href="/">Read More</a>
</div> </div>
</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="col-md-4">
<div class="news-page-card"> <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> </div>
</div> </div>

Loading…
Cancel
Save