File: /home/imensosw/www/imenso.co/demo/stellar/old31/basic_formatting.html
<!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>stellarsearch</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">
<link rel="stylesheet" href="css/sweetalert.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>
<div class="top_strip">
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"> <img src="images/logo.png"></a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<div class="nav_center">
<ul class="nav navbar-nav">
<li class="active"><a href="home.html">Home</a></li>
<li> <a href="mywork.html"> My Work </a> </li>
<li><a href="view_company-profile.html"> View Company Profile </a></li>
<li><a href="manage_prospect.html"> Manage Prospect </a></li>
</ul>
</div>
</div>
<div class="nav_right">
<div class="dropdown"><a href="#" data-toggle="dropdown">
<img src="images/user2.png" width="40"> John Doe <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">My Team</a></li>
<li><a href="#">Setting</a></li>
<li class="divider"></li>
<li><a href="#">Logout</a></li>
</ul>
</div>
</div>
</div>
</nav>
</div>
<div id="app" class="m_main row">
<div class="container m_t80">
<div class="col-md-12">
<div class="row">
<div class="heading_area">
<h1 class="main_heading_2 m_b0 pull-left">My Work</h1>
<div class="classify_catagory">
<a href="#" class="active all"> <span> All </span> </a>
<a href="#" class="clients"> <span> Clients </span> </a>
<a href="#" class="prospects"> <span> Prospects </span> </a>
</div>
</div>
</div>
</div>
<div class="container_border">
<div class="col-md-12">
<div class="text-center">
<h1 class="main_heading">Hello, Kanchan.</h1>
<h2 class="sub_heading">What would you like to do today?</h2>
</div>
<div class="search_area search_area1">
<form class="navbar-form" role="search">
<div class="input-group add-on">
<input type="text" placeholder="Research a company" class="form-control" name="srch-term" id="srch-term">
<div class="input-group-btn">
<button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i> <span>Search </span> </button>
</div>
</div>
</form>
</div>
<div class="clearfix"></div>
<div class="content_area">
<div class="col-sm-3 col-xs-6">
<div class="row">
<div class="management_ind">
<a href="mywork.html" class="animation" title="my work">
<div class="management_icon">
<img src="images/icons/edit.svg" class="svg" alt="my work" />
</div>
<div class="management_heading">
<h3 class="align-middle">My Work</h3>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="alert alert-success alert-dismissable">
<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
<strong>Success!</strong> This alert box could indicate a successful or positive action.
</div>
<div class="alert alert-danger alert-dismissable">
<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
<strong>Danger!</strong> This alert box could indicate a dangerous or potentially negative action.
</div>
<div class="col-md-12">
<div class="form-group">
<label> Availability</label>
<div class="clearfix"></div>
<div class="available_area">
<div class="CurrentlyAccepting val_check"></div>
<div class="LimitedBandwidth val_check"></div>
<div class="CurrentlyUnavailable val_check"></div>
</div>
<div class="val_check_txt val_check_Accepting">Currently Accepting Searches</div>
<div class="val_check_txt val_check_Bandwidth">Limited bandwidth</div>
<div class="val_check_txt val_check_Unavailable">Unavailable</div>
</div>
</div>
<div class=""><a href="#" class="secondary_btn"> LOGOUT </a></div>
<br />
<div class="">
<button type="submit" class="primery_btn"> SAVE </button>
</div>
<br />
<button type="button" class="btn primery_btn" data-toggle="modal" data-target="#myModal">Open Modal</button><br />
<br />
<div>
<a href="view_company-profile.html" class="btn btn-blue">VIEW</a>
</div> <br />
<div class="col-sm-2 text-center">
<p><button class="btn btn-primary sweet-4" onclick="_gaq.push(['_trackEvent', 'example', 'try', 'sweet-4']);">Try It</button></p>
</div>
<br />
<div class="col-md-12"><span class="badge orange">PROSPECT</span></div>
<br /><br />
<div class="col-md-12">
<div id="loader" class="loader_img"></div>
</div>
<div class="col-md-12">
<div class="form-group">
<div>
<input type="checkbox" class="styled-checkbox" id="styled-checkbox-1" value="">
<label for="styled-checkbox-1">Move prospect to client list</label>
</div>
<!-- <label> <input type="checkbox" name=""> Move prospect to client list</label> -->
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label for="custom-file-upload" class="filupp">
<span class="filupp-file-name js-value">Browse Files</span>
<input type="file" name="attachment-file" value="1" id="custom-file-upload"/>
</label>
</div>
</div>
<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn secondary_btn" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="container">
<a href="#" class="calendar_icon"> <img src="images/icons/calendar.svg" class="svg"> </a> <span> View my calendar </span>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/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/custom.js"></script>
<script src="js/chosen.jquery.js" type="text/javascript"></script>
<script src="js/prism.js" type="text/javascript" charset="utf-8"></script>
<script src="js/init.js" type="text/javascript" charset="utf-8"></script>
<script src="js/sweetalert.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
document.querySelector('.sweet-4').onclick = function(){
swal({
title: "Are you sure?",
text: "You will not be able to recover this imaginary file!",
type: "warning",
showCancelButton: true,
confirmButtonClass: 'btn-danger',
confirmButtonText: 'Yes, delete it!',
closeOnConfirm: false,
//closeOnCancel: false
},
function(){
swal("Deleted!", "Your imaginary file has been deleted!", "success");
});
};
</script>
</body>
</html>