[add] dropdow new design

aplus#22
tribikram 2 years ago committed by Mahesh Sharma
parent 05a0def7f3
commit b64e6fcdd6
  1. 69
      public/frontend/css/style.css
  2. 53
      resources/views/layout/app.blade.php
  3. 11
      resources/views/welcome.blade.php

@ -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;

@ -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>

@ -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> --}}

Loading…
Cancel
Save