<div id="jumbotron">
        <h3  id="mainhead" class="itemheader">Select Your Model</h3>
        <div id="models">
            <div class="modelscont" id="ip7p">
                <img class="models" src="https://store.storeimages.cdn-apple.com/4974/as-images.apple.com/is/image/AppleInc/aos/published/images/i/ph/iphone7/plus/iphone7-plus-black-select-2016?wid=300&hei=300&fmt=png-alpha&qlt=95&.v=1472430090682" href="#">
                <h4>iPhone 7 Plus</h4>
            </div>
            <div class="modelscont"id="ip7">
                <img class="models" href="#" src="https://store.storeimages.cdn-apple.com/4974/as-images.apple.com/is/image/AppleInc/aos/published/images/i/ph/iphone7/jetblack/iphone7-jetblack-select-2016?wid=300&hei=300&fmt=png-alpha&qlt=95&.v=1472430076339">
                <h4>iPhone 7</h4>
            </div>
            <div class="modelscont"id="ip6sp">
                <img class="models" href="#" src="quotest/ip6sp.png">
                <h4>iPhone 6s Plus</h4>
            </div>
            <div class="modelscont"id="ip6s">
                <img class="models" href="#" src="https://store.storeimages.cdn-apple.com/4974/as-images.apple.com/is/image/AppleInc/aos/published/images/i/ph/iphone6s/rosegold/iphone6s-rosegold-select-2015?wid=300&hei=300&fmt=png-alpha&qlt=95&.v=km8l12">
                <h4>iPhone 6s</h4>
            </div>
            <div class="modelscont"id="ipse">
                <img class="models" href="#" src="https://store.storeimages.cdn-apple.com/4974/as-images.apple.com/is/image/AppleInc/aos/published/images/i/ph/iphonese/rosegold/iphonese-rosegold-select-2016?wid=300&hei=300&fmt=png-alpha&qlt=95&.v=rg8mz0">
                <h4>iPhone SE</h4>
            </div>
            <div class="modelscont"id="ip6p">
                <img class="models" href="#" src="quotest/ip6sp.png">
                <h4>iPhone 6 Plus</h4>
            </div>
            <div class="modelscont"id="ip6">
                <img class="models" href="#" src="quotest/ip6.png">
                <h4>iPhone 6</h4>
            </div>
        </div>
        <div id="items">
        <div class="itemcont">
        <select class="dropdown" id="model">
            <option id="modelplaceholder" value="none"></option>
            <option value="ip7p">iPhone 7 Plus</option>
            <option value="ip7">iPhone 7</option>
            <option value="ip6sp">iPhone 6s Plus</option>
            <option value="ip6s">iPhone 6s</option>
            <option value="ipse">iPhone SE</option>
            <option value="ip6p">iPhone 6 Plus</option>
            <option value="ip6">iPhone 6</option>
        </select>
        </div>
        <div class="itemcont">
        <h3 id="storageHeader"  class="itemheader" style="display:none;">Select your storage size: </h3>
		<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>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;">Select your carrier: </h3>
		<div class="carriercont" name="ver" id="unlocked"><img src="https://static.swappa.com/static/images/carrier_unlocked.png"></div>
		<div class="carriercont" name="ver" id="ver"><img src="https://static.swappa.com/static/images/carrier_verizon.png"></div>
		<div class="carriercont" name="ver" id="att"><img src="https://static.swappa.com/static/images/carrier_att.png"></div>
		<div class="carriercont" name="tmo" id="tmo"><img src="https://static.swappa.com/static/images/carrier_tmobile.png"></div>
		<div class="carriercont" name="sprint" id="sprint"><img src="https://static.swappa.com/static/images/carrier_sprint.png"></div>
        <select id="carrier" style="display:none;">
            <option id="carrierplaceholder" value="none"></option>
            <option value="ver">Verizon</option>
            <option value="ver">Unlocked</option>
            <option value="ver">AT&T</option>
            <option value="tmo">T-Mobile</option>
            <option value="sprint">Sprint</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>