%PDF-
%PDF-
Mini Shell
Mini Shell
<!DOCTYPE html>
<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">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>RealWed | Wedding Vendor & Supplier Directory HTML Template - List View Sidebar</title>
<!-- Bootstrap -->
<link href="<?php echo base_url().'assets/';?>css/bootstrap.min.css" rel="stylesheet">
<link href="<?php echo base_url().'assets/';?>css/main.css" rel="stylesheet">
<!-- Style CSS -->
<link href="<?php echo base_url().'assets/';?>css/style2.css" rel="stylesheet">
<!-- Google Fonts -->
<link href="<?php echo base_url().'assets/';?>https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
<!-- FontAwesome icon -->
<link href="<?php echo base_url().'assets/';?>fontawesome/css/fontawesome-all.css" rel="stylesheet">
<!-- Fontello icon -->
<link href="<?php echo base_url().'assets/';?>fontello/css/fontello.css" rel="stylesheet">
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
.tabs{
height:auto;
margin:0 auto;
}
/* tab list item */
.tabs .tabs-list{
list-style:none;
margin:0px;
padding:0px;
}
.tabs .tabs-list li{
width:100px;
float:left;
margin:0px;
margin-right:2px;
padding:10px 5px;
text-align: center;
}
.tabs .tabs-list li:hover{
cursor:pointer;
}
.tabs .tabs-list li a{
text-decoration: none;
color:#000;
}
/* Tab content section */
.tabs .tab{
display:none;
width:96%;
min-height:250px;
height:auto;
border-radius:3px;
padding:20px 15px;
color:darkslategray;
clear:both;
}
.tabs .tab h3{
border-bottom:3px solid cornflowerblue;
letter-spacing:1px;
font-weight:normal;
padding:5px;
}
.tabs .tab p{
}
/* When active state */
.active{
display:block !important;
}
.tabs .tabs-list li.active{
background-color:white !important;
color:black !important;
border-bottom: 3px solid #a81818;
}
.active a{
color:black !important;
}
/* media query */
@media screen and (max-width:360px){
.tabs{
margin:0;
width:96%;
}
.tabs .tabs-list li{
width:80px;
}
}
</style>
</head>
<body>
<!-- header-top -->
<div class="header-top">
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-6 col-sm-6 col-md-6 col-sm-6 col-6 d-none d-xl-block d-lg-block d-md-block">
<div class="header-text">
<p class="wlecome-text">Welcome to DR Reviw.</p>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-sm-6 col-md-6 col-sm-12 col-12">
<div class="header-text text-right">
<p>Are You Vendor? <a href="vendor-forms.html">List Your Business</a></p>
</div>
</div>
</div>
</div>
</div>
<!--/.header-top -->
<!-- header -->
<!-- /.header -->
<!-- page-header -->
<div class="venue-pageheader">
<div class="page-section">
<div class="container">
<div class="row">
<!-- page section -->
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
<a href="#" class="btn btn-default" id="open-popup">View Gallery</a>
</div>
</div>
</div>
</div>
</div>
<!-- /.page-header -->
<!-- page-header -->
<div class="bg-white">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="tabs">
<ul class="tabs-list">
<li class="active"><a href="#tab1">Overview</a></li>
<li ><a href="#tab2">Reviews</a></li>
<li ><a href="#tab3">Procedures<a/></li>
<li ><a href="#tab4">Feeds<a/></li>
</ul>
<div id="tab1" class="tab active">
<div class="vendor-headings">
<h2 class="mb10"><?=$details['hospital_name']?></h2>
<p class="vendor-address"><?=$details['address']?> <a href="#" class="btn-secondary-link ml-2">View Map</a> </p>
</div>
<div class="vendor-descriptions">
<h3 class="border-bottom mb20 pdb10">About Hospital</h3>
<p><?=$details['description']?></p>
</div>
<!--vendor-description -->
<!--venue-highlights -->
<!-- /.venue-highlights -->
<!-- aminities-block -->
<div class="amenities-block">
<h3 class="border-bottom mb20 pdb10">Available Facilities</h3>
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
<div class="animities-list">
<ul class="list-unstyled arrow">
<li>Ambulance</li>
<li>ICU</li>
<li>International Desk</li>
<li>Laboratory</li>
<li>Waiting Desk</li>
</ul>
</div>
</div>
<!-- <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
<div class="animities-list">
<ul class="list-unstyled arrow">
<li> Parking</li>
<li><strike>Pet-friendly</strike> </li>
<li>Towels supplied </li>
<li>TV</li>
<li>Washing machine</li>
<li>Wheelchair</li>
<li>Access Wifi</li>
</ul>
</div>
</div> -->
</div>
</div>
</div>
<div id="tab2" class="tab active">
<div id="reviews">
<h3 class="border-bottom mb20 pdb10">Reviews</h3>
<div class="review-block">
<div class="row">
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12">
<!-- review-sidebar -->
<div class="review-sidebar">
<div class="review-box">
<div class="review-total">4.8 </div>
<div class="review-text">Reviews</div>
<span class="rated"><i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> </span>
</div>
</div>
<!-- /.review-sidebar -->
</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
<!-- review-list -->
<div class="review-list">
<div class="review-for">Quality Service</div>
<div class="review-rating"><span class="rated"><i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="far fa-star"></i> <i class="far fa-star"></i> </span></div>
<div class="review-number">3.0</div>
</div>
<!-- /.review-list -->
<!-- review-list -->
<div class="review-list">
<div class="review-for">Facilities</div>
<div class="review-rating"><span class="rated"><i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="far fa-star"></i> </span></div>
<div class="review-number">4.0</div>
</div>
<!-- /.review-list -->
<!-- review-list -->
<div class="review-list">
<div class="review-for">Staff</div>
<div class="review-rating"><span class="rated"><i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="far fa-star"></i> <i class="far fa-star"></i> </span></div>
<div class="review-number">3.0</div>
</div>
<!-- /.review-list -->
<!-- review-list -->
<div class="review-list">
<div class="review-for">Flexibility</div>
<div class="review-rating"><span class="rated"><i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="far fa-star"></i> <i class="far fa-star"></i> </span></div>
<div class="review-number">3.0</div>
</div>
<!-- /.review-list -->
<!-- review-list -->
<div class="review-list">
<div class="review-for">Value of money</div>
<div class="review-rating"><span class="rated"><i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="far fa-star"></i> </span></div>
<div class="review-number">4.0</div>
</div>
<!-- /.review-list -->
</div>
<div class="col-xl-3 col-lg-3 col-md-12 col-sm-12 col-12 mt40">
<a href="#" class="btn btn-default">write a review</a>
</div>
</div>
</div>
</div>
<div class="review-content">
<div class="row">
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
<!-- review-user -->
<div class="review-user">
<div class="user-img"> <img src="images/review-pic-1.jpg" alt="star rating jquery" class="rounded-circle"></div>
<h5 class="user-name font-weight-bold">Eric M. Rahn</h5>
<div class="user-review-date">14 May, 2018</div>
<div class="given-review">
<span class="rated"><i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="far fa-star"></i> <i class="far fa-star"></i></span></div>
</div>
<!-- /.review-user -->
<!-- review-descripttions -->
<div class="review-descriptions">
<p>Morbi pharetra mollis tortor ac maximus. Nunc dapibus bibendum urna, in egestas dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra.Fusce ullamcorper sit amet augue a volutpat. Cras ultrices dictum ante vel iaculis.Donec accumsan consequat massa non gravida. Aenean molestie molestie elementum. Nullam semper vel mauris et semper. </p>
</div>
<!-- /.review-descripttions -->
</div>
</div>
</div>
</div>
<div id="tab3" class="tab active">
</div>
<div id="tab4" class="tab active">
</div>
</div>
</div>
<div class="col-md-4">
<div class="sidebar-venue">
<div class="well-box-dark">
<form>
<div class="row">
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
<h3 class="mb30">Request Quote</h3>
</div>
<!-- Text input-->
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
<div class="form-group">
<label class="control-label sr-only" for="name">Name</label>
<input id="name" name="name" type="text" placeholder="Name" class="form-control input-md" required="">
</div>
</div>
<!-- Text input-->
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
<div class="form-group">
<label class=" control-label sr-only" for="email">Email</label>
<input id="email" name="email" type="text" placeholder="Email" class="form-control input-md" required="">
</div>
</div>
<!-- Text input-->
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
<div class="form-group">
<label class=" control-label sr-only" for="phone">Phone</label>
<input id="phone" name="phone" type="text" placeholder="Phone" class="form-control input-md" required="">
</div>
</div>
<!-- Text input-->
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
<div class="form-group">
<label class="control-label sr-only" for="weddingdate">Wedding Date</label>
<input id="weddingdate" name="weddingdate" type="text" placeholder="Wedding Date" class="form-control input-md" required="">
<div class="venue-form-calendar"><i class="far fa-calendar-alt"></i></div>
</div>
</div>
<!-- Textarea -->
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
<div class="form-group">
<label class="control-label sr-only" for="comments">Comment</label>
<textarea class="form-control" id="comments" name="comments" rows="5" placeholder="Write Comment"></textarea>
</div>
</div>
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
<div class="form-group">
<button type="submit" class="btn btn-default btn-block">Submit Quote</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.tiny-footer-section -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script src="js/menumaker.min.js"></script>
<script src="js/jquery.nice-select.min.js"></script>
<script src="js/fastclick.js"></script>
<!-- popup gallery -->
<script src="js/jquery.magnific-popup.min.js" type="text/javascript"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/custom-script.js"></script>
<script src="js/jquery.rateyo.min.js"></script>
<script>
$(function() {
$("#rateYo1, #rateYo2, #rateYo3, #rateYo4, #rateYo5 ").rateYo({
rating: 3.6
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".tabs-list li a").click(function(e){
e.preventDefault();
});
$(".tabs-list li").click(function(){
var tabid = $(this).find("a").attr("href");
$(".tabs-list li,.tabs div.tab").removeClass("active"); // removing active class from tab
$(".tab").hide(); // hiding open tab
$(tabid).show(); // show tab
$(this).addClass("active"); // adding active class to clicked tab
});
});
</script>
</body>
</html>
Zerion Mini Shell 1.0