File: /home/imensosw/www/imenso.co/demo/stellar/manage-prospect.php
<!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>Stellar Search</title>
<!-- <link href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i" rel="stylesheet"> -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon.png">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link rel="stylesheet" href="css/chosen.css">
<!-- 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]-->
</head>
<body>
<?php include ("header.php");?>
<section class="app">
<?php include ("menu.php");?>
<div class="content-area">
<div class="info-panel">
<div class="padded">
<div class="clogo">
<h4 class="theme-clr">Reliance Industries</h4>
</div>
<div class="v-progress mt3">
<ul>
<li class="vcompleted"> <a href="#"> Create a prospect <span class="complete_icon pull-right"> <img src="images/icons/check-symbol.svg" class="svg"></span> </a> </li>
<li class="vcompleted"> <a href="#"> Establish contact <span class="complete_icon pull-right"> <img src="images/icons/check-symbol.svg" class="svg"></span> </a> </li>
<li class="vcompleted"> <a href="#"> Meet with prospect <span class="complete_icon pull-right"> <img src="images/icons/check-symbol.svg" class="svg"></span> </a> </li>
<li class="vinprogress"> <a href="#"> Understand requirement <span class="complete_icon pull-right hidden"> <img src="images/icons/check-symbol.svg" class="svg"></span> </a> </li>
<li class=""> <a href="#"> Finalise business terms <span class="complete_icon pull-right hidden"> <img src="images/icons/check-symbol.svg" class="svg"></span> </a> </li>
<li class=""> <a href="#"> Assign search <span class="complete_icon pull-right hidden"> <img src="images/icons/check-symbol.svg" class="svg"></span> </a> </li>
</ul>
</div>
</div>
</div>
<div class="action-panel">
<h4 class="mt3 mb3">Understand Requirement
<a href="" class="btn-orange mt-1 pull-right">Save Changes</a>
</h4>
<div class="panel">
<div class="panel-body">
<form role="form" class="mt3">
<div class="col-md-4">
<div class="form-group float-label-control">
<label for="">Name</label>
<input type="text" class="form-control" value="John Doe" placeholder="nave" name="name">
</div>
<div class="form-group float-label-control">
<label for="">Designation</label>
<input type="text" class="form-control" value="HR Manager" placeholder="Designation" name="Designation">
</div>
<div class="form-group float-label-control">
<label for="">Personal Email</label>
<input type="text" class="form-control" value="johndoe@gmail.com" placeholder="Personal Email" name="email">
</div>
</div>
<div class="col-md-4">
<div class="form-group float-label-control">
<label for="">Work Email</label>
<input type="text" class="form-control" value="johndoe@stellar.com" placeholder="Work Email" name="email">
</div>
<div class="form-group float-label-control">
<label for="">Mobile Number</label>
<input type="text" class="form-control" value="+91 9876543210" placeholder="Mobile Number" name="Mobile Number">
</div>
<div class="form-group float-label-control">
<label for="">Office Number</label>
<input type="text" class="form-control" value="011-23456789" placeholder="Office Number" name="Office Number">
</div>
</div>
<div class="col-md-4">
<div class="form-group float-label-control">
<label for="">Contact Frequency</label>
<input type="text" class="form-control" value="Once a Week" placeholder="Contact Frequency" name="Contact Frequency">
</div>
<div class="form-group float-label-control">
<label for="">When Should Call</label>
<input type="text" class="form-control" value="Post Lunch" placeholder="When Should Call" name="When Should Call">
</div>
<div class="form-group float-label-control">
<label for="">Linkedin Profile</label>
<input type="text" class="form-control" value="ln.linkedin.in/johndoe" placeholder="Linkedin Profile" name="Linkedin Profile">
</div>
</div>
</form>
</div><!--/panel-body-->
</div><!--/panel-->
<div class="form-group">
<label for="">CEO</label>
<input type="text" class="form-control" id="newInfo" value="" placeholder="CEO" name="">
<div class="form-info" style="display: none;">
<div class="form-group">
<label for="">CEO</label>
<input type="text" class="form-control" value="" placeholder="CEO" name="">
</div>
</div>
</div>
</div><!--/action-panel-->
</div><!--/content-area-->
<?php include("footer.php");?>
<script type="text/javascript">
jQuery("#newInfo").focus(function () {
jQuery('.form-info').slideDown();
});
</script>
</body>
</html>