[add] news and update page

aplus/#9
tribikram 2 years ago committed by Mahesh Sharma
parent 008c9615ed
commit 4da6194cea
  1. 67
      public/frontend/css/style.css
  2. BIN
      public/frontend/images/news-banner.png
  3. BIN
      public/frontend/images/test-img.png
  4. 38
      resources/views/news_detail.blade.php
  5. 10
      resources/views/welcome.blade.php
  6. 4
      routes/web.php

@ -791,13 +791,19 @@ Responsive Codes
padding: 3rem 6rem; padding: 3rem 6rem;
background: #F8F8F8; 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; width: 38px;
height: 0px; height: 0px;
opacity: 1; opacity: 1;
border: 1px solid #F54C5F; 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-weight: 500;
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
@ -806,7 +812,10 @@ Responsive Codes
align-items: center; align-items: center;
gap: 10px; 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-weight: 700;
font-size: 38px; font-size: 38px;
line-height: 57px; line-height: 57px;
@ -966,7 +975,8 @@ Responsive Codes
.about-banner-content h2, .about-banner-content h2,
.contact-banner-content h2, .contact-banner-content h2,
.services-banner-content h2, .services-banner-content h2,
.service-detail-desc h2{ .service-detail-desc h2,
.news-banner-desc h2{
font-weight: 700; font-weight: 700;
font-size: 60px; font-size: 60px;
line-height: 3rem; line-height: 3rem;
@ -1166,11 +1176,58 @@ Responsive Codes
padding: 3rem 6rem; padding: 3rem 6rem;
} }
.service-detail-second .row, .service-detail-second .row,
.service-detail-third .row{ .service-detail-third .row,
.news-update-section .row{
display: flex; display: flex;
align-items: center; 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 */ /* large screen */
@media screen and (min-width: 1600px){ @media screen and (min-width: 1600px){
.our-service-card{ .our-service-card{

Binary file not shown.

After

Width:  |  Height:  |  Size: 355 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

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

@ -154,7 +154,7 @@
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
<div class="featured-news"> <div class="featured-news">
<a href="/" href=""> <a href="/news_detail" href="">
<div class="featured-news-image"> <div class="featured-news-image">
<img src="{{url('frontend/images/featured-image.png')}}" class="w-100" alt=""> <img src="{{url('frontend/images/featured-image.png')}}" class="w-100" alt="">
</div> </div>
@ -171,7 +171,7 @@
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="more-news"> <div class="more-news">
<a href="/" class="more-news-box"> <a href="/news_detail" class="more-news-box">
<div class="news-box-img"> <div class="news-box-img">
<img src="{{url('frontend/images/baking.png')}}" class="w-100" alt=""> <img src="{{url('frontend/images/baking.png')}}" class="w-100" alt="">
</div> </div>
@ -180,7 +180,7 @@
<p>Aadvanced culinary training in baking fresh bread, cakes, pies ...</p> <p>Aadvanced culinary training in baking fresh bread, cakes, pies ...</p>
</div> </div>
</a> </a>
<a href="/" class="more-news-box"> <a href="/news_detail" class="more-news-box">
<div class="news-box-img"> <div class="news-box-img">
<img src="{{url('frontend/images/baking.png')}}" class="w-100" alt=""> <img src="{{url('frontend/images/baking.png')}}" class="w-100" alt="">
</div> </div>
@ -189,7 +189,7 @@
<p>Aadvanced culinary training in baking fresh bread, cakes, pies ...</p> <p>Aadvanced culinary training in baking fresh bread, cakes, pies ...</p>
</div> </div>
</a> </a>
<a href="/" class="more-news-box"> <a href="/news_detail" class="more-news-box">
<div class="news-box-img"> <div class="news-box-img">
<img src="{{url('frontend/images/baking.png')}}" class="w-100" alt=""> <img src="{{url('frontend/images/baking.png')}}" class="w-100" alt="">
</div> </div>
@ -198,7 +198,7 @@
<p>Aadvanced culinary training in baking fresh bread, cakes, pies ...</p> <p>Aadvanced culinary training in baking fresh bread, cakes, pies ...</p>
</div> </div>
</a> </a>
<a href="/" class="more-news-box"> <a href="/news_detail" class="more-news-box">
<div class="news-box-img"> <div class="news-box-img">
<img src="{{url('frontend/images/baking.png')}}" class="w-100" alt=""> <img src="{{url('frontend/images/baking.png')}}" class="w-100" alt="">
</div> </div>

@ -60,6 +60,10 @@ Route::get('/service_detail', function(){
return view('service_detail'); return view('service_detail');
}); });
Route::get('/news_detail', function(){
return view('news_detail');
});
Route::get('/contact', [HomeController::class, 'contact']); Route::get('/contact', [HomeController::class, 'contact']);
Route::get('/referral', [ReferralController::class, 'create']); Route::get('/referral', [ReferralController::class, 'create']);

Loading…
Cancel
Save