diff --git a/public/frontend/css/style.css b/public/frontend/css/style.css index e5e3577..9dd7155 100644 --- a/public/frontend/css/style.css +++ b/public/frontend/css/style.css @@ -59,12 +59,13 @@ h4{ transition: padding 500ms, box-shadow 500ms; transition-delay: 200ms; } -.header-scroll{ +.header-scroll { padding: 0 6rem; - background: #0E2B52; + background: rgba(14, 43, 82, 0.9); + backdrop-filter: blur(12px); position: sticky; box-shadow: 0 2px 4px rgba(99, 99, 99, 0.25); -} + } .header .logo{ height: 5rem; } @@ -254,8 +255,7 @@ Responsive Codes position: relative; } .banner-section video { - min-width: 100%; - min-height: 140%; + display:block; } .banner-section .banner-shadow { position: absolute; @@ -263,12 +263,12 @@ Responsive Codes height: 100%; top: 0; left: 0; - box-shadow: inset 0 1700px rgb(0 0 0 / 40%) !important; + box-shadow: inset 0 1700px rgb(0 0 0 / 45%) !important; } .banner-section .banner-description{ position: absolute; - top: 40%; - left: 5%; + top: 36%; + left: 6%; } .banner-description span::before{ content: "Study Programme"; @@ -296,8 +296,8 @@ Responsive Codes } .banner-description h2, .banner-description-two h2, .banner-description-three h2{ font-weight: 800; - font-size: 46px; - line-height: 69px; + font-size: 54px; + line-height: 78px; color: #FFFFFF; } @keyframes anim-lineUp { @@ -922,7 +922,6 @@ Responsive Codes } /* contact us css */ .contact-us-section{ - background: url('../images/contact-us-banner.png'); padding: 6rem; height: 40vh; background-repeat: no-repeat; @@ -1062,7 +1061,6 @@ Responsive Codes } /* need a chef page css */ .need-chef-banner{ - background: url('../images/need-chef.png'); padding: 6rem; height: 40vh; background-repeat: no-repeat; @@ -1152,6 +1150,9 @@ Responsive Codes .chef-hire-form .input-group-text{ padding: .9rem .75rem !important; } +.enquiry-form .captch-field{ + background: rgba(255, 255, 255, 0.55); +} .captch-field{ background: #FFFFFF; padding: 0.5rem; @@ -1162,6 +1163,7 @@ Responsive Codes } .captch-field input, .captch-field input:focus-visible{ border: none; + background: none; box-shadow: none; outline: none; width: 100%; @@ -1224,7 +1226,6 @@ Responsive Codes } /* service detail css */ .service-detail-banner{ - background: url('../images/service-detail.png'); padding: 6rem; height: 40vh; background-repeat: no-repeat; @@ -1300,7 +1301,6 @@ Responsive Codes /* news and update section */ .news-banner-section{ - background: url(../images/news-banner.png); padding: 6rem; height: 40vh; background-repeat: no-repeat; @@ -1468,7 +1468,6 @@ Responsive Codes /* recruitment page css */ .recruitment-banner{ - background: url(../images/recruitment.png); padding: 6rem; height: 40vh; background-repeat: no-repeat; @@ -1537,7 +1536,6 @@ Responsive Codes } /* insurance page css */ .insurance-banner{ - background: url(../images/insurance.png); padding: 6rem; height: 40vh; background-repeat: no-repeat; @@ -1572,13 +1570,75 @@ Responsive Codes padding: 3rem 6rem; } .labor-agreement-banner{ - background: url(../images//labor-agreement.png); padding: 6rem; height: 40vh; background-repeat: no-repeat; background-size: cover !important; position: relative; } + +/* Labor agreement section */ +.pathway-banner-section{ + padding: 6rem; + height: 40vh; + background-repeat: no-repeat; + background-size: cover !important; + position: relative; +} +.pathway-steps-section{ + padding: 3rem 6rem; +} +.pathway-step-header h2{ + font-weight: 600; + font-size: 38px; + line-height: 56px; + text-align: center; + padding: 0 20%; + color: #082548; +} +.pathway-step-header p{ + font-weight: 400; + font-size: 16px; + line-height: 1.8rem; + padding: 0 10%; + text-align: center; + color: #252525; +} +.pathway-step-header h5{ + font-weight: 600; + font-size: 16px; + padding: 20px 0; + line-height: 1.8rem; + text-align: center; + color: #252525; +} +.pathway-step-card{ + background: #1853A4; + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); + border-radius: 15px; + display: flex; + flex-direction: column; + align-items: center; + padding: 30px 20px; + min-height: 22pc; +} +.pathway-steps-icon{ + background: #FFFFFF; + padding: 10px; + border-radius: 5px; + margin-bottom: 25px; +} +.pathway-step-desc h3{ + color: #FFFFFF; + text-align: center; + margin-bottom: 20px; + font-size: 24px; +} +.pathway-step-desc p{ + color: #FFFFFF; + text-align: center; +} + @media only screen and (min-width: 320px) and (max-width: 480px) { /* contact us mobile view */ .about-banner-section .breadcrumb, @@ -1647,7 +1707,8 @@ Responsive Codes .recruitment-card, .insurance-desc, .labor-section-primary, - .labor-section-secondary{ + .labor-section-secondary, + .pathway-steps-section{ padding: 2rem; } .visa-services, @@ -1675,12 +1736,18 @@ Responsive Codes } .insurance-content h2, .labor-section-primary h2, - .labor-section-secondary h2 { + .labor-section-secondary h2, + .pathway-step-header h2 { font-weight: 600; font-size: 28px; line-height: 42px; color: #082548; } + .pathway-step-header h2, + .pathway-step-header p{ + text-align: left; + padding: 0; + } .blog-header h2, .enquiry-contacts h2{ text-align: center; @@ -1706,7 +1773,8 @@ Responsive Codes .news-and-update-section .row{ gap: 20px; } - .more-news{ + .more-news, + .services-cards{ grid-template-columns: 1fr; } .chef-hire-form{ diff --git a/public/frontend/icons/captcha-icon.svg b/public/frontend/icons/captcha-icon.svg new file mode 100644 index 0000000..1d6ab67 --- /dev/null +++ b/public/frontend/icons/captcha-icon.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/frontend/icons/efficiency.svg b/public/frontend/icons/efficiency.svg new file mode 100644 index 0000000..8559eb9 --- /dev/null +++ b/public/frontend/icons/efficiency.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/frontend/icons/enq-phone-icon.svg b/public/frontend/icons/enq-phone-icon.svg new file mode 100644 index 0000000..8c4b906 --- /dev/null +++ b/public/frontend/icons/enq-phone-icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/frontend/icons/online-learning.svg b/public/frontend/icons/online-learning.svg new file mode 100644 index 0000000..d24ecbc --- /dev/null +++ b/public/frontend/icons/online-learning.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/frontend/icons/recruitment-icon.svg b/public/frontend/icons/recruitment-icon.svg new file mode 100644 index 0000000..6f445b1 --- /dev/null +++ b/public/frontend/icons/recruitment-icon.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/frontend/icons/write-blue.svg b/public/frontend/icons/write-blue.svg new file mode 100644 index 0000000..9244198 --- /dev/null +++ b/public/frontend/icons/write-blue.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/frontend/images/pathway-banner.png b/public/frontend/images/pathway-banner.png new file mode 100644 index 0000000..3cf030b Binary files /dev/null and b/public/frontend/images/pathway-banner.png differ diff --git a/public/images/service/2022/12/13/6982ffe2d408d88aaf00f138f4f0f13a.jpg b/public/images/service/2022/12/13/6982ffe2d408d88aaf00f138f4f0f13a.jpg deleted file mode 100644 index df3af66..0000000 Binary files a/public/images/service/2022/12/13/6982ffe2d408d88aaf00f138f4f0f13a.jpg and /dev/null differ diff --git a/public/images/service/2022/12/14/d630bb78a53e78d0a81b37697fa943f5.jpg b/public/images/service/2022/12/14/d630bb78a53e78d0a81b37697fa943f5.jpg new file mode 100644 index 0000000..bcd77a0 Binary files /dev/null and b/public/images/service/2022/12/14/d630bb78a53e78d0a81b37697fa943f5.jpg differ diff --git a/resources/views/am_chef.blade.php b/resources/views/am_chef.blade.php index ffd7c98..389c7ac 100644 --- a/resources/views/am_chef.blade.php +++ b/resources/views/am_chef.blade.php @@ -3,7 +3,7 @@ I am Chef @endsection @section('content') -
+