EVOLUTION-NINJA
Edit File: index.html
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <title>JSH Facility Solutions</title> <link rel="stylesheet" type="text/css" href="css/main.css"/> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /> <link rel="stylesheet" type="text/css" href="css/fontawesome-all.min.css" /> <link rel='shortcut icon' type='image/x-icon' href='images/fave_icon.png' /> <!--<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> --> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> <script type="text/javascript" src="js/jquery-2.2.4.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <script defer src="js/fontawesome-all.min.js"></script> </head> <body> <!---------- Header Top START ---------------> <div class="header_top"> <div class="container"> <div class="col-sm-6"> <div class="header_top_left"> <p><i class="fas fa-envelope"></i> <a href="mailto:jagadeesha.jsh23@gmail.com">jagadeesha.jsh23@gmail.com</a></p> </div> </div> <div class="col-sm-6"> <div class="header_top_right"> <p><i class="fas fa-phone" data-fa-transform="rotate-90"></i> <a href="">9606880234</a></p> </div> </div> </div> </div> <!---------- Header Top END ---------------> <!---------- logo and nav START ---------------> <div class="my_nav cf"> <div class="container"> <div class="logo"><a href="index.html"><img src="images/logo.png" class="img-responsive"></a></div> <div class="navigation"> <nav> <a href="javascript:void(0)" class="smobitrigger ion-navicon-round"><span>Menu</span></a> <ul class="mobimenu"> <li class="act"><a href="index.html">Home</a></li> <li><a href="about.html">About Us</a></li> <li><a href="services.html">Services</a></li> <li><a href="career.php">Career</a></li> <li><a href="contact.php">Contact us</a></li> </ul> </nav> </div> </div> </div> <!---------- logo and nav END ---------------> <!---------- banner START ------------------> <div class="banner-1"> <div class=""> <div id="jssor_1" style="position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1600px; height:500px; overflow: hidden; visibility: hidden;"> <!-- Loading Screen --> <div data-u="loading" style="position: absolute; top: 0px; left: 0px;"> <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 1600px; height: 100%;"></div> <div style="position:absolute;display:block;background:url('readyslider/img/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;"></div> </div> <div class="sll" data-u="slides" style="cursor: default; position: relative; top: 0px; left: 0px; width: 1600px; height: 500px; overflow: hidden;"> <div data-p="112.50" style="display: none;" > <img data-u="image" src="images/service/banner_img1.png"/> </div> <div data-p="112.50" style="display: none;" > <img data-u="image" src="images/service/banner_img2.png" /> </div> <div data-p="112.50" style="display: none;" > <img data-u="image" src="images/service/banner_img3.png" /> </div> <div data-p="112.50" style="display: none;" > <img data-u="image" src="images/service/banner_img4.png" /> </div> </div> <!-- Bullet Navigator --> <div data-u="navigator" class="jssorb01" style="bottom:16px;right:16px;"> <div data-u="prototype" style="width:12px;height:12px;"></div> </div> <!-- Arrow Navigator --> <span data-u="arrowleft" class="jssora05l" style="top:0px;left:8px;width:40px;height:40px;" data-autocenter="2"></span> <span data-u="arrowright" class="jssora05r" style="top:0px;right:8px;width:40px;height:40px;" data-autocenter="2"></span> <!-- <a href="http://www.jssor.com" style="display:none">Bootstrap Carousel</a> --> </div> </div> </div> <!---------- banner END --------------------> <!---------- home middle 1 START ---------------> <div class="home_middle_1"> <div class="container"> <div class="header_pag"> <h3>About <span>us</span></h3> <img src="images/line.png" class="img-responsive center-block" /> </div> <p>Facility Management is about providing our customers with peace of mind. JSH delivers consistent quality through trained personnel and process frameworks providing best-practice facility management and service innovation.</p> <p class="read_more"><a href="about.html">Read More</a></p> </div> </div> <!---------- home middle 1 END --------------------> <!---------- home middle 2 START ---------------> <div class="home_middle_2"> <div class="container"> <div class="header_pag"> <h3>Our <span>Services</span></h3> <img src="images/line.png" class="img-responsive center-block" /> </div> <div class="row row_pad"> <div class="col-md-6"> <div class="service_main clearfix"> <div class="service_main_left"> <figure class="image"> <a href="#"><img src="images/service/service_img1.png" class="img-responsive center-block" /></a> </figure> </div> <div class="service_main_right"> <div class="inner"> <h4>House keeping services</h4> <p>Our Housekeeping Services guarantees speck less maintenance of your home and office premises, bringing in hygiene by scientific approach and best in class housekeeping service processes</p> <p class="read_more"><a href="services.html#ChildVerticalTab_11">Read More</a></p> </div> </div> </div> </div> <div class="col-md-6"> <div class="service_main clearfix"> <div class="service_main_left"> <figure class="image"> <a href="#"><img src="images/service/service_img2.png" class="img-responsive center-block" /></a> </figure> </div> <div class="service_main_right"> <div class="inner"> <h4>Security Services</h4> <p>Today’s growing complexities in societies have raised demand for reliable and tailor made security services. It has become a critical to develop a strong external security mechanism</p> <p class="read_more"><a href="services.html#ChildVerticalTab_12">Read More</a></p> </div> </div> </div> </div> </div> <div class="row row_pad"> <div class="col-md-6"> <div class="service_main clearfix"> <div class="service_main_left"> <figure class="image"> <a href="#"><img src="images/service/service_img5.png" class="img-responsive center-block" /></a> </figure> </div> <div class="service_main_right"> <div class="inner"> <h4>Pantry Boys</h4> <p>We are amongst the well-regarded organization in the market by rendering Pantry Boy Services to our esteemed customers. We render this service in accordance to our client’s terms </p> <p class="read_more"><a href="services.html#ChildVerticalTab_13">Read More</a></p> </div> </div> </div> </div> <div class="col-md-6"> <div class="service_main clearfix"> <div class="service_main_left"> <figure class="image"> <a href="#"><img src="images/service/service_img4.png" class="img-responsive center-block" /></a> </figure> </div> <div class="service_main_right"> <div class="inner"> <h4>Electricians</h4> <p>JSH recognizes the needs of the current market and the expectations that companies are placing on their manpower.electricians Manpower deputation is the provision of manpower supply to corporate</p> <p class="read_more"><a href="services.html#ChildVerticalTab_15">Read More</a></p> </div> </div> </div> </div> </div> </div> </div> <!---------- home middle 2 END --------------------> <!---------- home middle 3 START ---------------> <div class="home_middle_3"> <div class="container"> <div class="header_pag"> <h3>Our <span>Gallery</span></h3> <img src="images/line.png" class="img-responsive center-block" /> </div> <div class="my_owlcarousel"> <div id="owl-demo" class="owl-carousel owl-theme"> <div class="item"> <div class="box_port"> <img src="images/service/gallery_img1.png" class="img-responsive center-block"> </div> </div> <div class="item"> <div class="box_port"> <img src="images/service/gallery_img2.png" class="img-responsive center-block"> </div> </div> <div class="item"> <div class="box_port"> <img src="images/service/gallery_img3.png" class="img-responsive center-block"> </div> </div> <div class="item"> <div class="box_port"> <img src="images/service/gallery_img4.png" class="img-responsive center-block"> </div> </div> <div class="item"> <div class="box_port"> <img src="images/service/gallery_img5.png" class="img-responsive center-block"> </div> </div> <div class="item"> <div class="box_port"> <img src="images/service/gallery_img6.png" class="img-responsive center-block"> </div> </div> <div class="item"> <div class="box_port"> <img src="images/service/gallery_img7.png" class="img-responsive center-block"> </div> </div> </div> <div class="customNavigation"> <a class="btn prev"><i class="fa fa-chevron-circle-left" aria-hidden="true"></i></a> <a class="btn next"><i class="fa fa-chevron-circle-right" aria-hidden="true"></i></a> </div> </div> </div> </div> <!---------- home middle 3 END --------------------> <style> </style> <!---------- footer START ---------------> <div class="footer"> <div class="container"> <div class="col-sm-4"> <div class="footer_logo"> <img src="images/footer_logo.png" class="img-responsive center-block" /> </div> <div class="social-media"> <ul class="social-network social-circle"> <li><a href="#" class="icoFacebook"><i class="fab fa-facebook-f"></i></a></li> <li><a href="#" class="icoGoogle"><i class="fab fa-google-plus-g"></i></a></li> <li><a href="#" class="icoTwitter"><i class="fab fa-twitter"></i></a></li> </ul> </div> </div> <div class="col-sm-8"> <div class="row"> <div class="col-sm-6"> <div class="my_addr"> <h4>Address</h4> <div class="addr_icon"> <i class="fas fa-map-marker-alt"></i> </div> <p>No.374, 1st cross Raghavanagar,<br> NTY layout, Mysore Road,<br> Bangalore -560026 </p> </div> </div> <div class="col-sm-6"> <div class="my_addr"> <h4>Contact Us</h4> <div class="addr_icon"> <i class="fas fa-envelope"></i> </div> <p>jagadeesha.jsh23@gmail.com</p> </div> <div class="my_addr"> <div class="addr_icon"> <i class="fas fa-phone" data-fa-transform="rotate-90"></i> </div> <p>9606880234</p> </div> </div> </div> <hr class="hidden-xs" /> <div class="row footer_menu hidden-xs"> <ul> <li class="footer_act"><a href="index.html">Home</a></li> <li><a href="about.html">About Us</a></li> <li><a href="services.html">Services</a></li> <li><a href="career.php">Career</a></li> <li><a href="contact.php">Contact Us</a></li> </ul> </div> </div> </div> </div> <!---------- footer END ---------------> <!---------- copyright START ---------------> <div class="copyright"> <div class="container"> <p>Copyright © 2018 JSH Facility Solutions <span class="line_height">|</span> <strong> <br class="visible-xs">Developed by : </strong><a href="http://jayblues.com/" target="_blank" class="jayblues">Jay<span class="blues">Blues</span> Technologies</a></p> </div> </div> <!---------- copyright END ---------------> <a id="back-to-top" href="#" class="btn btn-primary btn-lg back-to-top" role="button" title="" data-toggle="tooltip" data-placement="top"> <img src="images/top-bt.png" class="img-responsive"> </a> <!----- Back to Top -------------> </body> </html> <!------------------ Navigation Bar -------------------------> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"> <link rel="stylesheet" type="text/css" href="css/simpleMobileMenu.css" /> <script src="js/simpleMobileMenu.js"></script> <script type="text/javascript"> jQuery(document).ready(function($) { $('.smobitrigger').smplmnu(); }); </script> <!---------------- Menu DropDown ---------------------> <script type="text/javascript"> jQuery(document).ready(function($) { $('.mobimenu li.dropdown').hover(function() { $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500); }, function() { $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500); }); }); </script> <!-------------------- Sliding ----------------> <script type="text/javascript" src="readyslider/js/jssor.slider.mini.js"></script> <script> jQuery(document).ready(function ($) { var jssor_1_SlideshowTransitions = [ {$Duration:1200,$Opacity:2} ]; var jssor_1_options = { $AutoPlay: true, $SlideshowOptions: { $Class: $JssorSlideshowRunner$, $Transitions: jssor_1_SlideshowTransitions, $TransitionsOrder: 1 }, $ArrowNavigatorOptions: { $Class: $JssorArrowNavigator$ }, $BulletNavigatorOptions: { $Class: $JssorBulletNavigator$ } }; var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options); //responsive code begin //you can remove responsive code if you don't want the slider scales while window resizing function ScaleSlider() { var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth; if (refSize) { refSize = Math.min(refSize, 1600); jssor_1_slider.$ScaleWidth(refSize); } else { window.setTimeout(ScaleSlider, 30); } } ScaleSlider(); $(window).bind("load", ScaleSlider); $(window).bind("resize", ScaleSlider); $(window).bind("orientationchange", ScaleSlider); //responsive code end }); </script> <style> .banner-1 { //background: url("readyslider/img/back.png"); background:#f2f1f1; background-position: center center; background-repeat: no-repeat; background-size: cover; //height:550px; } /* jssor slider bullet navigator skin 01 css */ /* .jssorb01 div (normal) .jssorb01 div:hover (normal mouseover) .jssorb01 .av (active) .jssorb01 .av:hover (active mouseover) .jssorb01 .dn (mousedown) */ .jssorb01 { position: absolute; } .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av { position: absolute; /* size of bullet elment */ width: 12px; height: 12px; filter: alpha(opacity=70); opacity: .7; overflow: hidden; cursor: pointer; border: #000 1px solid; } .jssorb01 div { background-color: gray; } .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; } .jssorb01 .av { background-color: #fff; } .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; } /* jssor slider arrow navigator skin 05 css */ /* .jssora05l (normal) .jssora05r (normal) .jssora05l:hover (normal mouseover) .jssora05r:hover (normal mouseover) .jssora05l.jssora05ldn (mousedown) .jssora05r.jssora05rdn (mousedown) */ .jssora05l, .jssora05r { display: block; position: absolute; /* size of arrow element */ width: 40px; height: 40px; cursor: pointer; background: url('readyslider/img/a17.png') no-repeat; overflow: hidden; } .jssora05l { background-position: -10px -40px; } .jssora05r { background-position: -70px -40px; } .jssora05l:hover { background-position: -130px -40px; } .jssora05r:hover { background-position: -190px -40px; } .jssora05l.jssora05ldn { background-position: -250px -40px; } .jssora05r.jssora05rdn { background-position: -310px -40px; } </style> <!---------------- Owl Stylesheets --------------------> <link rel="stylesheet" href="css/owl.carousel.css"> <script src="js/owl.carousel.js"></script> <script> $(document).ready(function() { // products slider var owl = $("#owl-demo"); $("#owl-demo").owlCarousel({ autoPlay: 3000, //Set AutoPlay to 3 seconds items : 4, itemsDesktop : [1199,3], itemsDesktopSmall : [979,3] }); // Custom Navigation Events $(".next").click(function(){ owl.trigger('owl.next'); }) $(".prev").click(function(){ owl.trigger('owl.prev'); }) // our team slider var owl1 = $("#owl-demo1"); $("#owl-demo1").owlCarousel({ autoPlay: 3000, //Set AutoPlay to 3 seconds items : 4, itemsDesktop : [1199,3], itemsDesktopSmall : [979,3] }); // Custom Navigation Events $(".next1").click(function(){ owl1.trigger('owl.next'); }) $(".prev1").click(function(){ owl1.trigger('owl.prev'); }) // Clients slider var owl2 = $("#owl-demo2"); $("#owl-demo2").owlCarousel({ autoPlay: 3000, //Set AutoPlay to 3 seconds items : 5, itemsDesktop : [1199,3], itemsDesktopSmall : [979,3] }); }); </script> <!----- Back to Top Script -------------> <script type="text/javascript"> $(document).ready(function(){ $(window).scroll(function () { if ($(this).scrollTop() > 50) { $('#back-to-top').fadeIn(); } else { $('#back-to-top').fadeOut(); } }); // scroll body to 0px on click $('#back-to-top').click(function () { $('#back-to-top').tooltip('hide'); $('body,html').animate({ scrollTop: 0 }, 800); return false; }); $('#back-to-top').tooltip('show'); }); </script>