diff --git a/public/frontend/css/style.css b/public/frontend/css/style.css
index 0ca95b7..9dd7155 100644
--- a/public/frontend/css/style.css
+++ b/public/frontend/css/style.css
@@ -28,7 +28,7 @@ h1{
h2{
font-weight: 700;
font-weight: 800;
- font-size: 28px;
+ font-size: 34px;
line-height: 34px;
color: #202023;
}
@@ -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;
}
@@ -119,9 +120,29 @@ h4{
}
.dropdown-menu a{
font-weight: 600;
- font-size: 16px;
+ font-size: 14px;
+}
+.service-dropdown{
+ width: 600px;
+ transform: translate(-30%, 0%);
+}
+.service-drop-card{
+ display: flex;
+ justify-content: space-between;
+}
+.service-drop-card ul{
+ padding-left: 0;
+}
+.service-drop-card h5{
+ color: #F54C5F;
+ font-size: 18px;
+ margin-bottom: 0;
+ padding: 0 1rem;
+}
+.service-drop-card ul li{
+ text-decoration: none;
+ list-style: none;
}
-
.dropdown-item:focus, .dropdown-item:hover {
color: #fff !important;
background-color: #F54C5F !important;
@@ -218,6 +239,14 @@ Responsive Codes
position: sticky;
background: #071C39;
}
+ .service-dropdown {
+ width: 300px;
+ transform: translate(-30%, 0%);
+ }
+ .service-drop-card {
+ display: flex;
+ flex-direction: column;
+ }
}
/* new nav */
@@ -225,10 +254,21 @@ Responsive Codes
.banner-section{
position: relative;
}
+.banner-section video {
+ display:block;
+}
+.banner-section .banner-shadow {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ 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";
@@ -256,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 {
@@ -657,6 +697,7 @@ Responsive Codes
font-size: 14px;
text-align: center;
color: #FFFFFF;
+ margin-bottom: 20px;
}
.enquiry-form .input-group{
padding: 0.5rem;
@@ -719,10 +760,10 @@ Responsive Codes
}
.btn-submit{
background: #F54C5F;
- border: 2px solid #F54C5F;
+ border: none;
border-radius: 4px;;
border-radius: 4px;
- padding: 10px 40px;
+ padding: 12px 40px;
font-weight: 700;
font-size: 16px;
text-align: center;
@@ -841,7 +882,7 @@ Responsive Codes
font-weight: 500;
font-size: 16px;
line-height: 24px;
- color: #F54C5F;
+ color: #0E2B52;
display: flex;
align-items: center;
gap: 10px;
@@ -881,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;
@@ -972,7 +1012,8 @@ Responsive Codes
.submit-btn button:hover,
.featured-news-desc a:hover,
.service-secondary-desc a:hover,
-.chef-hire-form button:hover{
+.chef-hire-form button:hover,
+.btn-submit:hover{
background: #103E70;
}
.chef-hire-form input:focus,
@@ -980,7 +1021,10 @@ Responsive Codes
.chef-hire-form textarea:focus,
.contact-form input:focus,
.contact-form select:focus,
-.contact-form textarea:focus{
+.contact-form textarea:focus,
+.enquiry-form input:focus,
+.enquiry-form select:focus,
+.enquiry-form textarea:focus{
box-shadow: none;
}
.contact-form label,
@@ -1017,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;
@@ -1032,7 +1075,7 @@ Responsive Codes
.news-banner-desc h2,
.insurance-banner-content h2{
font-weight: 700;
- font-size: 60px;
+ font-size: 46px;
line-height: 4rem;
color: #FFFFFF;
text-align: center;
@@ -1107,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;
@@ -1117,6 +1163,7 @@ Responsive Codes
}
.captch-field input, .captch-field input:focus-visible{
border: none;
+ background: none;
box-shadow: none;
outline: none;
width: 100%;
@@ -1179,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;
@@ -1255,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;
@@ -1290,7 +1335,7 @@ Responsive Codes
}
.featured-news-desc a,
.service-secondary-desc a{
- background: #F54C5F;
+ background: #0E2B52;
border-radius: 44px;
text-decoration: none;
padding: 10px 30px;
@@ -1390,7 +1435,7 @@ Responsive Codes
/* 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%);
+ background: linear-gradient(to right, rgba(245, 245, 245, 0) 0%,rgba(255, 255, 255, 0) 20%,rgb(255, 248, 239) 20%,rgb(254, 255, 236) 100%);
}
.service-primary-img,
.service-secondary-img{
@@ -1398,7 +1443,7 @@ Responsive Codes
}
.service-secondary{
padding: 3rem 6rem 0 6rem;
- background: #4D57C3;
+ background: #E54A5F;
}
.service-secondary-desc h3{
font-weight: 700;
@@ -1423,7 +1468,6 @@ Responsive Codes
/* recruitment page css */
.recruitment-banner{
- background: url(../images/recruitment.png);
padding: 6rem;
height: 40vh;
background-repeat: no-repeat;
@@ -1492,7 +1536,6 @@ Responsive Codes
}
/* insurance page css */
.insurance-banner{
- background: url(../images/insurance.png);
padding: 6rem;
height: 40vh;
background-repeat: no-repeat;
@@ -1527,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,
@@ -1602,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,
@@ -1630,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;
@@ -1661,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')
-
+