File: /home/barbeatleanalyti/public_html/manage.beatleanalytics.com/site/template/header.php 15-9-2015
<?
/*
File Name : header.php
Location : site/template/header.php
Use : display Header part of site
*/
// $cccic = FetchClientID();
?>
<header class="main-header" >
<!--<a href="<?php if(strtolower($_SESSION['UserInfo']['UType']) == 'end_user') echo 'profilenew.html'; else echo 'summery.html';?>" class="logo" style="padding:5px;">
<span class="logo-mini" style="color:#FF6C2B;"><img height="40" src="<?php echo _IMAGEPATH_?>/logo-white-small.png"></span>
<span class="logo-lg">
<?php $orgImage = FetchOrgImage();
if($orgImage != ""){
$orgImagefinal = UPLOAD_ORGIMAGE.$orgImage;
}else{
$orgImagefinal = _IMAGEPATH_."/noimage_responsive.png";
}
?>
<img src="<?php echo $orgImagefinal; ?>">
</span>
</a>----->
<style>
nav.navbar.navbar-static-top {
background: #48a9d4 !IMPORTANT;
}
</style>
<!-- Header Navbar: style can be found in header.less -->
<nav class="navbar navbar-static-top" role="navigation" style="linear-gradient(to right, #07a759, #48a9d4)!IMPORTANT; ">
<!-- Sidebar toggle button-->
<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
<span class="sr-only">Toggle navigation</span>
</a>
<?php if($pg == 'summery') { ?><div class="page-name" style="float: left;position: absolute;font-size: 25px;color: #fff;font-weight:600; margin-left: 40px;line-height: 50px;">TODAY'S SCORECARD</div>
<?php } ?>
<?php if($pg == 'dashboardma') { ?><div class="page-name" style="float: left;position: absolute;font-size: 25px;color: #fff;font-weight:600; margin-left: 40px;line-height: 50px;"><i class="fa fa-dashboard" style="margin: 0 5px 0 3px;"></i>DASHBOARD</div>
<?php } ?>
<?php if($pg == 'tickets') { ?><div class="page-name" style="float: left;position: absolute;font-size: 25px;color: #fff;font-weight:600; margin-left: 40px;line-height: 50px;"><i class="fa fa-bell-o" style="margin: 0 5px 0 3px;"></i> TICKET</div>
<?php } ?>
<?php if($pg == 'reports') { ?><div class="page-name" style="float: left;position: absolute;font-size: 25px;color: #fff;font-weight:600; margin-left: 40px;line-height: 50px;"><i class="fa fa-bar-chart-o" style="margin: 0 5px 0 3px;"></i>REPORTS</div>
<?php } ?>
<?php if($pg == 'low_rating') { ?><div class="page-name" style="float: left;position: absolute;font-size: 25px;color: #fff;font-weight:600; margin-left: 40px;line-height: 50px;"><i class="fa fa-frown-o" aria-hidden="true" style="margin: 0 5px 0 3px;"></i>Low Rating Reports</div>
<?php } ?>
<?php if($pg == 'users') { ?><div class="page-name" style="float: left;position: absolute;font-size: 25px;color: #fff;font-weight:600; margin-left: 40px;line-height: 50px;"><i class="fa fa-users" aria-hidden="true" style="line-height: 2; margin: 0 5px 0 3px;"></i> USERS</div>
<?php } ?>
<?php if($pg == 'performance') { ?><div class="page-name" style="float: left;position: absolute;font-size: 25px;color: #fff;font-weight:600; margin-left: 40px;line-height: 50px;"><i class="fa fa-line-chart" aria-hidden="true" style="line-height: 2; margin: 0 5px 0 3px;"></i> Performance</div>
<?php } ?>
<?php if($pg == 'income') { ?><div class="page-name" style="float: left;position: absolute;font-size: 25px;color: #fff;font-weight:600; margin-left: 40px;line-height: 50px;"><i class="fa fa-inr" aria-hidden="true" style="line-height: 2; margin: 0 5px 0 3px;"></i> Income</div>
<?php } ?>
<?php if($pg == 'customers') { ?><div class="page-name" style="float: left;position: absolute;font-size: 25px;color: #fff;font-weight:600; margin-left: 40px;line-height: 50px;"><i class="fa fa-user" style="margin: 0 5px 0 3px;"></i>COUSTOMERS</div>
<?php } ?>
<?php if($pg == 'offers') { ?><div class="page-name" style="float: left;position: absolute;font-size: 25px;color: #fff;font-weight:600; margin-left: 40px;line-height: 50px;"><i class="fa fa-gift" aria-hidden="true" style="margin: 0 5px 0 3px;"></i> OFFERS</div>
<?php } ?>
<?php if($pg == 'emailer') { ?><div class="page-name" style="float: left;position: absolute;font-size: 25px;color: #fff;font-weight:600; margin-left: 40px;line-height: 50px;"><i class="fa fa-envelope" style="margin: 0 5px 0 3px;"></i>EMAILER</div>
<?php } ?>
<?php if($pg == 'emailer') { ?><div class="page-name" style="float: left;position: absolute;font-size: 25px;color: #fff;font-weight:600; margin-left: 40px;line-height: 50px;"><i class="fa fa-envelope" style="margin: 0 5px 0 3px;"></i>EMAILER</div>
<?php } ?>
<?php if($pg == 'profilenew') { ?><div class="page-name" style="float: left;position: absolute;font-size: 25px;color: #fff;font-weight:600; margin-left: 40px;line-height: 50px;"><i class="fa fa-file-image-o" style="margin: 0 5px 0 3px;"></i>PROFILE</div>
<?php } ?>
<?php if($pg == 'aaa') { ?><div class="page-name" style="float: left;position: absolute;font-size: 25px;color: #fff;font-weight:600; margin-left: 40px;line-height: 50px;">TEST</div>
<?php } ?>
<div class="navbar-custom-menu">
<ul class="nav navbar-nav">
<!-- Messages: style can be found in dropdown.less-->
<?php
// $rsNotification = FetchNewsNotification();
$rand = rand(1000,9999);
?>
<?php if($_SESSION['UserInfo']['UType'] != 'End_user') { ?>
<!---<li class="app-downloads-icon"><a href="#" type="button" class="subscription" title="subscription" data-toggle="modal" data-target="#subscription">
abc</li>---->
<!----<li class="app-downloads-icon"><a href="#" type="button" class="btn btn-default" title="Download Survey APP" data-toggle="modal" data-target="#app_download">
<img src="theme/black/images/downloads-icon.png"></a></li>--->
<li class="dropdown notifications-menu notification" title="Ticket">
<a href="tickets.html?v=list">
<i class="fa fa-bell-o"></i>
<span class="label label-warning"><?php echo fetch_ticket_for_tabbing();?></span>
</a>
</li>
<li><a href="#" data-toggle="modal" data-target="#modal-default-owner" title="Redeem"> Redeem </a></li>
<li><a href="#" data-toggle="modal" data-target="#modal-default-owner12" title="Purchase" >Purchase</a></li>
<li><a href="http://help.beatleanalytics.com/faq.php" data-target="#modal-default-owner12" title="Help" target="_blank" >Help</a></li>
<?php } ?>
<!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu">
<?php $WebProfileImage = FetchUserWebProfileImage();
if($WebProfileImage != ""){
$ProfileImage = UPLOAD_WEBPROFILEIMAGE.$WebProfileImage;
}else{
$ProfileImage = _IMAGEPATH_."/noimage_responsive.png";
}
?>
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img id="UserWebImage" src="<?php echo $ProfileImage; ?>" class="user-image" alt="User Image">
<span class="hidden-xs">
<?php echo FetchUserDetails($_SESSION['UserInfo']['UserID'],$_SESSION['UserInfo']['UType'])?>
</span>
</a>
<ul class="dropdown-menu">
<!-- User image -->
<li class="user-header" style="height:320px !IMPORTANT;">
<ul class="img-list1">
<li style=" border: 2px solid #277497;border-radius: 100%;">
<img id="UserWebImage_" src="<?php echo $ProfileImage; ?>" class="img-responsive img-circle" alt="User Image">
<a href="#popup_upload_" data-toggle="modal" data-target="#popup_upload">
<span class="text-content1"><span><strong>Change Image</strong></span></span>
</a>
</li>
</ul>
<strong style="color:#fff;">
<p style="margin: 17px 0 8px 0px;
font-size: 17px;
height: auto;
padding: 0px;
float: left;
width: 100%;
height: 31px;
}"><?php echo FetchUserDetails($_SESSION['UserInfo']['UserID'],$_SESSION['UserInfo']['UType'])?> <!--<br />(<em><?php echo FetchUserDesignation(); ?></em>)-->
<br /><small><!---<em>Last login :<?php echo $_SESSION['LastLogin']; ?></em>---></small>
<br>
<small class="header-nevigation-btn">
<div class="" style="clear:both;"></div>
<?php if($_SESSION['UserInfo']['UType'] == 'End_user') { ?>
<p class="user-sub-manu" > <a href="cusers.html?v=list&tab=tab_1" class="pull-left" title="My Visit" >My Visit</a>
<span class="pull-right" ><?php echo fetchMyVisitData_Customer();?></span>
</p>
<p class="user-sub-manu" > <a href="cusers.html?v=list&tab=tab_2" class="pull-left" title="My Order" >My Order</a>
<span class="pull-right" ><?php echo fetchMyOrderData_Customer();?></span>
</p><?php } else{ ?>
<p class="user-sub-manu" > <a href="emailer.html?v=report" class="pull-left" title="Redeem History" >Redeem History</a>
<p class="user-sub-manu" > <a href="emailer.html?v=list" class="pull-left" title="Redeem History" >Purchase History</a>
<?php }?>
<p class="user-sub-manu" > <a href="profilenew.html?v=edit" class="pull-left" title="Edit Profile" >Edit Profile</a>
</p>
<p class="user-sub-manu sign_out" > <a href="signout.html?data=<?php echo base64_encode("pg=signout&acn=UserSignOut");?>" class="pull-left" title="Sign Out" >Sign Out</a>
</p>
<!-- <div class="col-md-6 col-xs-6 form-group" style="margin: 0px;">
<a href="#" class="btn btn-sm btn-danger filter-visit " title="My Visit">My Visit</a>
<sup>16</sup>
</div>
<div class="col-md-6 col-xs-6 form-group" style="margin: 0px;">
<a href="#" class="btn btn-sm btn-success filter-visit " title="My Order">my order</a>
<sup>0</sup>
</div>----->
</small>
</p></strong>
</li>
<style>
.user-sub-manu{ width:65%; margin:0 auto; clear: both; }
.user-sub-manu a , .user-sub-manu span {color:#fff; font-size:17px !important; font-weight: 600;}
p.user-sub-manu {
background: #277396;
float: left;
margin: 0 auto;
width: 100%;
margin: 2px auto;
padding: 5px 18px;
}
</style>
<!-- Menu Body -->
<!--<li class="user-body">
<div class="row">
<div class="col-xs-4 text-center">
<a href="#">Followers</a>
</div>
<div class="col-xs-4 text-center">
<a href="#">Sales</a>
</div>
<div class="col-xs-4 text-center">
<a href="#">Friends</a>
</div>
</div>
</li>-->
<!-- Menu Footer-->
<!--<li class="user-footer">
<div class="pull-left">
<a href="#" class="btn btn-default btn-flat">Profile</a>
</div>
<div class="pull-left">
<a href="profilenew.html" class="btn btn-primary" style="min-height:28px;"><i class="fa fa-file-image-o"></i> Profile</a>
</div>
<div class="pull-right">
<a href="signout.html?data=<?php echo base64_encode("pg=signout&acn=UserSignOut");?>" class="btn btn-danger bg-red" style="min-height:28px;"><i class="fa fa-power-off"></i> Sign out</a>
</div>
</li>---->
</ul>
</li>
<!-- Control Sidebar Toggle Button -->
<!--<li>
<a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
</li>--->
<li class="notifications-menu">
<a class="naveffect" style="padding-bottom:23px !important;" data-toggle="control-sidebar" href="#"><i class="fa fa-gears"></i></a>
</li>
</ul>
</div>
</nav>
</header>
<script>
// function CheckUserLoginOrNot(ID){
//
// if (window.XMLHttpRequest) {
// // code for IE7+, Firefox, Chrome, Opera, Safari
// xmlhttpCheckLogin=new XMLHttpRequest();
// } else { // code for IE6, IE5
// xmlhttpCheckLogin=new ActiveXObject("Microsoft.XMLHTTP");
// }
// xmlhttpCheckLogin.onreadystatechange=function() {
// if (xmlhttpCheckLogin.readyState==4 && xmlhttpCheckLogin.status==200)
// {
//
// var ReturnVal = eval(xmlhttpCheckLogin.responseText);
// if(ReturnVal[0] == 'N'){ window.location.href = ReturnVal[1]; }
// }
// }
// xmlhttpCheckLogin.open("GET","runajax.php?data="+base64_encode("acn=CheckUserLoginOrNot"),true);
// xmlhttpCheckLogin.send();
// }
</script>
<div class="modal fade" id="popup_upload" >
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header text-center bg-green cust">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title text-bold">Upload Profile Image</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12 form-group">
<div id="notification-div" class="callout callout-info lead text-bold" style="display:none;"></div>
<div class="col-md-8 col-md-offset-4 text-center cropHeaderWrapper">
<div id="croppic"></div>
</div>
<input type="hidden" id="myOutputId">
<div class="col-md-4 col-md-offset-4">
<span class="btn choos-file margin col-md-3 btn-block btn-lg" id="cropContainerHeaderButton">Choose files</span>
</div>
<!--crop-profile-->
<!--<div class="col-md-12 form-group" style="text-align: center;margin: 0 auto;float: none; margin-bottom: 25px!IMPORTANT;display: -webkit-box;">
<span class="text-red"><strong>Note:</strong> Click on This <a href="#"><img src="theme/black/images/edit-profile.png" style=" width: 27px; margin-bottom: 8px;"></a> Button after Select Your Profile Image to Save Your Profile Image </span>
</div>-->
<!--crop-profile-end-->
<div class="col-md-6 col-md-offset-4 form-group">
<form action="manage.php" name="frmuploadprofile" method="post" class="frmuploadprofileImageData" id="frmuploadprofileImage" enctype="multipart/form-data">
<input type="hidden" name="pg" id="pg" value="profilenew" />
<input type="hidden" name="currentpage" id="currentpage" value="profilenew" />
<input type="hidden" name="acn" value="uploadprofileimage" />
<!--<label class="control-label"> Choose files:</label>
<input required="required" type="file" id="profileimage" class="form-group" name="profileimage" />-->
<!--<input type="file" name="ProfileImage" id="choose" />
<br>
<div id="uploadPreview"></div>
-->
</form>
<form action="manage.php" name="frmuploadprofile" method="post" id="frmremoveprofileimage" enctype="multipart/form-data">
<input type="hidden" name="pg" id="pg" value="profilenew" />
<input type="hidden" name="currentpage" id="currentpage" value="profilenew" />
<input type="hidden" name="acn" value="removeprofileimage" />
</form>
</div>
<!--<div class="col-md-6">
<img src="<?php echo $ProfileImage; ?>" class="profile-user-img img-responsive img-circle" />
</div>-->
</div>
</div>
</div>
<div class="col-md-12 form-group">
<span class="text-red"><strong>Note:</strong> File must be .jpg, .jpeg, .png, formate. </span>
</div>
<div class="modal-footer">
<button href="#close" title="Close" type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
<!--<input type="button" onclick="javascript: document.getElementById('frmuploadprofile').submit();" class="btn btn-primary form-group" style="margin-bottom:5px;" name="imageupload" value="Upload Now"/> -->
<?php if($WebProfileImage != ""){ ?>
<input type="button" onclick="javascript: document.getElementById('frmremoveprofileimage').submit();" class="btn choos-file form-group" style="margin-bottom:5px;" name="removeprofile" value="Remove Profile Image"/>
<?php }?>
</div>
</div>
</div>
</div>
<style>
.selected-quick{ color:#FFF !important; }
.selected-quick:hover{ color:#FFF !important; }
.btn-app{min-width:99px !important; margin-left:7px !important; }
.quick-main-header{min-height:0px !important; }
.quick-show{width:100%;float:left;cursor:pointer;font-size:18px;}
.quick-show:hover{background-color:#F0F8FF !important;}
.quick-btn{margin:5px; background-color:#5bb2fc; font-weight:bold; line-height:25px; float:left; padding:5px; color:#FFF;font-size:25px; cursor:pointer; border-radius:5px;}
.quick-lable{font-size:12px;}
.quick-btn:hover{background-color:#43525B;}
</style>
<style>
ul.img-list1 {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
ul.img-list1 li {
display: inline-block;
height: 90px;
position: relative;
width: 90px;
}
span.text-content1 {
border-radius:50%;
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 90px;
left: 0;
position: absolute;
top: 0;
width: 90px;
}
span.text-content1 span {
display: table-cell;
text-align: center;
vertical-align: middle;
}
span.text-content1 {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 90px;
left: 0;
position: absolute;
top: 0;
width: 90px;
opacity: 0;
}
ul.img-list1 li:hover span.text-content1 {
opacity: 1;
}
span.text-content1 {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 90px;
left: 0;
position: absolute;
top: 0;
width:90px;
opacity: 0;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
}
</style>
<style>
#uploadPreview{ overflow: auto;}
.imageView{ border: 5px solid #d6d5d5;}
.textboxshow{ border:none; }
.textprofile{ height:auto; margin-top:20px;}
.spannew{ font-size:12px !important; float:left; font-weight:bold; width:200px; line-height:40px;}
embed { width:100% !important;}
.profile-textbox{
font-weight:bold;
}
.textboxNew_{line-height:32px;height:25px;max-height:25px;margin-bottom:4px;border:1px solid #ccc;width:300px;padding:6px 12px 6px 10px;/*font-size:13px;*/outline:0;border-radius:0;-moz-border-radius:0px;-webkit-border-radius:0px;border:1px solid #ccc;}
</style>
<script>
function readImage(file) {
$('#uploadPreview').html('');
var reader = new FileReader();
var image = new Image();
reader.readAsDataURL(file);
reader.onload = function(_file) {
image.src = _file.target.result; // url.createObjectURL(file);
image.onload = function() {
var w = this.width,
h = this.height,
t = file.type, // ext only: // file.type.split('/')[1],
n = file.name,
s = ~~(file.size/1024) +'KB';
if(t != 'image/jpeg' && t != 'image/jpg' && t != 'image/png'){
alert("Image file type should be .jpg or .jpeg formate..");
document.getElementById("choose").value = "";
return false;
exit;
}
//if(w > 500 && h > 500){
//alert("Image height and width should be less than 150X150 pixels");
///document.getElementById("choose").value = "";
//return false;
//exit;
//}
$('#uploadPreview').append('<br><img class="imageView" height="300" src="'+ this.src +'"><br/><br/><input id="Upload"" type="submit" value="Upload Now" class="btn btn-success " />');
};
image.onerror= function() {
alert('Invalid file type: '+ file.type);
document.getElementById("choose").value = "";
};
};
}
$("#choose").change(function (e) {
if(this.disabled) return alert('File upload not supported!');
var F = this.files;
// if(F && F[0]) for(var i=0; i<F.length; i++) readImage( F[i] );
});
</script>
<script>
function SubmitUploadingForm(){
image = $("#profileimage").val();
//alert(image);
//exit;
}
var croppicHeaderOptions = {
cropData:{
"dummyData":1,
"dummyData2":"asdas"
},
//uploadUrl:'<?php // echo $curImagePath; ?>/croppic/img_save_to_file.php',
//xmlhttp.open("GET","runajax.php?data="+base64_encode("acn=UploadCropImage&pg=profileemp&"),true),
//xmlhttp.send(),
//cropUrl: 'runajax.php?acn=UploadCropImage&pg=profileemp',
cropUrl: 'runajax.php?data='+base64_encode('acn=UploadCropImage&pg=profilenew'),
outputUrlId:'myOutputId',
customUploadButtonId:'cropContainerHeaderButton',
modal:false,
processInline:true,
loaderHtml:'<div class="loader bubblingG"><span id="bubblingG_1"></span><span id="bubblingG_2"></span><span id="bubblingG_3"></span></div> ',
onBeforeImgUpload: function(){ console.log('onBeforeImgUpload');
var ext = $("#croppic_imgUploadField").val().split('.').pop().toLowerCase();
if($.inArray(ext, ['png','jpg','jpeg']) == -1) {
$("#notification-div").removeClass("callout-info").addClass("callout-danger");
$("#notification-div").html("invalid extension").fadeIn(2000).delay(5000).fadeOut(2000);
cropper.destroy() // no need explaining here :)
cropper.reset() // destroys and then inits the cropper
return false;
exit;
}
},
onAfterImgUpload: function(){ console.log('onAfterImgUpload')
},
onImgDrag: function(){ console.log('onImgDrag') },
onImgZoom: function(){ console.log('onImgZoom') },
onBeforeImgCrop: function(){ console.log('onBeforeImgCrop');
},
onAfterImgCrop:function(){ console.log('onAfterImgCrop');
if($("#myOutputId").val() != ""){
$(".cropControlRemoveCroppedImage").css("display","none");
$("#notification-div").removeClass("callout-danger").addClass("callout-info");
$("#notification-div").html("Profile image uploded successfuly...").fadeIn(2000).delay(5000).fadeOut(2000);
$("#UserWebImage").attr("src",$("#myOutputId").val());
$("#UserWebImage_").attr("src",$("#myOutputId").val());
$("#UserWebImage__").attr("src",$("#myOutputId").val());
}
},
onReset:function(){ console.log('onReset') },
onError:function(errormessage){ console.log('onError:'+errormessage) }
}
var croppic = new Croppic('croppic', croppicHeaderOptions);
</script>
<style>
#croppic{
background-image:url(<?php echo $ProfileImage; ?>) !important;
}
.slimScrollDiv{ height:100% !important;}
.menu{ height:100% !important;}
</style>
<table id="header-fixed"></table>
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5a111957198bd56b8c03bfeb/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->
<!----survey_app-qr-cod-model-download------>
<div class="modal fade in qr_cod" id="app_download" style="display: none; padding-right: 17px;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title"> <img class="model_beatle_logo" src="theme/black/images/beatle_logo.png">Application</h4>
</div>
<div class="modal-body">
<div class="aaaa">
<div class="nav-tabs-custom">
<ul class="nav nav-tabs">
<li class=""><a href="#tab_1" data-toggle="tab" aria-expanded="false">Survey Application</a></li>
<li class="active"><a href="#tab_2" data-toggle="tab" aria-expanded="true">Corporat Application</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane" id="tab_1">
<div class="qr col-md-5 qr-img">
<h2>Survey Application</h2>
<img src="theme/black/images/survey_app-qr.png">
</div>
<div class="qr col-md-7 steps">
<h1>Download Application Steps</h1>
<p>1. Start Scanner</p>
<p>2. Point your to this screen to capture the code</p>
<p>3. Download Application</p>
<p>4. Install Application </p>
</div>
</div>
<!-- /.tab-pane -->
<div class="tab-pane active" id="tab_2">
<div class="qr col-md-7 steps">
<h1>Download Application Steps</h1>
<p>1. Start Scanner</p>
<p>2. Point your to this screen to capture the code</p>
<p>3. Download Application</p>
<p>4. Install Application </p>
</div>
<div class="qr col-md-5 qr-img">
<h2>Corporat Application</h2>
<img src="theme/black/images/commin_soon_qr_code.png">
</div>
</div>
<!-- /.tab-pane -->
</div>
<!-- /.tab-content -->
</div>
</div>
</div>
</div>
</div>
</div>
<!---//-survey_app-qr-cod-model-download----->
<!---- <div class="modal fade in qr_cod" id="subscription" style="display: none; padding-right: 17px;">
<div class="modal-dialog subscription_plan">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title"> <img class="model_beatle_logo" src="theme/black/images/beatle_logo.png">Survey Application</h4>
</div>
<div class="modal-body">
<div class="qr col-md-12 qr-img">
your subscription has ex......
</div>
</div>
</div>
</div>
<style>
.modal-dialog.subscription_plan {
width: 100%;
}
</style>
</div>------->