From c26b8ae22b175c68604a140a96051a5fbaa8a1a2 Mon Sep 17 00:00:00 2001
From: tribikram <tribikram@extratechs.com.au>
Date: Wed, 14 Dec 2022 11:44:48 +0545
Subject: [PATCH] [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 @@
             <a class="nav-link dropdown-toggle" href="{{url('/services')}}" id="navbarDropdown" role="button" data-bs-hover="dropdown" aria-expanded="false">
                 Services
             </a>
-            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
-            @foreach($services as $service)
-                <li>
-                    @if($service->name == "Recruitment")
-                        <a class="dropdown-item"  href="{{url('/recruitment')}}">
-                    @elseif($service->name === "Insurance")
-                        <a class="dropdown-item"  href="{{url('/insurance')}}">
-                    @else
-                        <a class="dropdown-item"  href="{{url('/service/'.$service->slug)}}">
-                    @endif
-                    {{$service->name}}</a>
-            @endforeach
+            <ul class="dropdown-menu service-dropdown" aria-labelledby="navbarDropdown">
+                <li class="service-drop-card">
+                    <ul>
+                        <h5>Regional Work Visas</h5>
+                        <li>
+                            <a href="" class="dropdown-item">Temporary Work Visa</a>
+                            <a href="" class="dropdown-item">Permanent Work Visas</a>
+                            <a href="" class="dropdown-item">Temporary Independent</a>
+                            <a href="" class="dropdown-item">Permanent Independent Visa</a>
+                            <a href="" class="dropdown-item">Work and Holiday Visa</a>
+                        </li>
+                    </ul>
+                    <ul>
+                        <h5>Assessments</h5>
+                        @foreach($services as $service)
+                        <li>
+                            @if($service->name == "Recruitment")
+                                <a class="dropdown-item"  href="{{url('/recruitment')}}">
+                            @elseif($service->name === "Insurance")
+                                <a class="dropdown-item"  href="{{url('/insurance')}}">
+                            @else
+                                <a class="dropdown-item"  href="{{url('/service/'.$service->slug)}}">
+                            @endif
+                            {{$service->name}}</a>
+                        </li>
+                        @endforeach
+                    </ul>
+                </li>
                 <!-- <li><a class="dropdown-item" href="/service_view">Skill Assessment</a></li>
                 <li><a class="dropdown-item" href="/service_detail">Permanent Work Visa</a></li> -->
             </ul>
         </li>
-        <li class="nav-item">
-            <a class="nav-link" href="{{url('/recruitment')}}">Recruitment</a>
+        <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="{{url('/recruitment')}}" id="navbarDropdown" role="button" data-bs-hover="dropdown" aria-expanded="false">
+                Recruitment
+            </a>
+            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+                <li>
+                    <a class="dropdown-item"  href="{{url('/labor_agreement')}}">Labour Agreements</a>
+                    <a class="dropdown-item"  href="{{url('/need_chef')}}">I Need a Chef</a>
+                    <a class="dropdown-item"  href="{{url('/am_chef')}}">I am a Chef</a>
+                </li>
+            </ul>
         </li>
         <li class="nav-item">
             <a class="nav-link" href="{{url('/insurance')}}">Insurance</a>
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
index 0e30bec..279025a 100644
--- a/resources/views/welcome.blade.php
+++ b/resources/views/welcome.blade.php
@@ -8,11 +8,14 @@
         @endphp
     <!-- Slider section -->
     <section class="banner-section">
-      <video width="100%" height="auto" id="vid" autoplay playsinline loop muted>
-        <source src="{{url('frontend/video/aplus-video.mp4')}}" type="video/mp4">
-      </video>
+      <div class="video-container">
+        <video id="vid" autoplay playsinline loop muted>
+          <source src="{{url('frontend/video/aplus-video.mp4')}}" type="video/mp4">
+        </video>
+        <span class="banner-shadow"></span>
+      </div>
       <div class="banner-description">
-        <h2>4 easy steps to  permanent <br> residency in Australia <span></span></h2>
+        <h2>4 Easy Steps to Permanent <br> Residency in Australia <span></span></h2>
 
         {{-- <h3>{{$slider->title2}}</h3> --}}
         {{-- <p>{{$slider->description}}</p> --}}