[edit] service detail responsive

aplus#10
tribikram 2 years ago
parent cbd58e544a
commit 054de3d2de
  1. 37
      public/frontend/css/style.css
  2. 5
      resources/views/layout/app.blade.php

@ -127,6 +127,11 @@ h4{
transition: all 300ms ease-in-out;
}
.dropdown:hover .dropdown-menu{
display: block;
transition: all .5s, .5s linear;
top: 100%;
}
.section-hero,
.section-services {
@ -212,10 +217,6 @@ Responsive Codes
position: sticky;
background: #071C39;
}
.header .logo {
width: 55%;
}
}
/* new nav */
@ -1396,6 +1397,21 @@ Responsive Codes
.need-chef-banner .breadcrumb{
display: none;
}
.banner-section .banner-description {
position: absolute;
top: 10%;
left: 5%;
}
.banner-description h2{
font-weight: 800;
font-size: 22px;
text-align: center;
line-height: 36px;
color: #FFFFFF;
}
.header .logo {
height: 3rem;
}
.get-in-touch-section,
.our-services-header p{
padding: 0;
@ -1434,7 +1450,9 @@ Responsive Codes
.our-recruitment-section,
.news-and-update-section,
.clients-section,
.quick-enquiry-setion{
.quick-enquiry-setion,
.service-secondary,
.service-view-last{
padding: 2rem;
}
.visa-services,
@ -1490,6 +1508,15 @@ Responsive Codes
.chef-hire-form{
padding: 20px;
}
.service-primary{
padding: 2rem;
background:rgb(231, 231, 231);
}
.service-primary-img,
.service-secondary-img,
.service-last-img{
margin: 0 0 20px 0;
}
}
/* large screen */

@ -39,11 +39,12 @@
<a class="nav-link" href="{{url('/about')}}">About</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="/services" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<a class="nav-link dropdown-toggle" href="/services" id="navbarDropdown" role="button" data-bs-hover="dropdown" aria-expanded="false">
Visa-Services
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="/services">service-name</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>
</ul>
</li>
<li class="nav-item">

Loading…
Cancel
Save