diff --git a/public/frontend/css/style.css b/public/frontend/css/style.css index e7b1d1d..2b5513d 100644 --- a/public/frontend/css/style.css +++ b/public/frontend/css/style.css @@ -307,7 +307,7 @@ Responsive Codes .about-header-section, .why-et, .student-visa-section, - +.blogs-section, .why-et{ padding: 3rem 6rem; } @@ -957,6 +957,76 @@ Responsive Codes border-radius: 0 0 12px 12px; border-bottom: none; } + +/* blogs page css */ +.article-card{ + display: flex; + align-items: center; + gap: 20px; + width: 100%; +} +.related-articles{ + display: flex; + flex-direction: column; + gap: 30px; + height: 100%; +} +.article-img{ + width: 500px; +} +.featured-article img, +.article-img img{ + border-radius: 12px; +} +.featured-article h3{ + font-weight: 600; + font-size: 24px; + line-height: 36px; + color: #000000; + margin-top: 25px; +} +.featured-article h6, +.article-desc h6{ + font-weight: 500; + font-size: 14px; + line-height: 21px; + color: #676676; +} +.featured-article h2{ + font-weight: 700; + font-size: 30px; + line-height: 45px; + color: #296AC7; +} +.featured-article p, +.article-desc p{ + font-family: 'Poppins'; + font-style: normal; + font-weight: 400; + font-size: 15px; + margin-bottom: 25px; + color: #606161; +} +.featured-article a, +.article-desc a{ + padding: 10px 20px; + color: #FFFFFF; + text-decoration: none; + background: #E22899; + border-radius: 5px; +} +.article-desc h3{ + font-weight: 600; + font-size: 18px; + line-height: 24px; + color: #000000; +} +.article-desc h2{ + font-weight: 700; + font-size: 24px; + line-height: 34px; + color: #296AC7; +} /* Footer Css */ .footer{ background: #296AC7; diff --git a/public/frontend/images/blog-passport.png b/public/frontend/images/blog-passport.png new file mode 100644 index 0000000..dad60fa Binary files /dev/null and b/public/frontend/images/blog-passport.png differ diff --git a/public/frontend/images/blogs-banner.png b/public/frontend/images/blogs-banner.png new file mode 100644 index 0000000..fd7cd10 Binary files /dev/null and b/public/frontend/images/blogs-banner.png differ diff --git a/public/frontend/images/student-studying.png b/public/frontend/images/student-studying.png new file mode 100644 index 0000000..298fef0 Binary files /dev/null and b/public/frontend/images/student-studying.png differ diff --git a/public/frontend/images/sydney-opera-house.png b/public/frontend/images/sydney-opera-house.png new file mode 100644 index 0000000..5b8f06d Binary files /dev/null and b/public/frontend/images/sydney-opera-house.png differ diff --git a/resources/views/blogs.blade.php b/resources/views/blogs.blade.php new file mode 100644 index 0000000..9255d21 --- /dev/null +++ b/resources/views/blogs.blade.php @@ -0,0 +1,82 @@ +@extends('layout.app') +@section('title') +
If you want to study in a city surrounded by lush greenery and a pleasant atmosphere..
+ Read More +