%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>oniface Tours & Travels</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{
letter-spacing: 1px;
font-weight: normal;
padding: 5px;
font-size: 15px;
}
.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;
}
}
.blockcard{
border: 1px solid #c8c8c8;
box-shadow: 0 4px 8px 0 rgba(138, 107, 118, 0.08);
padding: 10px;
min-height: 76px;
margin-top: 3%;
padding: 18px;
}
.blockcard h2{
font-size: 17px;
font-weight: bold;
}
</style>
</head>
<body>
<!-- header-top -->
<?php include ('test.php');?>
<!--/.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">
<form class="form-inline" method="post" action="<?=base_url()?>Visa/search">
<div class="input_wrapper">
<label>Destination:</label>
<div class="select1_inner">
<select class="wide" name="visa">
<?php foreach ($icities as $icity) { ?>
<option value="<?=$icity['id']?>"><?=$icity['cities']?></option>
<?php } ?>
</select>
</div>
</div>
<button type="submit">Submit</button>
</form>
</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="vendor-headings">
<!-- <h2 class="mb10"><?=$details['product_name']?></h2>-->
<h2><?=$country['country'];?> Visa</h2>
</div>
<?php foreach($listing as $list) { ?>
<div class="row blockcard">
<div class="col-md-2">
<span class="visa-head"><?=$list['days'];?></span>
<p class="font12">Days</p>
</div>
<div class="col-md-8">
<span class="price-box vendor-meta-box">
<span class="visa-head"><?=$list['type'];?></span>
<span><p>Validity:30 Days</p></span>
<span><p>Processing Time: 3-4 days</p></span>
</span>
</div>
<div class="col-md-2">
<span class="price-box vendor-meta-box">
<span class="visa-head">Rs 2,000</span>
<span>Single Entry</span>
</span>
</div>
</div>
<?php } ?>
</div>
<div class="col-md-4">
<div class="sidebar-venue">
<div class="well-box-dark">
<h2>Apply For Visa Online</h2>
<form>
<div class="row">
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
</div>
<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>
<select>
<?php foreach($listing as $list) { ?>
<option><?=$list['type'];?></option>
<?php } ?>
</select>
</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="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-->
<!-- 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="visa_type">Visa Type</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 buttonsearch">Submit</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.tiny-footer-section -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<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