Skip to content

Instantly share code, notes, and snippets.

@deborah-ufw

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

Last active May 24, 2016 03:31
Show Gist options
  • Save deborah-ufw/b1a4e51be3a70c0b1e85a118da9d4616 to your computer and use it in GitHub Desktop.
Save deborah-ufw/b1a4e51be3a70c0b1e85a118da9d4616 to your computer and use it in GitHub Desktop.
Download ZIP
UFW blog - Sencha - my HTML
Raw
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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment