<div id="jumbotron">
        <h3  id="mainhead" class="itemheader">Select Your Model</h3>
        <div id="models">
            <div class="modelscont" id="ipadpro212">
                <img class="models" src="quotest/ipadimages/ipadpro212.png" href="#">
                <h4>Gen 2 iPad Pro (12.9)</h4>
	            </div>
            <div class="modelscont" id="ipadpro210">
                <img class="models" src="quotest/ipadimages/ipadpro210.png" href="#">
                <h4>Gen 2 iPad Pro (10.5)</h4>
            </div>
            <div class="modelscont" id="ipadpro12">
                <img class="models" src="quotest/ipadimages/ipadpro12.png" href="#">
                <h4>iPad Pro (12.9)</h4>
            </div>
            <div class="modelscont" id="ipadpro9">
                <img class="models" src="quotest/ipadimages/ipadpro9.png" href="#">
                <h4>iPad Pro (9.7)</h4>
            </div>
            <div class="modelscont" id="ipad5">
                <img class="models" href="#" src="quotest/ipadimages/ipad5.png">
                <h4>iPad (5th Gen)</h4>
            </div>
            <div class="modelscont"id="ipadair2">
                <img class="models" href="#" src="quotest/ipadimages/ipadair2.png">
                <h4>iPad Air 2</h4>
            </div>
            <div class="modelscont"id="ipadair">
                <img class="models" href="#" src="quotest/ipadimages/ipadair.png">
                <h4>iPad Air</h4>
            </div>
            <div class="modelscont"id="ipad4">
                <img class="models" href="#" src="quotest/ipadimages/ipad4.png">
                <h4>iPad 4th Gen</h4>
            </div>
            <div class="modelscont"id="ipad3">
                <img class="models" href="#" src="quotest/ipadimages/ipad3.png">
                <h4>iPad 3rd Gen</h4>
            </div>
            <div class="modelscont"id="ipadmini4">
                <img class="models" href="#" src="quotest/ipadimages/ipadmini4.png">
                <h4>iPad mini 4</h4>
            </div>
            <div class="modelscont"id="ipadmini3">
                <img class="models" href="#" src="quotest/ipadimages/ipadmini3.png">
                <h4>iPad mini 3</h4>
            </div>
            <div class="modelscont" id="ipadmini2">
                <img class="models" href="#" src="quotest/ipadimages/ipadmini2.png">
                <h4>iPad mini 2</h4>
            </div>
			<br>
			<a href="https://checkcoverage.apple.com/us/en/">If you're not sure which model iPad you have, click here and enter your serial number</a>
        </div>
        <div id="items">
        <div class="itemcont">
        <select class="dropdown" id="model">
            <option id="modelplaceholder" value="none"></option>
			<option value="ipadpro212">iPad Pro 12.9 (2nd Gen)</option>
			<option value="ipadpro210">iPad Pro 10.5</option>
			<option value="ipadpro12">iPad Pro 12.9 (1st Gen)</option>
            <option value="ipadpro9">iPad Pro 9.7</option>
			<option value="ipad5">iPad 5th Gen</option>
            <option value="ipadair2">iPad Air 2</option>
            <option value="ipadair">iPad Air</option>
            <option value="ipadmini4">iPad mini 4</option>
            <option value="ipad4">iPad 4th Gen</option>
			<option value="ipad3">iPad 3rd Gen</option>
            <option value="ipadmini3">iPad mini 3</option>
            <option value="ipadmini2">iPad mini 2</option>
        </select>
        </div>
        <div class="itemcont">
        <h3 id="storageHeader"  class="itemheader" style="display:none;">Select your storage size: </h3>
		<div class="storagecont" id="0">512GB</div>
		<div class="storagecont" id="1">256GB</div>
		<div class="storagecont" id="2">128GB</div>
		<div class="storagecont" id="3">64GB</div>
		<div class="storagecont" id="4">32GB</div>
		<div class="storagecont" id="5">16GB</div>
        <select id="storage" style="display:none;">
            <option id="storageplaceholder" value="none"></option>
			<option>512GB</option>
            <option>256GB</option>
            <option>128GB</option>
            <option>64GB</option>
            <option>32GB</option>
            <option>16GB</option>
        </select>
        </div>
        <div class="itemcont">
        <h3 class="itemheader" id="carrierHeader" style="display:none;">Is your iPad a cellular model?</h3>
		<div class="carriercont" id="yescell" name="cell">Yes</div>
		<div class="carriercont" id="nocell" name="wifi">No</div>
		<div class="carriercont" id="notsurecell" name="wifi">Not Sure</div>
        <select id="carrier" style="display:none;">
            <option id="carrierplaceholder" value="none"></option>
            <option value="cell">Yes</option>
            <option value="wifi">No</option>
        </select>
        </div>
        <div class="itemcont">
        <h3 class="itemheader" id="conditionHeader" style="display:none;">
            Select your condition:
        </h3>
		<div class="condcont" id="newbox" name="new">New</div>
		<div class="condcont" id="flawlessbox" name="flawless">Flawless</div>
		<div class="condcont" id="goodbox" name="good">Good</div>
		<div class="condcont" id="fairbox" name="fair">Fair</div>
		<div class="condcont" id="crackedbox" name="cracked">Cracked</div>
		<div class="condcont" id="brokenbox" name="broken">Broken</div>
        <select id="condition" style="display:none;">
            <option id="conditionplaceholder" value="none"></option>
            <option value="new">New</option>
            <option value="flawless">Flawless</option>
            <option value="good">Good</option>
            <option value="fair">Fair</option>
            <option value="cracked">Cracked</option>
            <option value="broken">Broken</option>
        </select>
        </div>
                <div class="blurb" id="new">
            <p>New condition needs to be absolutely brand new, and sealed in the box with the plastic wrap still on. Phones that are new and not still sealed in the original box will be considered flawless condition.</p>
        </div>
        <div class="blurb" id="flawless">
            <p>Flawless condition is absolutely perfect condition; as if it was brand new out of the box.
Fully functional with the charger and cable. Not a single scratch, nick, scruff, ding or defect anywhere on the device.</p>
        </div>
        <div class="blurb" id="good">
            <p>Good condition is having light wear. This includes very minor nicks or light scratches.
Fully functional with the charger and the cable. No damage to the corners, no cracks, no frame bending, no screen separation etc.</p>
        </div>
        <div class="blurb" id="fair">
            <p>Fair condition is fully functional but with significant cosmetic wear.
Scratches, dings, dents are OK.  No cracks anywhere on the front glass. </p>
        </div>
        <div class="blurb" id="cracked">
            <p>Cracked but fully working condition is fully function but with significant cracks to the glass.
The outer glass is cracked but the touchscreen and the display are still fully working. All other features on the phone work normally.</p>
        </div>
        <div class="blurb" id="broken">
            <p>Non-working condition is having any defect that prevents the device from being fully functional.  This includes non-working touchscreen, buttons, charging port, liquid damage, etc.</p>
        </div>
        </div>
        <br>
        <br>
        <button class="btn" href="#" onclick="return getOutput();">Click here to get your quote</button>
		<div id="outputcont">
        	<div id="output"></div>
			<p style="text-align:center;margin:10px;">Stop by any time, no appointment required, cash paid on the spot.</p>
			<button class="btn" style="margin:0 auto;" id="restart">Start Over</button>
        </div>
    </div>