DavidDGTNT
/
lcscoffee-website
forked from DavidJentes/websitedesign2024
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Finish order page and make functional

main
dugo3number2 2024-08-19 16:02:34 -05:00
parent dcbafab7d0
commit 910c79d0a7
1 changed files with 9 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/order/index.html
View File

@ -13,7 +13,6 @@
<nav> <nav>
<ul> <ul>
<li><a href="..">Home</a></li> <li><a href="..">Home</a></li>
<li><a href="../about">About</a></li>
<li><a href="../menu">Menu</a></li> <li><a href="../menu">Menu</a></li>
<li><a href="#" id="current">Order</a></li> <li><a href="#" id="current">Order</a></li>
</ul> </ul>
@ -25,22 +24,16 @@
<div class="button-container" id="menu2"> <div class="button-container" id="menu2">
<a href="../menu" class="button">Menu</a> <a href="../menu" class="button">Menu</a>
</div><br /> </div><br />
<div class="button-container"> <form action="https://d4g0pk5x-8080.use2.devtunnels.ms/process.php" method="get">
<a href="../notetojudges.html" id="note">Note to judges about this page</a>
</div>
<form action="../notetojudges.html">
<section id="step1"> <section id="step1">
<h2>Your contact information</h2> <h2>Your contact information</h2>
<label for="name">Your name</label><br /> <label for="name">Your name</label><br />
<input type="text" name="name" id="name" /><br /><br /> <input type="text" name="name" id="name" /><br /><br />
<select id="phoneext" name="phoneext"> <select id="phoneext" name="phoneext">
<option value="ext">Contact A.C.E. phone extension</option> <option value="ext">Contact A.C.E. phone</option>
<option value="phone">Contact phone number</option> <option value="phone">Contact phone number</option>
<option value="school">I am a student</option> <option value="none">I would not like to be contacted</option>
</select><br /><br /> </select><br /><br />
<div id="extDiv">
<input type="number" size="4" name="ext" id="ext" value="" />
</div>
<div id="phoneDiv" class="hidden"> <div id="phoneDiv" class="hidden">
<input type="tel" name="phone" id="phone" /> <input type="tel" name="phone" id="phone" />
</div><br /><br /> </div><br /><br />
@ -51,9 +44,9 @@
<section id="step2" class="hidden"> <section id="step2" class="hidden">
<h2>Your drink</h2> <h2>Your drink</h2>
<h2>$2.50 - 16oz</h2> <h2>$2.50 - 16oz</h2>
<select id="hoticed" name="hoticed"> <select id="hoticed" name="hotcold">
<option value="hot">Hot drinks</option> <option value="hot">Hot drinks</option>
<option value="iced">Iced drinks</option> <option value="cold">Iced drinks</option>
</select><br /><br /> </select><br /><br />
<div id="hotDiv"> <div id="hotDiv">
<select id="hot" name="hot"> <select id="hot" name="hot">
@ -68,7 +61,7 @@
</select> </select>
</div> </div>
<div id="icedDiv" class="hidden"> <div id="icedDiv" class="hidden">
<select id="hot" name="hot"> <select id="cold" name="cold">
<option value="icedlatte">Iced Latte</option> <option value="icedlatte">Iced Latte</option>
<option value="icedcoffee">Iced Coffee (espresso and milk)</option> <option value="icedcoffee">Iced Coffee (espresso and milk)</option>
<option value="icedmocha">Iced Mocha</option> <option value="icedmocha">Iced Mocha</option>
@ -109,14 +102,14 @@
<label for="payment">Your payment</label><br /> <label for="payment">Your payment</label><br />
<select name="payment" id="payment" required> <select name="payment" id="payment" required>
<option value="" default>Please select</option> <option value="" default>Please select</option>
<option value="cash">Cash - $2.50 for one</option> <option value="cash">Cash - $3 for one</option>
<option value="punchcard">Punchcard - $10 for five</option> <option value="punchcard">Punchcard - $12 for five</option>
</select><br /><br /> </select><br /><br />
<label for="notes">Special notes</label><br /> <label for="notes">Special notes</label><br />
<input type="text" id="notes" name="notes" /><br /><br /> <input type="text" id="notes" name="notes" /><br /><br />
<div class="button-container"> <div class="button-container">
<a href="#" class="button button-alt" id="step4back">Back</a> <a href="#" class="button button-alt" id="step4back">Back</a>
<input type="submit" value="Place order" class="button button-alt" /> <button class="button button-alt">Place order</button>
</div> </div>
</section> </section>
</form> </form>