%PDF-
%PDF-
Mini Shell
Mini Shell
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Commercial Property Management Services in Kochi |
Karetakers.in</title>
<meta name="description"
content=" Karetakers.in is one of the best solution for commercial property management services in Kochi. We provide Asset management services (include key holding services), Inspection, cleaning, maintenance, Bill payment management, Purchase /sale of property etc." />
<meta name="keywords"
content="Commercial Property Management Services in Kochi, best Commercial Property Management Services in Kochi, Commercial Property Management Services, Commercial Property Management, best Commercial Property Management Services, kochi based Commercial Property Management Services" />
<meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href='https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css' rel='stylesheet'>
<link rel="stylesheet" href="/css/app.css">
<link rel="stylesheet" href="/css/kare.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Load Leaflet from CDN -->
<link rel="stylesheet"
href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
crossorigin="" />
<script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"
integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
crossorigin=""></script>
<!-- Load Esri Leaflet from CDN -->
<script src="https://unpkg.com/esri-leaflet@2.3.3/dist/esri-leaflet.js"
integrity="sha512-cMQ5e58BDuu1pr9BQ/eGRn6HaR6Olh0ofcHFWe5XesdCITVuSBiBZZbhCijBe5ya238f/zMMRYIMIIg1jxv4sQ=="
crossorigin=""></script>
<!-- Load Esri Leaflet Geocoder from CDN -->
<link rel="stylesheet"
href="https://unpkg.com/esri-leaflet-geocoder@2.3.2/dist/esri-leaflet-geocoder.css"
integrity="sha512-IM3Hs+feyi40yZhDH6kV8vQMg4Fh20s9OzInIIAc4nx7aMYMfo+IenRUekoYsHZqGkREUgx0VvlEsgm7nCDW9g=="
crossorigin="">
<script
src="https://unpkg.com/esri-leaflet-geocoder@2.3.2/dist/esri-leaflet-geocoder.js"
integrity="sha512-8twnXcrOGP3WfMvjB0jS5pNigFuIWj4ALwWEgxhZ+mxvjF5/FBPVd5uAxqT8dd2kUmTVK9+yQJ4CmTmSg/sXAQ=="
crossorigin=""></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&libraries=places"></script>
<!-- Document Title
============================================= -->
<style>
/* Google Font Link */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Poppins" , sans-serif;
}
.sidebarsmall{
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 78px;
background: #11101D;
padding: 6px 14px;
z-index: 99;
transition: all 0.5s ease;
}
.sidebarsmall.open{
width: 250px;
}
.sidebarsmall .logo-details{
height: 60px;
display: flex;
align-items: center;
position: relative;
}
.sidebarsmall .logo-details .icon{
opacity: 0;
transition: all 0.5s ease;
}
.sidebarsmall .logo-details .logo_name{
color: #fff;
font-size: 20px;
font-weight: 600;
opacity: 0;
transition: all 0.5s ease;
}
.sidebarsmall.open .logo-details .icon,
.sidebarsmall.open .logo-details .logo_name{
opacity: 1;
}
.sidebarsmall .logo-details #btn{
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
font-size: 22px;
transition: all 0.4s ease;
font-size: 23px;
text-align: center;
cursor: pointer;
transition: all 0.5s ease;
}
.sidebarsmall.open .logo-details #btn{
text-align: right;
}
.sidebarsmall i{
color: #fff;
height: 60px;
min-width: 50px;
font-size: 28px;
text-align: center;
line-height: 60px;
}
.sidebarsmall .nav-list{
margin-top: 20px;
height: 100%;
}
.sidebarsmall li{
position: relative;
margin: 8px 0;
list-style: none;
}
.sidebarsmall li .tooltip{
position: absolute;
top: -20px;
left: calc(100% + 15px);
z-index: 3;
background: #fff;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
padding: 6px 12px;
border-radius: 4px;
font-size: 15px;
font-weight: 400;
opacity: 0;
white-space: nowrap;
pointer-events: none;
transition: 0s;
}
.sidebarsmall li:hover .tooltip{
opacity: 1;
pointer-events: auto;
transition: all 0.4s ease;
top: 50%;
transform: translateY(-50%);
}
.sidebarsmall.open li .tooltip{
display: none;
}
.sidebarsmall input{
font-size: 15px;
color: #FFF;
font-weight: 400;
outline: none;
height: 50px;
width: 100%;
width: 50px;
border: none;
border-radius: 12px;
transition: all 0.5s ease;
background: #1d1b31;
}
.sidebarsmall.open input{
padding: 0 20px 0 50px;
width: 100%;
}
.sidebarsmall .bx-search{
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
font-size: 22px;
background: #1d1b31;
color: #FFF;
}
.sidebarsmall.open .bx-search:hover{
background: #1d1b31;
color: #FFF;
}
.sidebarsmall .bx-search:hover{
background: #FFF;
color: #11101d;
}
.sidebarsmall li a{
display: flex;
height: 100%;
width: 100%;
border-radius: 12px;
align-items: center;
text-decoration: none;
transition: all 0.4s ease;
background: #11101D;
}
.sidebarsmall li a:hover{
background: #FFF;
}
.sidebarsmall li a .links_name{
color: #fff;
font-size: 15px;
font-weight: 400;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition: 0.4s;
}
.sidebarsmall.open li a .links_name{
opacity: 1;
pointer-events: auto;
}
.sidebarsmall li a:hover .links_name,
.sidebarsmall li a:hover i{
transition: all 0.5s ease;
color: #11101D;
}
.sidebarsmall li i{
height: 50px;
line-height: 50px;
font-size: 18px;
border-radius: 12px;
}
.sidebarsmall li.profile{
position: fixed;
height: 60px;
width: 78px;
left: 0;
bottom: -8px;
padding: 10px 14px;
background: #1d1b31;
transition: all 0.5s ease;
overflow: hidden;
}
.sidebarsmall.open li.profile{
width: 250px;
}
.sidebarsmall li .profile-details{
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.sidebarsmall li img{
height: 45px;
width: 45px;
object-fit: cover;
border-radius: 6px;
margin-right: 10px;
}
.sidebarsmall li.profile .name,
.sidebarsmall li.profile .job{
font-size: 15px;
font-weight: 400;
color: #fff;
white-space: nowrap;
}
.sidebarsmall li.profile .job{
font-size: 12px;
}
.sidebarsmall .profile #log_out{
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
background: #1d1b31;
width: 100%;
height: 60px;
line-height: 60px;
border-radius: 0px;
transition: all 0.5s ease;
}
.sidebarsmall.open .profile #log_out{
width: 50px;
background: none;
}
.home-section{
position: relative;
/*background: #E4E9F7;*/
background:#fff;
min-height: 100vh;
top: 0;
left: 78px;
width: calc(100% - 78px);
transition: all 0.5s ease;
z-index: 2;
}
.sidebarsmall.open ~ .home-section{
left: 250px;
width: calc(100% - 250px);
}
.bgpurple{
background: #E4E9F7;
}
@media (max-width: 420px) {
.sidebarsmall li .tooltip{
display: none;
}
}
</style>
</head>
<style>
#map {
height: 400px; /* The height is 400 pixels */
width: 100%; /* The width is the width of the web page */
}
div.qc {
vertical-align: top;
display: inline-block;
text-align: center;
width: 90px;
padding-top: 3px;
}
.qc img {
width: 40px;
height: 39px;
}
.caption {
display: block;
}
</style>
<body>
<div id="app">
<div class="sidebarsmall">
<div class="logo-details">
<i class='bx bxl-c-plus-plus icon'></i>
<div class="logo_name">BOS Naturals</div>
<i class='bx bx-menu' id="btn" ></i>
</div>
<ul class="nav-list">
<li>
<i class='bx bx-search' ></i>
<input type="text" placeholder="Search...">
<span class="tooltip">Search</span>
</li>
<li>
<router-link to="/dashboarddetail">
<i class='bx bx-grid-alt'></i>
<span class="links_name">Dashboard</span>
</router-link>
<span class="tooltip">Dashboard</span>
</li>
<li>
<router-link to="/categorylist">
<i class='bx bx-user' ></i>
<span class="links_name">Categories</span>
</router-link>
<span class="tooltip">Categories</span>
</li>
<li>
<router-link to="/companylist">
<i class='bx bx-chat' ></i>
<span class="links_name">Companies</span>
</router-link>
<span class="tooltip">Companies</span>
</li>
<li>
<router-link to="/pqrlist">
<i class='bx bx-pie-chart-alt-2' ></i>
<span class="links_name">PQR</span>
</router-link>
<span class="tooltip">PQR</span>
</li>
<li>
<router-link to="/charts">
<i class='bx bx-folder' ></i>
<span class="links_name">File Manager</span>
</router-link>
<span class="tooltip">Files</span>
</li>
<li>
<a href="#">
<i class='bx bx-cart-alt' ></i>
<span class="links_name">Order</span>
</a>
<span class="tooltip">Order</span>
</li>
<li>
<a href="#">
<i class='bx bx-heart' ></i>
<span class="links_name">Saved</span>
</a>
<span class="tooltip">Saved</span>
</li>
<li>
<a href="#">
<i class='bx bx-cog' ></i>
<span class="links_name">Setting</span>
</a>
<span class="tooltip">Setting</span>
</li>
<li class="profile">
<div class="profile-details">
<!--<img src="profile.jpg" alt="profileImg">-->
<div class="name_job">
<div class="name"></div>
<div class="job">UGO Technologies</div>
</div>
</div>
<i class='bx bx-log-out' id="log_out" ></i>
</li>
</ul>
</div>
<section class="home-section">
<nav class="navbar navbar-expand-xl navbar-light bg-light">
<a href="#" class="navbar-brand"><i class="fa fa-cube"></i>Brand<b>Name</b></a>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Collection of nav links, forms, and other content for toggling -->
<div id="navbarCollapse" class="collapse navbar-collapse justify-content-start">
<div class="navbar-nav">
<a href="#" class="nav-item nav-link active">Home</a>
</div>
<div class="navbar-nav ml-auto">
<a href="#" class="nav-item nav-link notifications"><i class="fa fa-bell-o"></i><span class="badge">1</span></a>
<a href="#" class="nav-item nav-link messages"><i class="fa fa-envelope-o"></i><span class="badge">10</span></a></a>
<div class="nav-item dropdown">
<a href="#" data-toggle="dropdown" class="nav-link dropdown-toggle user-action"><img src="/images/shiny.jpg" class="avatar" alt="Avatar">Shinny Bobby <b class="caret"></b></a>
<div class="dropdown-menu">
<a href="#" class="dropdown-item"><i class="fa fa-user-o"></i> Profile</a></a>
<a href="#" class="dropdown-item"><i class="fa fa-calendar-o"></i> Calendar</a></a>
<a href="#" class="dropdown-item"><i class="fa fa-sliders"></i> Settings</a></a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item"><i class="material-icons"></i> Logout</a></a>
</div>
</div>
</div>
</div>
</nav>
<div>
<router-view>
<dashboard-component></dashboarddetail-component>
</router-view>
</div>
</section>
</div>
</body>
<!-- Modals End -->
<!-- Go To Top
============================================= -->
<a href="javascript:" id="return-to-top"><i class="icon-chevron-up"></i></a>
<!-- External JavaScripts
============================================= -->
<script src="<?php echo e(asset('js/app.js')); ?>"></script>
<!-- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> -->
<script type="text/javascript" src="js/encoder.js"></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
crossorigin="anonymous"></script>
<!-- <script>
Echo.channel('events')
.listen('RealTimeMessage', (e) => console.log('RealTimeMessage: ' + e.message));
Echo.private('App.User.1')
.notification((notification) => {
console.log(notification.offerText);
});
</script> -->
<script>
let sidebarsmall = document.querySelector(".sidebarsmall");
let closeBtn = document.querySelector("#btn");
let searchBtn = document.querySelector(".bx-search");
closeBtn.addEventListener("click", ()=>{
sidebarsmall.classList.toggle("open");
menuBtnChange();//calling the function(optional)
});
searchBtn.addEventListener("click", ()=>{ // sidebarsmall open when you click on the search iocn
sidebarsmall.classList.toggle("open");
menuBtnChange(); //calling the function(optional)
});
// following are the code to change sidebarsmall button(optional)
function menuBtnChange() {
if(sidebarsmall.classList.contains("open")){
closeBtn.classList.replace("bx-menu", "bx-menu-alt-right");//replacing the iocns class
}else {
closeBtn.classList.replace("bx-menu-alt-right","bx-menu");//replacing the iocns class
}
}
</script>
</html><?php /**PATH C:\laravel-projects\bos_naturals\resources\views/home.blade.php ENDPATH**/ ?>
Zerion Mini Shell 1.0