Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix 👍 Incorrect State Dropdown Mapping and Label Capitalization in catering.html #1049

Merged
Show file tree
Hide file tree
Changes from 2 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
85 changes: 41 additions & 44 deletions catering.html
Original file line number Diff line number Diff line change
Expand Up @@ -73,8 +73,8 @@
<a href="./index.html">IcyCo</a>
</div>
<div class="nav-links">
<a href="./index.html" class="link">home</a>
<a href="./products.html" class="link">products</a>
<a href="./index.html" class="link">Home</a>
<a href="./products.html" class="link">Products</a>
<a href="./delivery.html" class="link">Delivery</a>
<a href="./dine-in.html" class="link">Dine In</a>
<a href="./catering.html" class="link active">Catering</a>
Expand All @@ -100,20 +100,20 @@ <h2 class="heading">Tell us about your event</h2>
<form class="form-contents">

<div class="indv-text">
<label for="name" class="text">NAME</label>
<label for="name" class="text">Name</label>
<input type="text" class="form-text" placeholder="Enter your Name" required required
pattern="[a-zA-Z ]+"
oninvalid="this.setCustomValidity('Please enter your name without using numbers or special characters.')"
oninput="this.setCustomValidity('')" />
</div>

<div class="indv-text">
<label for="email" class="text">EMAIL ID</label>
<label for="email" class="text">Email Id</label>
<input type="email" class="form-text" placeholder="[email protected]" required>
</div>

<div class="indv-text">
<label for="contact" class="text">CONTACT No.</label>
<label for="contact" class="text">Contact No.</label>
<input type="tel" class="form-text" name="contact" id="contact" placeholder="0123456789" required
pattern="[0-9]{10}" maxlength="10" oninput="this.value = this.value.replace(/[^0-9]/g, '');">
</div>
Expand All @@ -125,13 +125,13 @@ <h2 class="heading">Tell us about your event</h2>

<div class="indv-text">
<label for="eventtype" class="text">Event Type</label>
<input type="radio" id="self-pickup" name="indoor-outdoor" value="self-pickup"> Self Service
Pickup<br><br>
<input type="radio" id="self-delivery" name="indoor-outdoor" value="self-delivery"> Self Service
Delivery<br><br>
<input type="radio" id="full-service" name="indoor-outdoor" value="full-service"> Full Service
Catering<br><br>
<input type="radio" id="not-sure" name="indoor-outdoor" value="not-sure"> Not Sure, Want To Learn More
<input type="radio" id="self-pickup" name="indoor-outdoor" value="self-pickup"> Self service
pickup<br><br>
<input type="radio" id="self-delivery" name="indoor-outdoor" value="self-delivery"> Self service
delivery<br><br>
<input type="radio" id="full-service" name="indoor-outdoor" value="full-service"> Full service
catering<br><br>
<input type="radio" id="not-sure" name="indoor-outdoor" value="not-sure"> Not sure, want to learn more
</div>

<div class="indv-text">
Expand All @@ -140,37 +140,34 @@ <h2 class="heading">Tell us about your event</h2>
</div>

<div class="indv-text">
<label for="state" class="text">STATE</label>
<select class="form-text" id="state" required>
<option value="">Select State</option>
<option value="Andhra Pradesh">Andhra Pradesh</option>
<option value="Arunachal Pradesh">Arunachal Pradesh</option>
<option value="Assam">Assam</option>
<option value="Bihar">Bihar</option>
<option value="Chhattisgarh">Chhattisgarh</option>
<option value="Goa">Goa</option>
<option value="Gujarat">Gujarat</option>
<option value="Haryana">Haryana</option>
<option value="Himachal Pradesh">Himachal Pradesh</option>
<option value="Jharkhand">Jharkhand</option>
<option value="Karnataka">Karnataka</option>
<option value="Kerala">Kerala</option>
<option value="Madhya Pradesh">Madhya Pradesh</option>
<option value="Maharashtra">Maharashtra</option>
<option value="Manipur">Manipur</option>
<option value="Meghalaya">Meghalaya</option>
<option value="Mizoram">Mizoram</option>
<option value="Nagaland">Nagaland</option>
<option value="Odisha">Odisha</option>
<option value="Punjab">Punjab</option>
<option value="Rajasthan">Rajasthan</option>
<option value="Sikkim">Sikkim</option>
<option value="Tamil Nadu">Tamil Nadu</option>
<option value="Telangana">Telangana</option>
<option value="Tripura">Tripura</option>
<option value="Uttar Pradesh">Uttar Pradesh</option>
<option value="Uttarakhand">Uttarakhand</option>
<option value="West Bengal">West Bengal</option>
<label for="state" class="text">State</label>
<select class="form-text" id="state" required>
<option value="">Select District</option>
<option value="Ampara">Ampara</option>
<option value="Anuradhapura">Anuradhapura</option>
<option value="Badulla">Badulla</option>
<option value="Batticaloa">Batticaloa</option>
<option value="Colombo">Colombo</option>
<option value="Galle">Galle</option>
<option value="Gampaha">Gampaha</option>
<option value="Hambantota">Hambantota</option>
<option value="Jaffna">Jaffna</option>
<option value="Kalutara">Kalutara</option>
<option value="Kandy">Kandy</option>
<option value="Kegalle">Kegalle</option>
<option value="Kilinochchi">Kilinochchi</option>
<option value="Kurunegala">Kurunegala</option>
<option value="Mannar">Mannar</option>
<option value="Matale">Matale</option>
<option value="Matara">Matara</option>
<option value="Moneragala">Moneragala</option>
<option value="Mullaitivu">Mullaitivu</option>
<option value="Nuwara Eliya">Nuwara Eliya</option>
<option value="Polonnaruwa">Polonnaruwa</option>
<option value="Puttalam">Puttalam</option>
<option value="Ratnapura">Ratnapura</option>
<option value="Trincomalee">Trincomalee</option>
<option value="Vavuniya">Vavuniya</option>
</select>
</div>

