salepage


<!doctype html>


<html>
	<head>

		<title>STM.IM is for sale</title>
		<meta name="Description" content="The Number One Domain MarketPlace">
		<meta name="Author" content="MarketPlace">
		<link rel="Publisher" href="https://marketplace.one">

		<meta property="og:type" content="website">
		<meta property="og:title" content="STM.IM is for sale">
		<meta property="og:description" content="STM.IM is for sale">
		<meta property="og:url" content="http://www.stm.im">

		<meta name="viewport" content="width=device-width, initial-scale=1">

		<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
		<link rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css'>

		<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/js/bootstrap.min.js"></script>
		<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.min.css'>

		<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.0/bootstrap-table.min.js"></script>
		<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.0/bootstrap-table.min.css">

		<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.11.2/css/bootstrap-select.css"></script>-->

		<link href="https://fonts.googleapis.com/css?family=Pacifico|Baloo+Bhai|Montserrat|Open+Sans" rel="stylesheet">
		<!-- <script src="//cdnjs.cloudflare.com/ajax/libs/velocity/1.2.3/velocity.min.js"></script> -->
		<link rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css'>
<style>

.boxTop {
	text-align:center;
    height: 100%;
    width: 100%;
	margin-top:50px;
	padding:10px;
	overflow:hidden;
}

.sale {
	display:inline-block;
	color:red;
}

.thankYou {
	color:green;
}


.makeOfferButton {
	border:1px solid black;
	color:white;
	background-color:#00C851;
	margin-right:20px;
}

.makeOfferButton:hover {
	border:1px solid black;
	background-color:#007E33;
}

</style>
</head>
<body>
<div class='boxTop container animated zoomIn'>

	<h2><pre>stm.im is for <p class='sale'>sale!</p> <i class="fa fa-thumbs-up" aria-hidden="true"></i></pre></h2>
<button class="makeOfferButton btn" data-toggle="modal" data-target="#offer">Click to Buy</button>
</div>

<div id="offer" class="modal fade" role="dialog">
	<div class="modal-dialog">
		<div class="modal-content">
      	<div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title" data-domain="stm.im">Offer for stm.im</h4>
      </div>
		<div class="modal-body">
		<form id='mainForm'>
			<div class="form-group">
				<label for="nameField">Name</label>
				<input type="text" class="form-control" id="nameField" aria-describedby="nameHelp" placeholder="Your name">
			 </div>
			 <div class="form-group">
				<label for="emailField">Email address</label>
				<input type="email" class="form-control" id="emailField" aria-describedby="emailHelp" placeholder="Your email">
				<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
			 </div>
			<div class="form-group form-inline">
				<label class="sr-only" for="offerField">Amount (in dollars)</label>
				<div class="input-group">
					<div class="input-group-addon">$</div>
					<input type="text" class="form-control" id="offerAmount" placeholder="Amount in USD">
					<div class="input-group-addon">.00</div>
				</div>
			</div>
			<div class="form-group">
				<label for="detailsField">Additional Information</label>
				<textarea class="form-control" id="detailsField" rows="2"></textarea>
			</div>

		</form>

      </div>
      <div class="modal-footer">
        <button type="button" id='mainSubmitButton' class="btn btn-success submitButton" data-dismiss="modal">Submit</button>
      </div>
    </div>

  </div>
</div>


<div id="thankYou" class="modal fade">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title thankYou">Thank You!</h4>
      </div>
      <div class="modal-body">
        <p>Please allow a few days for a response.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->


<div id="notComplete" class="modal fade">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title text-danger">Form not complete!</h4>
      </div>
      <div class="modal-body">
        <p>Please complete the form with your name and email.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

</body>
<script>

$(function() {

	$("#mainSubmitButton").click(function(){

		var formData = {};
		formData.url = $(".modal-title").data('domain');
		formData.name = $("#nameField").val();
		formData.email = $("#emailField").val();
		formData.offer = $("#offerField").val();
		formData.details = $("#detailsField").val();

        if ( formData.name == "" || formData.email == "" ) {
            $("#notComplete").modal('show');
            return false;
        }

		$.post('/submit', formData, function(res) {
			console.log(res);
			$("#offer").modal('hide');
			$("#thankYou").modal('show');
		});

	});


});
</script>
</html>