+ <div id="menu">
+ <h1>CharmBypass</h1>
+ <p><strong>got that <em>transit equity</em></strong></p>
+
+ <form>
+ <fieldset>
+ <legend>Local Bus, Light Rail, or Metro</legend>
+ <div>
+ <label for="code1">
+ Daily security code (optional):
+ </label>
+ <input id="code1"
+ name="code" value=""
+ type="text"
+ size="2"
+ minlength="2"
+ maxlength="2"
+ pattern="[a-zA-Z0-9]*" />
+ </div>
+ <input type="hidden" name="servicename" value="BaltimoreLink" />
+ <input type="submit" name="go" value="Generate Ticket" />
+ </fieldset>
+ </form>
+ <form>
+ <fieldset>
+ <legend>Commuter Bus</legend>
+ <input type="hidden" name="serviceid" value="R" />
+ <input type="hidden" name="servicename" value="Commuter Bus" />
+
+ <div>
+ <label for="code2">
+ Daily security code (optional):
+ </label>
+ <input id="code2"
+ name="code" value=""
+ type="text"
+ size="2"
+ minlength="2"
+ maxlength="2"
+ pattern="[a-zA-Z0-9]*" />
+ </div>
+
+ <p>
+ Zone<sup>†</sup>:
+ </p>
+ <div>
+ <input type="radio" required
+ name="zone"
+ id="zone1"
+ value="Zone 1" />
+ <label for="zone1">Zone 1</label>
+ </div>
+ <div>
+ <input type="radio" required
+ name="zone"
+ id="zone2"
+ value="Zone 2" />
+ <label for="zone2">Zone 2</label>
+ </div>
+ <div>
+ <input type="radio" required checked
+ name="zone"
+ id="zone3"
+ value="Zone 3" />
+ <label for="zone3">Zone 3</label>
+ </div>
+ <div>
+ <input type="radio" required
+ name="zone"
+ id="zone4"
+ value="Zone 4" />
+ <label for="zone4">Zone 4</label>
+ </div>
+ <div>
+ <input type="radio" required
+ name="zone"
+ id="zone5"
+ value="Zone 5" />
+ <label for="zone5">Zone 5</label>
+ </div>
+
+ <input type="submit" name="go" value="Generate Ticket" />
+
+ <p>
+ <sup>†</sup>
+ On the MTA's PDF schedule for your route
+ </p>
+ </fieldset>
+ </form>
+ <form>
+ <fieldset>
+ <legend>MARC Train</legend>
+
+ <div>
+ <label for="code3">
+ Daily security code (optional):
+ </label>
+ <input id="code3"
+ name="code" value=""
+ type="text"
+ size="2"
+ minlength="2"
+ maxlength="2"
+ pattern="[a-zA-Z0-9]*" />
+ </div>
+
+ <p>Origin:</p>
+ <div>
+ <input type="radio" required checked
+ name="origin"
+ id="origin_BAL"
+ value="BAL" />
+ <label for="origin_BAL">Baltimore/Penn (Penn Line)</label>
+ </div>
+ <div>
+ <input type="radio" required
+ name="origin"
+ id="origin_BCA"
+ value="BCA" />
+ <label for="origin_BCA">Baltimore/Camden (Camden Line)</label>
+ </div>
+ <div>
+ <input type="radio" required
+ name="origin"
+ id="origin_BWE"
+ value="BWE" />
+ <label for="origin_BWE">Bowie State (Penn Line)</label>
+ </div>
+ <div>
+ <input type="radio" required
+ name="origin"
+ id="origin_BWI"
+ value="BWI" />
+ <label for="origin_BWI">BWI Airport (Penn Line)</label>
+ </div>
+ <div>
+ <input type="radio" required
+ name="origin"
+ id="origin_CPK"
+ value="CPK" />
+ <label for="origin_CPK">College Park (Camden Line)</label>
+ </div>
+ <div>
+ <input type="radio" required
+ name="origin"
+ id="origin_FRC"
+ value="FRC" />
+ <label for="origin_FRC">Frederick (Brunswick Line)</label>
+ </div>
+ <div>
+ <input type="radio" required
+ name="origin"
+ id="origin_HAE"
+ value="HAE" />
+ <label for="origin_HAE">Halethorpe (Penn Line)</label>
+ </div>
+ <div>
+ <input type="radio" required
+ name="origin"
+ id="origin_NCR"
+ value="NCR" />
+ <label for="origin_NCR">New Carrollton (Penn Line)</label>
+ </div>
+ <div>
+ <input type="radio" required
+ name="origin"
+ id="origin_SEB"
+ value="SEB" />
+ <label for="origin_SEB">Seabrook (Penn Line)</label>
+ </div>
+ <div>
+ <input type="radio" required
+ name="origin"
+ id="origin_WAS"
+ value="WAS" />
+ <label for="origin_WAS">Washington D.C.</label>
+ </div>
+ <div>
+ <input type="radio" required
+ name="origin"
+ id="origin_WBL"
+ value="WBL" />
+ <label for="origin_WBL">West Baltimore (Penn Line)</label>
+ </div>
+
+ <p>Destination:</p>
+ <div>
+ <input type="radio" required
+ name="destination"
+ id="destination_BAL"
+ value="BAL" />
+ <label for="destination_BAL">Baltimore/Penn (Penn Line)</label>
+ </div>
+ <div>
+ <input type="radio" required
+ name="destination"
+ id="destination_BCA"
+ value="BCA" />
+ <label for="destination_BCA">Baltimore/Camden (Camden Line)</label>
+ </div>
+ <div>
+ <input type="radio" required
+ name="destination"
+ id="destination_BWE"
+ value="BWE" />
+ <label for="destination_BWE">Bowie State (Penn Line)</label>
+ </div>
+ <div>
+ <input type="radio" required
+ name="destination"
+ id="destination_BWI"
+ value="BWI" />
+ <label for="destination_BWI">BWI Airport (Penn Line)</label>
+ </div>
+ <div>
+ <input type="radio" required
+ name="destination"
+ id="destination_CPK"
+ value="CPK" />
+ <label for="destination_CPK">College Park (Camden Line)</label>
+ </div>
+ <div>
+ <input type="radio" required
+ name="destination"
+ id="destination_FRC"
+ value="FRC" />
+ <label for="destination_FRC">Frederick (Brunswick Line)</label>
+ </div>
+ <div>
+ <input type="radio" required
+ name="destination"
+ id="destination_HAE"
+ value="HAE" />
+ <label for="destination_HAE">Halethorpe (Penn Line)</label>
+ </div>
+ <div>
+ <input type="radio" required
+ name="destination"
+ id="destination_NCR"
+ value="NCR" />
+ <label for="destination_NCR">New Carrollton (Penn Line)</label>
+ </div>
+ <div>
+ <input type="radio" required
+ name="destination"
+ id="destination_SEB"
+ value="SEB" />
+ <label for="destination_SEB">Seabrook (Penn Line)</label>
+ </div>
+ <div>
+ <input type="radio" required checked
+ name="destination"
+ id="destination_WAS"
+ value="WAS" />
+ <label for="destination_WAS">Washington D.C.</label>
+ </div>
+ <div>
+ <input type="radio" required
+ name="destination"
+ id="destination_WBL"
+ value="WBL" />
+ <label for="destination_WBL">West Baltimore (Penn Line)</label>
+ </div>
+
+ <p id="marc-form-errors">OK</p>
+
+ <input type="hidden" name="serviceid" value="R" />
+ <input type="hidden" name="servicename" value="MARC Train" />
+ <input type="submit"
+ name="go"
+ id="marc-submit"
+ value="Generate Ticket" />
+ </fieldset>
+ </form>
+ </div>
+