From c9f9f1c831e652e3606fa9e1a50c40f4797c145f Mon Sep 17 00:00:00 2001 From: tribikram Date: Fri, 9 Dec 2022 12:28:13 +0545 Subject: [PATCH] [add] news detail page added --- public/frontend/css/style.css | 65 ++++++++++++ public/frontend/icons/facebook-icon.svg | 4 + public/frontend/icons/linkdin-link.svg | 4 + public/frontend/icons/twiter-link.svg | 4 + public/frontend/images/test-desc.png | Bin 0 -> 3718 bytes resources/views/layout/app.blade.php | 7 +- resources/views/news.blade.php | 74 +++++++++++++ resources/views/news_detail.blade.php | 132 ++++++++++++++++-------- routes/web.php | 4 + 9 files changed, 248 insertions(+), 46 deletions(-) create mode 100644 public/frontend/icons/facebook-icon.svg create mode 100644 public/frontend/icons/linkdin-link.svg create mode 100644 public/frontend/icons/twiter-link.svg create mode 100644 public/frontend/images/test-desc.png create mode 100644 resources/views/news.blade.php 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 0000000000000000000000000000000000000000..631431108a26741b6219552c92bd48e7008932de GIT binary patch literal 3718 zcmeAS@N?(olHy`uVBq!ia0y~yU`b(MU_8sg1{8^iU+V&-I14-?iy0WWg+Z8+Vb&Z8 zpde#$kh>GZx^prwfgF}}M_)$E)e-c?482F?;T^vIy7~kGKSa>B(q9M_<;081M z^aQ<%v#L9qE;znW@MCS{b7C#j>bT4(s}j;s{7Gl}4wm^6d}s1h)KeswT3G(XeX=o@ z%B;_nu6REAU*Qjq^Yd(PN3RY0o_A-*$E$hUciZc~J%9Wj&~Ang|H~}<9^b67n?3vF z<>uyQb@|WBKRTOF7bt#xZEgPc+iwp$HZTI!{ZJRbY%+IW)z??c4zUlK_g(D!N{zQx4e*5jCOse1g($8}p)A|hWpErE=5F~Y=-mLHO$+_0$a({FG zzHPNU_Q&G*jK?5z8~n}OXI{2ERrC4TtuN2|?bVa}*g-n%x|eR%Is5eN*8OTJ=gyz+ zU!M7^5G4L!^X$WC7Jsd(-4qkgI@9vl8=w`>ANIdp19s#ez4$#9g}-0Cc=74g)TOh{ z^XqIo3_;qiXXbB>ip^bAVyd|LW=@?nizHC6;dPm*s_|LFX9pFIffR{M)0|m-85BGq z-UNx`9}k-RP6DwN4B2PuPv@Lj%?#pA{hK;{>0YqwPu(*CiA)dz#ybN;QWFo5bnuw~ zlI!3!0*M(qf)ay*+6fTn2*lnQ3LtX?ghw@v2E=HJ7|j}^WyBCKEDad8jOOFfd_007ZIdxH(6n*7jb-L(NW=N5P>LR?Wy~P-*kYdV?z`_mT_FaCq}_M_?P8g!4sK|7 zTAui0v^H$@=7Z(nrZSg!`TKjdMtAqs{w~rpwg)w~8DduNJosnJob}uG#;pxgZ`On~ z>`M&gm!CcwIw5jdO4;take){N#=Cj)@^W%DEbEdToJ zuiK0F{!IJvIN2EFoIlp5zgNlY_CAd@KhFR6^PfL8^>(uUm$&RWv<2L&_@Fo)*hy-i zt{*>7Mpkxjx%=zFA0D&MK06pw_U?S)v+kcY`Ej?TK_>mXKkY@4;r2<(KYvW&GfbD~ bGF<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') + News & Updates +@endsection +@section('content') +
    +
    +

    News & Updates

    +
    +
    +
    +
    +
    What’s New
    +

    News & Updates

    +
    +
    +
    +
    + +
    +
    +
    +
    +

    Recognition of Prior Learning (RPL)

    +
    Dec 08, 2022
    +

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

    + Read More +
    +
    +
    +
    +
    +
    + +
    + +
    +
    +

    Lorem Ipsum is simply dummy text of the printing

    +

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's...

    +
    +     +
    +
    +
    +
    + +
    + +
    +
    +

    Lorem Ipsum is simply dummy text of the printing

    +

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's...

    +
    +     +
    +
    +
    +
    + +
    + +
    +
    +

    Lorem Ipsum is simply dummy text of the printing

    +

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's...

    +
    +     +
    +
    +
    +
    + +@endsection \ No newline at end of file diff --git a/resources/views/news_detail.blade.php b/resources/views/news_detail.blade.php index 8f696c7..f6f1d66 100644 --- a/resources/views/news_detail.blade.php +++ b/resources/views/news_detail.blade.php @@ -1,69 +1,113 @@ @extends('layout.app') @section('title') - News & Updates + Recognition of Prior Learning (RPL) @endsection @section('content') -
    -
    -

    News & Updates

    +
    +
    +

    Recognition of Prior Learning (RPL)

    +
    +

    Dec 09, 2022 . 2 min read

    +
    +
    Share on
    + + + +
    +
    -
    -
    -
    -
    What’s New
    -

    News & Updates

    +
    +
    + +
    +
    +

    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, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularized in the 1960s with the release of Letterset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. 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, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularized in the 1960s with the release of Letterset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry.

    +
    Where does it come from?
    +

    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, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularized in the 1960s with the release of Letterset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. 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, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularized in the 1960s with the release of Letterset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry.

    +
    -
    -
    -
    - +
    +
    +

    Related Articles

    +
    +
    +
    + +
    + +
    +
    +

    Lorem Ipsum is simply dummy text of the printing

    +

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's...

    +
    +
    -
    -
    -

    Recognition of Prior Learning (RPL)

    -
    Dec 08, 2022
    -

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

    - Read More +
    +
    + +
    + +
    +
    +

    Lorem Ipsum is simply dummy text of the printing

    +

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's...

    +
    +     +
    +
    +
    +
    + +
    + +
    +
    +

    Lorem Ipsum is simply dummy text of the printing

    +

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's...

    +
    +
    -
    -
    -
    -
    - -
    -
    -

    Lorem Ipsum is simply dummy text of the printing

    -

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's...

    -
    + +
    + +
    +
    +

    Lorem Ipsum is simply dummy text of the printing

    +

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's...

    +
    +
    -
    - -
    -
    -

    Lorem Ipsum is simply dummy text of the printing

    -

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's...

    -
    + +
    + +
    +
    +

    Lorem Ipsum is simply dummy text of the printing

    +

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's...

    +
    +
    -
    - -
    -
    -

    Lorem Ipsum is simply dummy text of the printing

    -

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's...

    -
    + +
    + +
    +
    +

    Lorem Ipsum is simply dummy text of the printing

    +

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's...

    +
    +
    - @endsection \ No newline at end of file diff --git a/routes/web.php b/routes/web.php index 662b2a4..87f0385 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', function(){ + return view('news'); +}); + Route::get('/news_detail', function(){ return view('news_detail'); });