From cbd58e544af923cb89d61c3fb5aba42028c42cfd Mon Sep 17 00:00:00 2001 From: tribikram Date: Mon, 12 Dec 2022 13:23:39 +0545 Subject: [PATCH] [add] new service detail added --- public/frontend/css/style.css | 98 ++++++++++++++------ public/frontend/icons/christmas-star-new.svg | 9 ++ public/frontend/icons/double-slash.svg | 3 + resources/views/service_view.blade.php | 70 ++++++++++++++ resources/views/services.blade.php | 8 +- resources/views/welcome.blade.php | 9 +- routes/web.php | 4 + 7 files changed, 163 insertions(+), 38 deletions(-) create mode 100644 public/frontend/icons/christmas-star-new.svg create mode 100644 public/frontend/icons/double-slash.svg create mode 100644 resources/views/service_view.blade.php diff --git a/public/frontend/css/style.css b/public/frontend/css/style.css index 6941b27..960cc23 100644 --- a/public/frontend/css/style.css +++ b/public/frontend/css/style.css @@ -226,9 +226,13 @@ Responsive Codes .banner-section .banner-description{ position: absolute; top: 40%; - left: 10%; - visibility: hidden; - animation: 6s anim-lineUp ease-out; + left: 5%; +} +.banner-description span::before{ + content: "Study Programme"; + animation: 12s animate infinite; + padding-left: 10px; + color: #F54C5F; } .banner-section .banner-description-two{ position: absolute; @@ -260,7 +264,7 @@ Responsive Codes transform: translateX(-50%); visibility: visible; } - 20% { + 30% { opacity: 0; visibility: visible; } @@ -275,25 +279,19 @@ Responsive Codes transform: translateX(0%); } } -@keyframes anim-lineDown { + +@keyframes animate { 0% { - opacity: 0; - transform: translateY(-50%); - visibility: visible; - } - 20% { - opacity: 0; - visibility: visible; + content: "Study Programme"; } 50% { - opacity: 1; - visibility: visible; - transform: translateY(0%); + content: "Training Programme"; } - 100% { - opacity: 0; - visibility: visible; - transform: translateY(0%); + 75% { + content: "Skill Assessment"; + } + 100%{ + content: "Skilled Recruitment"; } } .banner-description h3, .banner-description-two h3, .banner-description-three h3{ @@ -329,7 +327,10 @@ Responsive Codes .about-us-section{ padding: 3rem 6rem; } -.about-us-section .row{ +.about-us-section .row, +.service-primary .row, +.service-secondary .row, +.service-view-last .row{ display: flex; align-items: center; } @@ -810,7 +811,8 @@ Responsive Codes .who-we-desc hr, .obj-header hr, .hiring-content hr, -.news-update-head hr{ +.news-update-head hr, +.service-secondary-desc hr{ width: 38px; height: 0px; opacity: 1; @@ -819,7 +821,9 @@ Responsive Codes .who-we-desc h5, .obj-header h5, .hiring-content h5, -.news-update-head h5{ +.news-update-head h5, +.service-primary-desc h5, +.service-secondary-desc h5{ font-weight: 500; font-size: 16px; line-height: 24px; @@ -831,7 +835,8 @@ Responsive Codes .who-we-desc h3, .obj-header h3, .hiring-content h3, -.news-update-head h3{ +.news-update-head h3, +.service-primary-desc h3{ font-weight: 700; font-size: 38px; line-height: 57px; @@ -946,6 +951,7 @@ Responsive Codes } .submit-btn button:hover, .featured-news-desc a:hover, +.service-secondary-desc a:hover, .chef-hire-form button:hover{ background: #103E70; } @@ -1190,18 +1196,20 @@ Responsive Codes padding-left: 1rem; margin-top: 1rem; } -.service-detail-sectwo ul li{ +.service-detail-sectwo ul li, +.service-primary-desc ul li{ display: flex; align-items: center; - gap: 10px; list-style: none; } -.service-detail-sectwo ul li::before { - content: url(../icons/christmas-star.svg); +.service-detail-sectwo ul li::before, +.service-primary-desc ul li::before { + content: url(../icons/christmas-star-new.svg); color: #071C39; display: inline-block; margin-right: 0.6em; margin-left: -1.3em; + margin-top: 8px; width: 1.3em; } .service-detail-third{ @@ -1250,7 +1258,8 @@ Responsive Codes color: #071C39; margin-bottom: 25px; } -.featured-news-desc a{ +.featured-news-desc a, +.service-secondary-desc a{ background: #F54C5F; border-radius: 44px; text-decoration: none; @@ -1348,7 +1357,38 @@ Responsive Codes margin-top: 5px; width: 140%; } - +/* service view css */ +.service-primary{ + padding: 3rem 6rem; + background: linear-gradient(to right, rgba(245, 245, 245, 0) 0%,rgba(255, 255, 255, 0) 20%,rgb(231, 231, 231) 20%,rgb(231, 231, 231) 100%); +} +.service-primary-img, +.service-secondary-img{ + margin-right: 25px; +} +.service-secondary{ + padding: 3rem 6rem; + background: #4D57C3; +} +.service-secondary-desc h3{ + font-weight: 700; + font-size: 38px; + line-height: 57px; + color: #FFFFFF; +} +.service-secondary-desc p{ + font-weight: 500; + font-size: 16px; + line-height: 1.8rem; + color: #FFFFFF; + margin-bottom: 25px; +} +.service-view-last{ + padding: 3rem 6rem; +} +.service-last-img{ + margin-left: 25px; +} @media only screen and (min-width: 320px) and (max-width: 480px) { /* contact us mobile view */ .about-banner-section .breadcrumb, diff --git a/public/frontend/icons/christmas-star-new.svg b/public/frontend/icons/christmas-star-new.svg new file mode 100644 index 0000000..5ce40f5 --- /dev/null +++ b/public/frontend/icons/christmas-star-new.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/frontend/icons/double-slash.svg b/public/frontend/icons/double-slash.svg new file mode 100644 index 0000000..b3eb2e7 --- /dev/null +++ b/public/frontend/icons/double-slash.svg @@ -0,0 +1,3 @@ + + + diff --git a/resources/views/service_view.blade.php b/resources/views/service_view.blade.php new file mode 100644 index 0000000..c304896 --- /dev/null +++ b/resources/views/service_view.blade.php @@ -0,0 +1,70 @@ +@extends('layout.app') +@section('title') + Skill Assessment +@endsection +@section('content') +
+
+

Skill Assessment

+
+
+
+
+
+
+ +
+
+
+
+
Skill Assessment
+

Pathway to Skill Recognition

+

Our training programme based on occupational training allows students to improve their skills for the right job.

+
    +
  • Lorem ipsum dolor sit amet consectetur adipisicing elit.
    • +
  • Voluptas, eveniet consectetur blanditiis ut dolor officiis porro omnis! Maiores atque esse vero numquam quod.
    • +
  • Laudantium aperiam, ipsa odio repellendus libero cumque.
    • +
+
+
+
+
+
+
+
+
+ +
+
+
+
+
Skill Assessment
+

Pathway to Skill Recognition

+

Our training programme based on occupational training allows students to improve their skills for the right job.

+ Book An Appointment +
+
+
+
+
+
+
+
+
Skill Assessment
+

Pathway to Skill Recognition

+

Our training programme based on occupational training allows students to improve their skills for the right job.

+
    +
  • Lorem ipsum dolor sit amet consectetur adipisicing elit.
    • +
  • Voluptas, eveniet consectetur blanditiis ut dolor officiis porro omnis! Maiores atque esse vero numquam quod.
    • +
  • Laudantium aperiam, ipsa odio repellendus libero cumque.
    • +
+
+
+
+
+ +
+
+
+
+@endsection \ No newline at end of file diff --git a/resources/views/services.blade.php b/resources/views/services.blade.php index 4ddd480..32cb94f 100644 --- a/resources/views/services.blade.php +++ b/resources/views/services.blade.php @@ -18,7 +18,7 @@
- +
@@ -31,7 +31,7 @@
- +
@@ -44,7 +44,7 @@
- +
@@ -57,7 +57,7 @@
- +
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php index 8579cea..200f50f 100644 --- a/resources/views/welcome.blade.php +++ b/resources/views/welcome.blade.php @@ -11,13 +11,12 @@ - @foreach($sliders as $slider) - @endforeach