deborah-ufw/blog-sencha-my-html.html

## blog-sencha-my-html.html
<!DOCTYPE html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Appointment Confirmation</title>
  <link href="sencha-example.css" media="screen" rel="stylesheet" />
</head>
<body data-type="confirmation">

<h1>Schedule Your Service</h1>

  <div class="content">

    <div class="wrapper">
      <div class="confirmed box">
        <h2>Your Appointment is Confirmed</h2>
        <h2>{{confirmation-date-string}}</h2>
        <div><strong>Advisor: </strong>{{advisor-selection}}</div>
        <div><strong>Vehicle: </strong>{{vehicle-string}}</div>
        <div><strong>Transportation: </strong>{{transportation-selection}}</div>
        <div><strong>Confirmation Code: </strong>{{confirmation-code}}</div>
        <div class="sync">
          <span class="tiny label">Sync to your calendar</span>
          <span class="icon"><img src="images/lil-ical.png" /></span>
          <span class="icon"><img src="images/lil-outlook.png" /></span>
          <span class="icon"><img src="images/lil-calendar.png" /></span>
        </div>
        <div class="total">
          <div class="tiny label">Estimated total</div>
          <div class="estimated-cost">${{estimated-cost}}</div>
        </div>
        <div class="button print" data-target="print">Print</div>
      </div>  <!-- ends confirmation div -->

      <div class="map box">
        <h1>Xtime Motors 10</h1>
        <div class="tiny label">
          1400 Bridge Parkway Redwood City, CA,
        </div>
        <div class="wrapper">
          <div class="google-map"><img src="images/map-placeholder.gif" /></div>
          <div class="button forward" data-target="directions">Get Directions</div>
        </div>

      </div><!-- ends map div -->
    </div><!-- ends wrapper -->

    <div class="title-box">
    	<h2> Register and start using the benefits right away!</h2>
      <table>
      	<tr>
        	<td>
      			<h1>Keep up with Factory Recommended Maintenance Schedules</h1>
          </td>
          <td>
            <img src="images/lil-clock.png" />
          </td>
          <td>
            <div class="tiny">
              Reminders help you keep up with the manufacturer's recommended
              service schedule and other maintenance to keep your vehicle
              in good condition.
            </div>
          </td>
      	</tr>
      </table>
  		<div class="button forward" data-target="register">Register</div>

    </div><!-- ends title-box -->

  </div><!-- ends content -->

</body>
</html>
	<!DOCTYPE html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Appointment Confirmation</title>
	<link href="sencha-example.css" media="screen" rel="stylesheet" />
	</head>
	<body data-type="confirmation">

	<h1>Schedule Your Service</h1>

	<div class="content">

	<div class="wrapper">
	<div class="confirmed box">
	<h2>Your Appointment is Confirmed</h2>
	<h2>{{confirmation-date-string}}</h2>
	<div><strong>Advisor: </strong>{{advisor-selection}}</div>
	<div><strong>Vehicle: </strong>{{vehicle-string}}</div>
	<div><strong>Transportation: </strong>{{transportation-selection}}</div>
	<div><strong>Confirmation Code: </strong>{{confirmation-code}}</div>
	<div class="sync">
	<span class="tiny label">Sync to your calendar</span>
	<span class="icon"><img src="images/lil-ical.png" /></span>
	<span class="icon"><img src="images/lil-outlook.png" /></span>
	<span class="icon"><img src="images/lil-calendar.png" /></span>
	</div>
	<div class="total">
	<div class="tiny label">Estimated total</div>
	<div class="estimated-cost">${{estimated-cost}}</div>
	</div>
	<div class="button print" data-target="print">Print</div>
	</div> <!-- ends confirmation div -->

	<div class="map box">
	<h1>Xtime Motors 10</h1>
	<div class="tiny label">
	1400 Bridge Parkway Redwood City, CA,
	</div>
	<div class="wrapper">
	<div class="google-map"><img src="images/map-placeholder.gif" /></div>
	<div class="button forward" data-target="directions">Get Directions</div>
	</div>

	</div><!-- ends map div -->
	</div><!-- ends wrapper -->

	<div class="title-box">
	<h2> Register and start using the benefits right away!</h2>
	<table>
	<tr>
	<td>
	<h1>Keep up with Factory Recommended Maintenance Schedules</h1>
	</td>
	<td>
	<img src="images/lil-clock.png" />
	</td>
	<td>
	<div class="tiny">
	Reminders help you keep up with the manufacturer's recommended
	service schedule and other maintenance to keep your vehicle
	in good condition.
	</div>
	</td>
	</tr>
	</table>
	<div class="button forward" data-target="register">Register</div>

	</div><!-- ends title-box -->

	</div><!-- ends content -->

	</body>
	</html>