Skip to content

Commit

Permalink
Merge pull request #975 from AADESHak007/icy/deliveryForm
Browse files Browse the repository at this point in the history 
updated the DeliveryForm page
  • Loading branch information
@DharshiBalasubramaniyam
DharshiBalasubramaniyam authored Nov 2, 2024
2 parents 7973f0b + 65d1935 commit 1013474
Show file tree
Hide file tree
Showing 2 changed files with 94 additions and 70 deletions.
142 changes: 72 additions & 70 deletions delivery.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -94,77 +94,79 @@
<section>
<h1 style="margin-top: 100px; padding: 0 40px;">Island-Wide Delivery</h1>
<h2 class="heading">Enter Your Details</h2>
<div class="form-container">
<form class="form-contents delivery-form">
<div class="indv-text">
<label for="name" class="text">NAME</label>
<input type="text" class="form-text" id="name" name="name" placeholder="Enter your Name" required />
</div>

<div class="indv-text">
<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>
<input type="tel" class="form-text" name="contact" id="contact" placeholder="0123456789" required>
</div>

<div class="indv-text">
<label for="add1" class="text">ADDRESS Line1</label>
<input type="text" class="form-text" name="" id="" placeholder="Street Address" required>
</div>

<div class="indv-text">
<label for="add2" class="text">ADDRESS Line2</label>
<input type="text" class="form-text" name="" id="" placeholder="City" required>
</div>

<div class="indv-text">
<label for="pincode" class="text">PIN CODE</label>
<input type="text" class="form-text" id="pincode" name="pincode" placeholder="Enter Pin Code" required
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 style="display: flex; margin: 20px;" class="btn">
<button type="submit" value="SUMBIT" class="btn-style">Submit</button>
<button type="reset" class="btn-style reset-btn" value="RESET">Clear</button>
</div>

</form>
</div>

<form class="form-contents">
<div class="indv-text">
<label for="name" class="text">Name</label>
<input type="text" class="form-text" id="name" name="name" placeholder="Enter your Name" required />
</div>

<div class="indv-text">
<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>
<input type="tel" class="form-text" name="contact" id="contact" placeholder="0123456789" required>
</div>

<div class="indv-text">
<label for="add1" class="text">Address Line1</label>
<input type="text" class="form-text" name="" id="" placeholder="Street Address" required>
</div>

<div class="indv-text">
<label for="add2" class="text">Address Line2</label>
<input type="text" class="form-text" name="" id="" placeholder="City" required>
</div>

<div class="indv-text">
<label for="pincode" class="text">PIN Code </label>
<input type="text" class="form-text" id="pincode" name="pincode" placeholder="Enter Pin Code" required
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 style="display: flex; margin: 20px;" class="btn">
<button type="submit" value="SUMBIT" class="btn-style">Submit</button>
<button type="reset" class="btn-style reset-btn" value="RESET">Clear</button>
</div>

</form>
</section>

<!-- Cart -->
Expand Down
22 changes: 22 additions & 0 deletions styles/delivery-catering.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,28 @@ section h1 {
margin-top: 15px;
font-weight: 400;
}
.form-container{
width: 100%;
padding: 2vw;
display:flex ;
justify-content: center;
align-items: center;
height: 70%;
/*background Styles*/
background-color: #f4eef5;
background-image:
radial-gradient(at 47% 33%, hsl(300.73, 77%, 79%) 0, transparent 59%),
radial-gradient(at 82% 65%, hsl(311, 87%, 63%) 0, transparent 55%);
}
.delivery-form{
backdrop-filter: blur(10px) saturate(154%);
-webkit-backdrop-filter: blur(10px) saturate(154%);
background-color: rgba(223, 219, 219, 0.54);
border-radius: 12px;
border: 2px solid rgba(209, 213, 219, 0.3);
width: 60%;
padding:3px ;
}

.form-text {
margin-left: 0px;
Expand Down

0 comments on commit 1013474

Please sign in to comment.