From c26b8ae22b175c68604a140a96051a5fbaa8a1a2 Mon Sep 17 00:00:00 2001 From: tribikram Date: Wed, 14 Dec 2022 11:44:48 +0545 Subject: [PATCH 1/2] [add] dropdow new design --- public/frontend/css/style.css | 69 +++++++++++++++++++++++----- resources/views/layout/app.blade.php | 53 +++++++++++++++------ resources/views/welcome.blade.php | 11 +++-- 3 files changed, 103 insertions(+), 30 deletions(-) diff --git a/public/frontend/css/style.css b/public/frontend/css/style.css index 0ca95b7..e5e3577 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; } @@ -119,9 +119,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 +238,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,6 +253,18 @@ Responsive Codes .banner-section{ position: relative; } +.banner-section video { + min-width: 100%; + min-height: 140%; +} +.banner-section .banner-shadow { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + box-shadow: inset 0 1700px rgb(0 0 0 / 40%) !important; +} .banner-section .banner-description{ position: absolute; top: 40%; @@ -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; @@ -972,7 +1013,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 +1022,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, @@ -1032,7 +1077,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; @@ -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; diff --git a/resources/views/layout/app.blade.php b/resources/views/layout/app.blade.php index d9dc911..4402467 100644 --- a/resources/views/layout/app.blade.php +++ b/resources/views/layout/app.blade.php @@ -48,24 +48,49 @@ -