-
Notifications
You must be signed in to change notification settings - Fork 265
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
19 changed files
with
884 additions
and
709 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,38 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Product Quick View</title> | ||
| <link rel="stylesheet" href="styles/view.css"> | ||
| </head> | ||
| <body> | ||
| <!-- Eye Icon to Trigger Modal --> | ||
| <div class="product-container"> | ||
| <img src="product-image.jpg" alt="Product" class="product-img"> | ||
| <button class="quick-view-btn" onclick="openModal()"> | ||
| <i class="fa fa-eye"></i> <!-- Eye icon for quick view --> | ||
| </button> | ||
| </div> | ||
|
|
||
| <!-- Quick View Modal --> | ||
| <div id="quickViewModal" class="modal"> | ||
| <div class="modal-content"> | ||
| <span class="close" onclick="closeModal()">×</span> | ||
| <div class="modal-left"> | ||
| <img src="product-image.jpg" alt="Product" class="modal-product-img"> | ||
| </div> | ||
| <div class="modal-right"> | ||
| <h2>Papaya Pineapple Ice Cream</h2> | ||
| <p>The delightful duo of papaya and pineapple makes this an irresistible flavour. Papaya is sourced from Solapur and Pineapple from Kerala. Just to give you a taste that’s truly memorable!</p> | ||
| <h3>Ingredients</h3> | ||
| <p>Milk, Pineapple Pulp, Papaya Pulp, Sugar</p> | ||
| <h3>Available In</h3> | ||
| <p>Scoop | Shake | Family Pack</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <script src="script/products.js"></script> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -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> | ||
|
|
@@ -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> | ||
|
|
@@ -123,29 +123,30 @@ <h2 class="heading">Tell us about your event</h2> | |
| <input type="date" class="form-text" name="" id="dateInput" required> | ||
| </div> | ||
|
|
||
| <div class="indv-text"> | ||
| <label for="eventtype" class="text">Event Type</label> | ||
| <div class="indv-text"> | ||
| <label for="eventtype" class="text">Event Type</label> | ||
|
|
||
| <label for="self-pickup"> | ||
| <input type="radio" id="self-pickup" name="indoor-outdoor" value="self-pickup"> | ||
| Self Service Pickup | ||
| </label><br><br> | ||
|
|
||
| <label for="self-delivery"> | ||
| <input type="radio" id="self-delivery" name="indoor-outdoor" value="self-delivery"> | ||
| Self Service Delivery | ||
| </label><br><br> | ||
|
|
||
| <label for="full-service"> | ||
| <input type="radio" id="full-service" name="indoor-outdoor" value="full-service"> | ||
| Full Service Catering | ||
| </label><br><br> | ||
|
|
||
| <label for="not-sure"> | ||
| <input type="radio" id="not-sure" name="indoor-outdoor" value="not-sure"> | ||
| Not Sure, Want To Learn More | ||
| </label> | ||
| </div> | ||
|
|
||
| <label for="self-pickup"> | ||
| <input type="radio" id="self-pickup" name="indoor-outdoor" value="self-pickup"> | ||
| Self Service Pickup | ||
| </label><br><br> | ||
|
|
||
| <label for="self-delivery"> | ||
| <input type="radio" id="self-delivery" name="indoor-outdoor" value="self-delivery"> | ||
| Self Service Delivery | ||
| </label><br><br> | ||
|
|
||
| <label for="full-service"> | ||
| <input type="radio" id="full-service" name="indoor-outdoor" value="full-service"> | ||
| Full Service Catering | ||
| </label><br><br> | ||
|
|
||
| <label for="not-sure"> | ||
| <input type="radio" id="not-sure" name="indoor-outdoor" value="not-sure"> | ||
| Not Sure, Want To Learn More | ||
| </label> | ||
| </div> | ||
|
|
||
|
|
||
|
|
||
|
|
@@ -155,37 +156,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> | ||
|
|
||
|
|
@@ -275,7 +273,7 @@ <h4 style="margin-top: 15px;">Follow Us</h4> | |
| <li><a href="https://www.facebook.com/" class="social"><i class="fa-brands fa-facebook-f"></i> Facebook</a></li> | ||
| <li><a href="https://www.instagram.com/" class="social"><i class="fa-brands fa-instagram"></i> Instagram</a></li> | ||
| <li><a href="https://www.linkedin.com/" class="social"><i class="fa-brands fa-linkedin-in"></i> Linkedin</a></li> | ||
| <li><a href="https://www.twitter.com/" class="social"><i class="fa-brands fa-x-twitter"></i> Twitter</a></li> | ||
| <li><a href="https://www.twitter.com/" class="social"><i class="fa-brands fa-twitter"></i> Twitter</a></li> | ||
| <!-- Added Whatsapp Logo --> | ||
| <li><a href="https://www.whatsapp.com/" class="social"><i class="fa-brands fa-whatsapp"></i> | ||
| Whatsapp</a></li> | ||
|
|
@@ -315,4 +313,4 @@ <h4>Newsletter</h4> | |
|
|
||
| </body> | ||
|
|
||
| </html> | ||
| </html> | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.