Expand Down Expand Up @@ -292,4 +289,4 @@ <h4>Newsletter</h4>

</body>

</html>
</html>
65 changes: 33 additions & 32 deletions delivery.html
Original file line number Diff line number Diff line change
Expand Up @@ -127,37 +127,38 @@ <h2 class="heading">Enter Your Details</h2>
pattern="\d{6}" title="Please enter a valid 6-digit PIN code" maxlength="6">
</div>

<div class="indv-text">
<label for="state" class="text">STATE</label>
<select class="form-text" id="state" required>
<option value="">Select State</option>
<option value="Andhra Pradesh">Colombo</option>
<option value="Arunachal Pradesh">Gampaha</option>
<option value="Assam">Kalutara</option>
<option value="Bihar">Kandy</option>
<option value="Chhattisgarh">Matale</option>
<option value="Goa">Nuwara Eliya</option>
<option value="Gujarat">Galle</option>
<option value="Haryana">Matara</option>
<option value="Himachal Pradesh">Hambantota</option>
<option value="Jharkhand">Jaffna</option>
<option value="Karnataka">Kilinochchi</option>
<option value="Kerala">Mannar</option>
<option value="Madhya Pradesh">Vavuniya</option>
<option value="Maharashtra">Mullaitivu</option>
<option value="Manipur">Batticaloa</option>
<option value="Meghalaya">Ampara</option>
<option value="Mizoram">Trincomalee</option>
<option value="Nagaland">Kurunegala</option>
<option value="Odisha">Puttalam</option>
<option value="Punjab">Anuradhapura</option>
<option value="Rajasthan">Polonnaruwa</option>
<option value="Sikkim">Badulla</option>
<option value="Tamil Nadu">Moneragala</option>
<option value="Telangana">Ratnapura</option>
<option value="Tripura">Kegalle</option>
</select>
</div>
<div class="indv-text">
<label for="state" class="text">STATE</label>
<select class="form-text" id="state" required>
<option value="">Select District</option>
<option value="Ampara">Ampara</option>
<option value="Anuradhapura">Anuradhapura</option>
<option value="Badulla">Badulla</option>
<option value="Batticaloa">Batticaloa</option>
<option value="Colombo">Colombo</option>
<option value="Galle">Galle</option>
<option value="Gampaha">Gampaha</option>
<option value="Hambantota">Hambantota</option>
<option value="Jaffna">Jaffna</option>
<option value="Kalutara">Kalutara</option>
<option value="Kandy">Kandy</option>
<option value="Kegalle">Kegalle</option>
<option value="Kilinochchi">Kilinochchi</option>
<option value="Kurunegala">Kurunegala</option>
<option value="Mannar">Mannar</option>
<option value="Matale">Matale</option>
<option value="Matara">Matara</option>
<option value="Moneragala">Moneragala</option>
<option value="Mullaitivu">Mullaitivu</option>
<option value="Nuwara Eliya">Nuwara Eliya</option>
<option value="Polonnaruwa">Polonnaruwa</option>
<option value="Puttalam">Puttalam</option>
<option value="Ratnapura">Ratnapura</option>
<option value="Trincomalee">Trincomalee</option>
<option value="Vavuniya">Vavuniya</option>
</select>
</div>


<div style="display: flex; margin: 20px;" class="btn">
<button type="submit" value="SUMBIT" class="btn-style">Submit</button>
Expand Down Expand Up @@ -277,4 +278,4 @@ <h4>Newsletter</h4>

</body>

</html>
</html>