Prom

by Pete Shearer

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<div class="container marketing">
  <div class="jumbotron">
    <h1>Prom Proposal</h1>
    <p>v2.0.1.5</p> 
  </div>
    <div class="row">
        <div class="col-lg-4">
          <h2>Date</h2>
          <p>Unknown</p>
        </div>
        <div class="col-lg-4">
          <h2>Time</h2>
          <p>Unknown</p>
        </div>
        <div class="col-lg-4">
          <h2>Location:</h2>
          <p>Unknown</p>
        </div>
    </div>
  <hr class="featurette-divider">
  <div class="row">
    <div class="col-sm-4">
        <input type="button" onclick="confirmProposal()" value="Respond to Proposal" class="btn btn-default" />     
    </div>
  </div>
</div>

JavaScript

function confirmProposal() {
    var result = confirm("So, will you?");
    
    if (result) {
        window.open('mailto:[email protected]?subject=Prom&body=He said yes!')
    }
    else {
         alert("Well, that was rude!");  
    }        
}