tribikram
/
AplusAgency
1
0
Fork 0
Code Issues 26 Pull Requests 13 Packages Projects 1 Releases Wiki Activity

[add] dropdow new design

Browse Source
aplus#22
tribikram 2 years ago committed by Mahesh Sharma
parent 05a0def7f3
commit b64e6fcdd6
3 changed files with 103 additions and 30 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 69
      public/frontend/css/style.css
  2. 31
      resources/views/layout/app.blade.php
  3. 7
      resources/views/welcome.blade.php

69
public/frontend/css/style.css
Unescape View File

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

31
resources/views/layout/app.blade.php
Unescape View File

@ -48,7 +48,20 @@
<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">
<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")
@ -59,13 +72,25 @@
<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>

7
resources/views/welcome.blade.php
Unescape View File

@ -8,11 +8,14 @@
@endphp
<!-- Slider section -->
<section class="banner-section">
<video width="100%" height="auto" id="vid" autoplay playsinline loop muted>
<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> --}}

Write Preview
Loading…
Cancel
Save