CasperSecurity
<!-- ===================== Awesome Feature Area Start ===================== -->
<!-- ===================== Awesome Feature Area End ===================== -->
<!-- ===================== Awesome Feature Area Start ===================== -->
<!-- ===================== Awesome Feature Area Start ===================== -->
<!-- ===================== Awesome Feature Area End ===================== -->
<!-- ===================== Awesome Feature Area Start ===================== -->
<!-- ===================== Awesome Feature Area Start ===================== -->
<!-- ===================== Awesome Feature Area Start ===================== -->
<!DOCTYPE html>
<?php
include('includes/connection.php');
?>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="description" content="html 5 template, dentist, stomatologist, dental clinic template, medical template, clinic template, surgery clinic theme, plastic surgery template">
<meta name="author" content="websmirno.site">
<meta name="format-detection" content="telephone=no">
<title>UIM</title>
<!-- Stylesheets -->
<link href="vendor/slick/slick.css" rel="stylesheet">
<link href="vendor/animate/animate.min.css" rel="stylesheet">
<link href="icons/style.css" rel="stylesheet">
<link href="vendor/bootstrap-datetimepicker/bootstrap-datetimepicker.css" rel="stylesheet">
<link rel="stylesheet" href="owlcarousel/owl.carousel.min.css">
<link rel="stylesheet" href="owlcarousel/owl.theme.default.min.css">
<link href="css/style.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.css" rel="stylesheet">
<!--Favicon-->
<link rel="icon" href="images/custom/uim_logo.png" type="image/x-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">
<style type="text/css">
.order-container {
border-style: solid;
height: 400px;
}
.order-header {
text-align: center;
background-color: #3368c6;
height: auto;
margin-bottom: auto;
color:#fff;
text-align:middle;
}
ul.special_bullet {
list-style: none;
}
ul.special_bullet li:before {
color: #000;
content: "\27bd \0020";
}
</style>
</head>
<body class="shop-page layout-medlab">
<!--header-->
<?php include('header.php');?>
<!--//header-->
<div class="page-content">
<!--section slider-->
<div class="section mt-0">
<div class="quickLinks-wrap js-quickLinks-wrap-d d-none d-lg-flex">
<div class="quickLinks js-quickLinks closed">
<div class="container">
<?php include('gutter.php');?>
<div class="quickLinks-open js-quickLinks-open">
<span data-toggle="tooltip" data-placement="left" title="Open panel">+</span>
</div>
</div>
</div>
<div id="mainSliderWrapper">
<div class="loading-content">
<div class="loader-dna">
<column>
<dot></dot>
<dot></dot>
<dot></dot>
<dot></dot>
<dot></dot>
<dot></dot>
<dot></dot>
<dot></dot>
</column>
<column>
<dash></dash>
<dash></dash>
<dash></dash>
<dash></dash>
<dash></dash>
<dash></dash>
<dash></dash>
<dash></dash>
</column>
<column>
<dot></dot>
<dot></dot>
<dot></dot>
<dot></dot>
<dot></dot>
<dot></dot>
<dot></dot>
<dot></dot>
</column>
</div>
</div>
<div class="main-slider mb-0 arrows-white arrows-bottom" id="mainSlider" data-slick='{"arrows": false, "dots": true}'>
<!--Banner start-->
<?php include('banner.php');?>
<!--Banner end-->
</div>
</div>
</div>
<!--//section slider-->
<!--section departments-->
<section class="awesome_features_area home2 section_padding_100">
<div class="container">
<div class="row">
<!-- Single Feature Area Start -->
<div class="col-xs-12 col-sm-6 col-md-8">
<div class="about_us_text">
<h3>Hostel</h3>
<p>There are separate hostels for boys and girls with round-the-clock Security.</p>
<div class="table-responsive">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="table-bordered">
<tr align="center">
<td width="8%" height="35"><strong>Sl No</strong></td>
<td width="59%"><strong>Hostel Name </strong></td>
<td width="33%"><strong>Capacity</strong></td>
</tr>
<tr>
<td width="8%" align="center" height="35">1</td>
<td width="59%"> Boys </td>
<td align="center" height="35"> 360 Seated</td>
</tr>
<tr>
<td align="center" height="35">2</td>
<td> Ladies</td>
<td align="center" height="35"> 240 Seated</td>
</tr>
</table>
</div>
<br><br><p>Rigorous Study Hour with disciplined ambience for study. Constant interaction with the guardians regarding the progress of their wards. Healty and Hygenic atmosphere. TV with cable connection in common room. 24 Hours Vigil by own security Guard. Daily Newspaper of English and Odia language. Hygenic Kitchen and Dinning Hall. 24 Hours reading room. Facilities for all types of indoor and outdoor games. Good quality of homely,Indian and continental foods by the Caterers engaged by the hostel.</p>
</div>
</div>
<!-- Single Feature Area End -->
<!-- Single Feature Area Start -->
<div class="col-xs-12 col-md-4">
<?php include('right_section.php');?>
</div>
<!-- Single Feature Area End -->
</div>
<!-- end./ row -->
</div>
<!-- end./ container -->
</section>
<!--//section testimonials-->
<!--section news & achieved-->
</div>
<!--section specialists-->
<!--footer-->
<?php include("footer.php"); ?>
<!--//footer-->
<div class="backToTop js-backToTop">
<i class="icon icon-up-arrow"></i>
</div>
<div class="modal modal-form modal-form-sm fade" id="modalQuestionForm">
<div class="modal-dialog">
<div class="modal-content">
<button aria-label='Close' class='close' data-dismiss='modal'>
<i class="icon-error"></i>
</button>
<div class="modal-body">
<div class="modal-form">
<h3>Ask a Question</h3>
<form class="mt-15" id="questionForm" method="post" novalidate>
<div class="successform">
<p>Your message was sent successfully!</p>
</div>
<div class="errorform">
<p>Something went wrong, try refreshing and submitting the form again.</p>
</div>
<div class="input-group">
<span>
<i class="icon-user"></i>
</span>
<input type="text" name="name" class="form-control" autocomplete="off" placeholder="Your Name*" />
</div>
<div class="input-group">
<span>
<i class="icon-email2"></i>
</span>
<input type="text" name="email" class="form-control" autocomplete="off" placeholder="Your Email*" />
</div>
<div class="input-group">
<span>
<i class="icon-smartphone"></i>
</span>
<input type="text" name="phone" class="form-control" autocomplete="off" placeholder="Your Phone" />
</div>
<textarea name="message" class="form-control" placeholder="Your comment*"></textarea>
<div class="text-right mt-2">
<button type="submit" class="btn btn-sm btn-hover-fill">Ask Now</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- Vendors -->
<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
<!-- <script src="jquery.min.js"></script> -->
<script src="vendor/jquery-migrate/jquery-migrate-3.0.1.min.js"></script>
<script src="vendor/cookie/jquery.cookie.js"></script>
<script src="vendor/bootstrap-datetimepicker/moment.js"></script>
<script src="vendor/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="vendor/popper/popper.min.js"></script>
<script src="vendor/bootstrap/bootstrap.min.js"></script>
<script src="vendor/waypoints/jquery.waypoints.min.js"></script>
<script src="vendor/waypoints/sticky.min.js"></script>
<script src="vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
<script src="vendor/slick/slick.min.js"></script>
<script src="vendor/scroll-with-ease/jquery.scroll-with-ease.min.js"></script>
<script src="vendor/countTo/jquery.countTo.js"></script>
<script src="vendor/form-validation/jquery.form.js"></script>
<script src="vendor/form-validation/jquery.validate.min.js"></script>
<script src="vendor/isotope/isotope.pkgd.min.js"></script>
<script src="owlcarousel/owl.carousel.min.js"></script>
<!-- Custom Scripts -->
<script src="js/app.js"></script>
<script src="js/app-shop.js"></script>
<script src="form/forms.js"></script>
<script>
$(document).ready(function () {
$('.carousel').slick({
slidesToShow: 3,
dots: true,
centerMode: true,
});
});
</script>
</body>
</html>