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
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 69
      public/frontend/css/style.css
  2. 53
      resources/views/layout/app.blade.php
  3. 11
      resources/views/welcome.blade.php

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

@ -28,7 +28,7 @@ h1{
h2{ h2{
font-weight: 700; font-weight: 700;
font-weight: 800; font-weight: 800;
font-size: 28px; font-size: 34px;
line-height: 34px; line-height: 34px;
color: #202023; color: #202023;
} }
@ -119,9 +119,29 @@ h4{
} }
.dropdown-menu a{ .dropdown-menu a{
font-weight: 600; 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 { .dropdown-item:focus, .dropdown-item:hover {
color: #fff !important; color: #fff !important;
background-color: #F54C5F !important; background-color: #F54C5F !important;
@ -218,6 +238,14 @@ Responsive Codes
position: sticky; position: sticky;
background: #071C39; background: #071C39;
} }
.service-dropdown {
width: 300px;
transform: translate(-30%, 0%);
}
.service-drop-card {
display: flex;
flex-direction: column;
}
} }
/* new nav */ /* new nav */
@ -225,6 +253,18 @@ Responsive Codes
.banner-section{ .banner-section{
position: relative; 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{ .banner-section .banner-description{
position: absolute; position: absolute;
top: 40%; top: 40%;
@ -657,6 +697,7 @@ Responsive Codes
font-size: 14px; font-size: 14px;
text-align: center; text-align: center;
color: #FFFFFF; color: #FFFFFF;
margin-bottom: 20px;
} }
.enquiry-form .input-group{ .enquiry-form .input-group{
padding: 0.5rem; padding: 0.5rem;
@ -719,10 +760,10 @@ Responsive Codes
} }
.btn-submit{ .btn-submit{
background: #F54C5F; background: #F54C5F;
border: 2px solid #F54C5F; border: none;
border-radius: 4px;; border-radius: 4px;;
border-radius: 4px; border-radius: 4px;
padding: 10px 40px; padding: 12px 40px;
font-weight: 700; font-weight: 700;
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
@ -841,7 +882,7 @@ Responsive Codes
font-weight: 500; font-weight: 500;
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
color: #F54C5F; color: #0E2B52;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 10px; gap: 10px;
@ -972,7 +1013,8 @@ Responsive Codes
.submit-btn button:hover, .submit-btn button:hover,
.featured-news-desc a:hover, .featured-news-desc a:hover,
.service-secondary-desc a:hover, .service-secondary-desc a:hover,
.chef-hire-form button:hover{ .chef-hire-form button:hover,
.btn-submit:hover{
background: #103E70; background: #103E70;
} }
.chef-hire-form input:focus, .chef-hire-form input:focus,
@ -980,7 +1022,10 @@ Responsive Codes
.chef-hire-form textarea:focus, .chef-hire-form textarea:focus,
.contact-form input:focus, .contact-form input:focus,
.contact-form select: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; box-shadow: none;
} }
.contact-form label, .contact-form label,
@ -1032,7 +1077,7 @@ Responsive Codes
.news-banner-desc h2, .news-banner-desc h2,
.insurance-banner-content h2{ .insurance-banner-content h2{
font-weight: 700; font-weight: 700;
font-size: 60px; font-size: 46px;
line-height: 4rem; line-height: 4rem;
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
@ -1290,7 +1335,7 @@ Responsive Codes
} }
.featured-news-desc a, .featured-news-desc a,
.service-secondary-desc a{ .service-secondary-desc a{
background: #F54C5F; background: #0E2B52;
border-radius: 44px; border-radius: 44px;
text-decoration: none; text-decoration: none;
padding: 10px 30px; padding: 10px 30px;
@ -1390,7 +1435,7 @@ Responsive Codes
/* service view css */ /* service view css */
.service-primary{ .service-primary{
padding: 3rem 6rem; 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-primary-img,
.service-secondary-img{ .service-secondary-img{
@ -1398,7 +1443,7 @@ Responsive Codes
} }
.service-secondary{ .service-secondary{
padding: 3rem 6rem 0 6rem; padding: 3rem 6rem 0 6rem;
background: #4D57C3; background: #E54A5F;
} }
.service-secondary-desc h3{ .service-secondary-desc h3{
font-weight: 700; font-weight: 700;

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

@ -48,24 +48,49 @@
<a class="nav-link dropdown-toggle" href="{{url('/services')}}" id="navbarDropdown" role="button" data-bs-hover="dropdown" aria-expanded="false"> <a class="nav-link dropdown-toggle" href="{{url('/services')}}" id="navbarDropdown" role="button" data-bs-hover="dropdown" aria-expanded="false">
Services Services
</a> </a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <ul class="dropdown-menu service-dropdown" aria-labelledby="navbarDropdown">
@foreach($services as $service) <li class="service-drop-card">
<li> <ul>
@if($service->name == "Recruitment") <h5>Regional Work Visas</h5>
<a class="dropdown-item" href="{{url('/recruitment')}}"> <li>
@elseif($service->name === "Insurance") <a href="" class="dropdown-item">Temporary Work Visa</a>
<a class="dropdown-item" href="{{url('/insurance')}}"> <a href="" class="dropdown-item">Permanent Work Visas</a>
@else <a href="" class="dropdown-item">Temporary Independent</a>
<a class="dropdown-item" href="{{url('/service/'.$service->slug)}}"> <a href="" class="dropdown-item">Permanent Independent Visa</a>
@endif <a href="" class="dropdown-item">Work and Holiday Visa</a>
{{$service->name}}</a> </li>
@endforeach </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_view">Skill Assessment</a></li>
<li><a class="dropdown-item" href="/service_detail">Permanent Work Visa</a></li> --> <li><a class="dropdown-item" href="/service_detail">Permanent Work Visa</a></li> -->
</ul> </ul>
</li> </li>
<li class="nav-item"> <li class="nav-item dropdown">
<a class="nav-link" href="{{url('/recruitment')}}">Recruitment</a> <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>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="{{url('/insurance')}}">Insurance</a> <a class="nav-link" href="{{url('/insurance')}}">Insurance</a>

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

@ -8,11 +8,14 @@
@endphp @endphp
<!-- Slider section --> <!-- Slider section -->
<section class="banner-section"> <section class="banner-section">
<video width="100%" height="auto" id="vid" autoplay playsinline loop muted> <div class="video-container">
<source src="{{url('frontend/video/aplus-video.mp4')}}" type="video/mp4"> <video id="vid" autoplay playsinline loop muted>
</video> <source src="{{url('frontend/video/aplus-video.mp4')}}" type="video/mp4">
</video>
<span class="banner-shadow"></span>
</div>
<div class="banner-description"> <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> --}} {{-- <h3>{{$slider->title2}}</h3> --}}
{{-- <p>{{$slider->description}}</p> --}} {{-- <p>{{$slider->description}}</p> --}}

Write Preview
Loading…
Cancel
Save