|
Server IP : 128.199.20.84 / Your IP : 172.70.126.104 Web Server : Apache/2.4.41 (Ubuntu) System : Linux competent-maruti 5.4.0-128-generic #144-Ubuntu SMP Tue Sep 20 11:00:04 UTC 2022 x86_64 User : www-data ( 33) PHP Version : 8.0.20 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF Directory (0775) : /var/www/html/file_upload/blogs/../../application/views/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<style>
.outlets {
padding-bottom: 100px;
}
.breadcrumbs {
margin-bottom: 80px;
}
.outlets-box .icon,
.outlets-box .title {
margin: 0;
position: absolute;
}
.outlets-box {
box-shadow: 0 0 3px rgba(0, 0, 0, .3);
position: relative;
}
.outlets-box img {
width: 100%;
height: auto;
}
.outlets-box .box-content {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .6);
opacity: 0;
position: absolute;
top: 0;
left: 0;
transition: all .5s ease 0s;
}
.outlets-box .icon li a,
.service-box .title {
background-color: #293e91;
font-size: 20px;
color: #fff;
}
.outlets-box:hover .box-content {
opacity: 1;
transform: perspective(400px) rotateX(0);
}
.outlets-box .title {
padding: 5px 7px;
border-radius: 5px;
font-weight: 600;
bottom: 20px;
left: 50%;
transition: all .9s ease 0s;
background-color: #000000;
font-size: 20px;
color: #fff;
transform: translate(-59px, 0px);
}
.outlets-box:hover .title {
bottom: -40px;
}
.outlets-box .icon {
list-style: none;
padding: 0;
top: 42%;
left: 0;
right: 0;
}
.outlets-box .icon li a {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
margin-right: 7px;
}
outlets-box .outlets-box .icon li a:hover {
background: #fff;
color: #000;
}
@media only screen and (max-width:1024px) {
.outlets-box .icon li a,
.outlets-box .title {
font-size: 16px;
}
}
@media only screen and (max-width:990px) {
.outlets-box {
margin-bottom: 70px;
}
}
</style>
<div class="insurance-banner">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<img src="<?php echo base_url();?>assets/images/location-showroom-banners.png" alt="Insurance-Banner">
</div>
</div>
</div>
</div>
<div class="breadcrumbs">
<div class="container">
<div class="row">
<div class="col-12">
<div class="d-flex justify-content-between align-items-center">
<ol>
<li><a href="<?php echo base_url();?>">Home</a></li>
<li>Oulets</li>
</ol>
</div>
</div>
</div>
</div>
</div>
<div class="outlets">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-4 col-sm-6">
<a href="<?php echo base_url();?>showroom" data-kmt="1">
<div class="outlets-box">
<img src="<?php echo base_url();?>assets/images/maap-outlest-icon.webp" alt="outlets">
<h3 class="title">Showroom</h3>
<div class="box-content">
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a href="<?php echo base_url();?>workshop" data-kmt="1">
<div class="outlets-box">
<img src="<?php echo base_url();?>assets/images/maap-outlest-icon.webp" alt="outlets">
<h3 class="title">Workshop</h3>
<div class="box-content">
</div>
</div>
</a>
</div>
</div>
</div>
</div>