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