<div id="welcome">
    <div class="tagline">Many Projects, One Interface</div>
    <div id="laptop">
        <h1 id="laptoph">Laptop</h1>
        <p id="laptopp">Control your projects from one simple interface</p>
    </div>
    <div id="handhelds">
        <h1 id="handheldsh">Handhelds</h1>
        <p id="handheldsp">Use your cell phone from <a href="$mobileUrl$">$mobileName$</a></p>
    </div>
    <div id="signin">
        <h1 id="signinh">Sign in now</h1>
        <noscript>
            <p><strong>Javascript required!</strong> You can use
                <a href="$mobileUrl$">$mobileName$</a> as an alternative.</p>
        </noscript>
        <p id="membersrow"><input type="radio" id="member" name="memberjoin" checked="yes"
            value="members" /><label for="member">Members</label>
           <input type="radio" id="join" name="memberjoin" value="join" /><label for="join">Join</label></p>
        <table id="signintable">
            <tr><td class="label"><label for="email">E-mail</label></td>
                    <td><input type="email" id="email" name="loginname" /></td></tr>
            <tr><td class="label"><label for="password">Password</label></td>
                    <td><input type="password" id="password" name="password" /></td></tr>
            <tr id="forgotrow"><td></td><td id="forgotcell"><a href="quilt.fcgi/forgot">Forgot password?</a></td></tr>
            <tr id="confirmrow"><td class="label"><label for="confirm">Confirm</label></td>
                    <td><input type="password" id="confirm" name="confirm" /></td></tr>
        </table>
        <table id="remembersign">
            <tr><td><p id="rememberrow"><input type="checkbox" id="remember" />
                <label for="remember" id="rememberlabel">Remember me</label></p>
                </td><td id="signincell"></td></tr>
        </table>
    </div>
</div>
<div id="signup" style="display: none;">
    <div class="tagline">Free for one month!</div>
    <div id="address">
        <table class="signuptable">
            <tr><td class="label2"><label for="firstname">First name</label></td>
                <td><input type="text" id="firstname" name="firstname" class="addressinput" /></td></tr>
            <tr><td class="label2"><label for="lastname">Last name</label></td>
                <td><input type="text" id="lastname" name="lastname" class="addressinput" /></td></tr>
            <tr><td class="label2"><label for="street">Street</label></td>
                <td><input type="text" id="street" name="street" class="addressinput" /></td></tr>
            <tr><td class="label2"><label for="city">City</label></td>
                <td><input type="text" id="city" name="city" class="addressinput" /></td></tr>
            <tr><td class="label2"><label for="state">State</label></td>
                <td><input type="text" id="state" name="state" class="addressinput" /></td></tr>
            <tr><td class="label2"><label for="postalcode">Postal code</label></td>
                <td><input type="text" id="postalcode" name="postalcode" /></td></tr>
            <tr><td class="label2"><label for="country">Country</label></td>
                <td><input type="text" id="country" name="country" value="US" /></td></tr>
        </table>
    </div>
    <div id="creditcard">
        <table class="signuptable">
            <tr><td class="label2"><label for="cardtype">Card type</label></td>
                <td><select id="cardtype" name="cardtype">
                    <option value="Visa">Visa</option>
                    <option value="MasterCard">MasterCard</option>
                    <option value="AmericanExpress">American Express</option>
                    <option value="VisaElectron">Visa Electron</option>
                    <option value="CartaSi">CartaSí</option>
                </select></td></tr>
            <tr><td class="label2"><label for="cardnumber">Card number</label></td>
                <td><input type="text" id="cardnumber" name="cardnumber" /></td></tr>
            <tr><td class="label2">Expiration</td>
                <td><select name="cardmonth" id="cardmonth">
                    <option value="01">January</option>
                    <option value="02">February</option>
                    <option value="03">March</option>
                    <option value="04">April</option>
                    <option value="05">May</option>
                    <option value="06">June</option>
                    <option value="07">July</option>
                    <option value="08">August</option>
                    <option value="09">September</option>
                    <option value="10">October</option>
                    <option value="11">November</option>
                    <option value="12">December</option>
                </select>
                <select name="cardyear" id="cardyear">
                    <option value="2012">2012</option>
                    <option value="2013">2013</option>
                    <option value="2014">2014</option>
                    <option value="2015">2015</option>
                    <option value="2016">2016</option>
                    <option value="2017">2017</option>
                    <option value="2018">2018</option>
                    <option value="2019">2019</option>
                    <option value="2020">2020</option>
                </select></td></tr>
        </table>
    </div>
    <button id="joinbutton">Join now</button>
    <p id="joinhelp">Users are billed based on actual usage. Inactive users are never billed.
        <a href="join.html" target="_blank">Learn more...</a></p>
</div>
<div id="thanks" style="display: none;">
    <div class="tagline">Thank you!</div>
    <p id="thanksmessage">We are processing your order.</p>
</div>
