<title>Dream Guitars</title>
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="cleartype" content="on">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<link rel="stylesheet" href="css/style.css"/>
<div data-role="page" id="home" data-theme="c">
<a href="#addGuitar" data-ajax="false" ><img src="img/cta5.jpg"></a>
<div data-role="content">
<ul data-role="listview" data-filter="true" data-theme="c">
<li data-role="list-divider" data-filter="true">Browse Categories</li>
<li><a href="#thumbT" data-ajax="false">Brand</a></li>
<li><a href="dummypage.html" data-ajax="false">Model</a></li>
<li><a href="dummypage.html" data-ajax="false">Feature</a></li>
<li><a href="dummypage.html" data-ajax="false">Rating</a></li>
<li><a href="dummypage.html" data-ajax="false">Acoustic</a></li>
<div data-role="navbar" data-position="fixed">
<li><a href="#home" data-icon="home" data-theme="a">Home</a></li>
<li><a href="#about" data-icon="info" data-theme="a">About</a></li>
<div data-role="page" id="thumbT" data-theme="c">
<a href="index.html" data-icon="arrow-l">Back</a>
<div data-role="content">
<div class="content-primary">
<ul data-role="listview" data-filter="true">
<img src="img/j60_Thumb.png" />
<li><a href="index.html">
<img src="img/j200_Thumb.png" />
<li><a href="index.html">
<img src="img/hd16r_Thumb.png" />
<li><a href="index.html">
<img src="img/hd28_Thumb.png" />
<li><a href="index.html">
<img src="img/312ce_Thumb.png" />
<li><a href="index.html">
<img src="img/410ce_Thumb.png" />
<div data-role="navbar" data-position="fixed">
<li><a href="#home" data-icon="home" data-theme="a">Home</a></li>
<li><a href="#about" data-icon="info" data-theme="a">About</a></li>
<div data-role="page" id="tent" >
<a href="#thumbT" data-icon="arrow-l">Back</a>
<div data-role="content" >
<center><h2><u><strong>Gibson J60</strong></u></h2></center>
<h4><strong><u>Top:</u></strong> Sitka Spruce</h4>
<h4><strong><u>Back and Sides:</u></strong> Indian Rosewood</h4>
<h4><strong><u>Neck Inlay:</u></strong> Mother of Pearl Gibson Logo and Grown</h4>
<h4><strong><u>Bridge Material:</u></strong> Rosewood</h4>
<h4><strong><u>Preamp:</u></strong> L.R. Baggs Element</h4>
<h4><strong><u>Body Type:</u></strong> Dreadnaught</h4>
<div data-role="navbar" data-position="fixed">
<li><a href="#home" data-icon="home" data-theme="a">Home</a></li>
<li><a href="#about" data-icon="info" data-theme="a">About</a></li>
<div data-role="navbar" data-position="fixed">
<li><a href="#home" data-icon="home" data-theme="a">Home</a></li>
<li><a href="#about" data-icon="info" data-theme="a">About</a></li>
<div data-role="page" id="news">
<a href="index.html" data-icon="arrow-l">Back</a>
<div data-role="navbar" data-position="fixed">
<li><a href="#home" data-icon="home" data-theme="a">Home</a></li>
<li><a href="#about" data-icon="info" data-theme="a">About</a></li>
<div data-role="page" id="about">
<a href="index.html" data-icon="arrow-l">Back</a>
<div data-role="content">
<center><h2>Welcome to the Gold App</h2></center>
<a href="index.html" data-ajax="false">Home</a><br>
<a href="../Bronze/index.html" data-ajax="false">Click here to go to the Bronze App</a><br>
<a href="https://github.com/b80266/Mobile-Interfaces-and-Usability" data-ajax="false">Click here to go to the Github Repository</a>
<h4><em>All images courtesy of Google images.</em></h4>
<div data-role="navbar" data-position="fixed">
<li><a href="#home" data-icon="home" data-theme="a">Home</a></li>
<li><a href="#about" data-icon="info" data-theme="a">About</a></li>
<div data-role="page" id="addGuitar" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
<div data-role="content" >
<form action="#" id="addguitarform" >
<div data-role="fieldcontain">
<h6>All fields with * are required.</h6>
<label for="brand" ><h2>Guitar Brand*</h2></label>
<select name="brand" id="brand" data-native-menu="true" class="required">
<option data-placeholder="true" value>Please Select One</option>
<option value="taylor" >Taylor</option>
<option value="martin">Martin</option>
<option value="gibson">Gibson</option>
<div data-role="fieldcontain">
<label for="name"><h2>Specific Model*:</h2></label>
<input type="text" name="model" id="model" value="" placeholder="HD-28, 814ce, etc." class="required" />
<div data-role="fieldcontain">
<legend><h2>Features</h2></legend>
<fieldset data-role="controlgroup" >
<input type="checkbox" name="feature" id="cutaway" class="custom" value="cutaway"/>
<label for="cutaway">Cutaway</label>
<input type="checkbox" name="feature" id="finished" class="custom" value="finished"/>
<label for="finished">Finished</label>
<input type="checkbox" name="feature" id="Inlay" class="custom" value="inlay"/>
<label for="Inlay">Inlay</label>
<input type="checkbox" name="feature" id="wideneck" class="custom" value="wideneck"/>
<label for="wideneck">Wide Neck</label>
<input type="checkbox" name="feature" id="lefthanded" class="custom" value="lefthanded"/>
<label for="lefthanded">Left-handed</label>
<div data-role="fieldcontain">
<label for="slider-1"><h2>Guitar Rating (0 to 10):</h2></label>
<input type="range" name="rating" id="rating" value="10" min="0" max="10" />
<div data-role="fieldcontain">
<legend><h2>Acoustic, Electric, or Classical?:</legend>
<input type="radio" name="acoustic" id="acoustic" value="acoustic" checked="checked" />
<label for="acoustic">Acoustic</label>
<input type="radio" name="acoustic" id="electric" value="electric" />
<label for="electric">Electric</label>
<input type="radio" name="acoustic" id="classical" value="classical" />
<label for="classical">Classical</label>
<div data-role="fieldcontain">
<label for="textarea"><h2>Other notes?*:</h2></label>
<textarea name="textarea" id="comments" placeholder="This guitar was great!" class="required"></textarea>
<input type="submit" value="Submit" data-theme="b" />
<input type="reset" value="Reset" data-theme="a" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script type="text/javascript" src="js/libs/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/mainjqm.js"></script>