-
Notifications
You must be signed in to change notification settings - Fork 269
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
12 changed files
with
534 additions
and
0 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
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
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 |
|---|---|---|
| @@ -0,0 +1,255 @@ | ||
| <!-- @ -1,241 +0,0 @@ --> | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>ICYCO - FEEDBACK</title> | ||
|
|
||
| <!-- custom style sheets --> | ||
| <link rel="stylesheet" href="styles/styles.css"> | ||
| <link rel="stylesheet" href="styles/mediaQueries.css"> | ||
| <link rel="stylesheet" href="styles/swiper-bundle.min.css"> | ||
| <link rel="stylesheet" href="styles/topscrollindicator.css"> | ||
| <!-- Link to add favicon --> | ||
| <link rel="icon" href="./images/logo.png" type="image/png"> | ||
|
|
||
| <link rel="stylesheet" href="styles/cursor.css"> | ||
| <link rel="stylesheet" href="styles/delivery-catering.css"> | ||
| <link rel="stylesheet" href="styles/feedback.css"> | ||
|
|
||
| <!-- link to add favicon --> | ||
| <link rel="icon" href="./images/logo.png" type="image/png"> | ||
|
|
||
| <!-- font awesome icons script --> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> | ||
|
|
||
| </head> | ||
|
|
||
| <body> | ||
| <!-- cursor --> | ||
| <div class="circle"></div> | ||
| <div class="circle"></div> | ||
| <div class="circle"></div> | ||
| <div class="circle"></div> | ||
| <div class="circle"></div> | ||
| <div class="circle"></div> | ||
| <div class="circle"></div> | ||
| <div class="circle"></div> | ||
| <div class="circle"></div> | ||
| <div class="circle"></div> | ||
| <div class="circle"></div> | ||
| <div class="circle"></div> | ||
| <div class="circle"></div> | ||
| <div class="circle"></div> | ||
| <div class="circle"></div> | ||
| <div class="circle"></div> | ||
| <div class="circle"></div> | ||
| <div class="circle"></div> | ||
| <div class="circle"></div> | ||
| <div class="circle"></div> | ||
|
|
||
| <!-- Preloader --> | ||
| <div id="preloader"> | ||
| <div class="loader-container"> | ||
| <div class="flavor-circle chocolate"></div> | ||
| <div class="flavor-circle strawberry"></div> | ||
| <div class="flavor-circle vanilla"></div> | ||
| <div class="flavor-circle mint"></div> | ||
| <div class="flavor-circle blueberry"></div> | ||
| <div class="flavor-circle mango"></div> | ||
| <div class="flavor-circle pistachio"></div> | ||
| <div class="flavor-circle raspberry"></div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!-- Scroll progress bar --> | ||
| <div class="scroll-progress" id="scrollProgress"></div> | ||
|
|
||
| <!-- nav bar --> | ||
| <div class="nav-bar"> | ||
| <div class="logo"> | ||
| <img src="./images/logo.png" alt="icyco-logo" height="40px" width="40px"> | ||
| <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="./delivery.html" class="link">Delivery</a> | ||
| <a href="./dine-in.html" class="link">Dine In</a> | ||
| <a href="./catering.html" class="link">Catering</a> | ||
| <a href="./feedback.html" class="link active">Feedback</a> | ||
| </div> | ||
| <div class="icons"> | ||
| <div class="icon"> | ||
| <a href="./login.html"><i class="fa fa-user" aria-hidden="true"></i></a> | ||
| </div> | ||
| <div class="icon"> | ||
| <span class="i"><i class="fa fa-shopping-cart cart-icon" aria-hidden="true"></i> <span | ||
| class="no-of-cart-items">0</span></span> | ||
| </div> | ||
| <div class="icon"> | ||
| <i class="fa fa-bars menu" aria-hidden="true"></i> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!-- catering form --> | ||
| <section> | ||
| <h1 style="margin-top: 100px; padding: 0 40px;">Share Experience</h1> | ||
|
|
||
|
|
||
| <div class="content"> | ||
| <header class="feedback-header"> | ||
| <h1>Feel free to drop us your feedback.</h1> | ||
| <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/1457119/feedback-form-template.svg" | ||
| alt="A woman is sitting on the floor and working on a laptop (vector illustration)" /> | ||
| </header> | ||
| <main> | ||
| <id="feedbackForm"> | ||
| <h2>How would you rate your overall experience?</h2> | ||
| <div class="star-rating"> | ||
| <input type="radio" id="star5" name="rating" value="5" /><label for="star5" title="5 stars"></label> | ||
| <input type="radio" id="star4" name="rating" value="4" /><label for="star4" title="4 stars"></label> | ||
| <input type="radio" id="star3" name="rating" value="3" /><label for="star3" title="3 stars"></label> | ||
| <input type="radio" id="star2" name="rating" value="2" /><label for="star2" title="2 stars"></label> | ||
| <input type="radio" id="star1" name="rating" value="1" /><label for="star1" title="1 star"></label> | ||
| </div> | ||
| <h2>How satisfied are you overall with the support of our website?</h2> | ||
| <div class="tickmarks"> | ||
| <span>0</span> | ||
| <span>2</span> | ||
| <span>4</span> | ||
| <span>6</span> | ||
| <span>8</span> | ||
| <span>10</span> | ||
| </div> | ||
| <input type="range" id="score" min="0" max="10" value="5"> | ||
| <textarea id="comment" placeholder="Please tell us your reasons for giving this score here..."></textarea> | ||
| <button type="submit" id="feedback-btn">Send Feedback</button> | ||
| </main> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- Cart --> | ||
| <div class="cart"> | ||
| <i class="fa fa-times close-cart" aria-hidden="true"></i> | ||
| <h1>Your Cart</h1> | ||
|
|
||
| <div class="no-empty-cart"> | ||
| <ul class="cart-list-items"> | ||
| </ul> | ||
| <div> | ||
| <div class="total">Sub Total: <span class="sub-total">$0</span></div> | ||
| <button>Check out</button> | ||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| <div class="empty-cart active"> | ||
| <div class="empty-cart-img-div"> | ||
| <img src="images/empty-cart.png" alt="Delicious Ice Cream" class="ice-cream-image" /> | ||
| </div> | ||
| <p class="empty-cart-text">Your cart is empty!</p> | ||
| <p class="empty-cart-info">As a cone without ice cream!🍦 </p> | ||
| <p class="empty-cart-info">Fill it up with our delicious flavors!</p> | ||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| <!-- footer --> | ||
| <section class="footer"> | ||
| <div class="footer-row"> | ||
| <div class="footer-col"> | ||
| <h4>Useful links</h4> | ||
| <ul class="links"> | ||
| <li><a href="index.html">Home</a></li> | ||
| <li><a href="./products.html">Products</a></li> | ||
| <li><a href="gallary.html">Gallery</a></li> | ||
| <li><a href="index.html#about">About Us</a></li> | ||
| <li><a href="./faq.html" class="link">FAQ</a></li> | ||
| <li><a href="contributor.html">Our Contributors</a></li> | ||
| <li><a href="blogs.html">Our Blogs</a></li> | ||
| <li><a href="privacy.html">Privacy Policy</a></li> | ||
| <li><a href="terms&condition.html">Terms&Condition</a></li> | ||
| </ul> | ||
| </div> | ||
|
|
||
| <div class="footer-col"> | ||
| <h4>Opening Hours</h4> | ||
| <ul class="links"> | ||
| <li><a href="#">Mon-Sat : 9.00 AM to 9.30 PM</a></li> | ||
| <li><a href="#">Sunday : 9.00 AM to 3.00 PM</a></li> | ||
| </ul> | ||
| <h4 style="margin-top: 15px;">Locations</h4> | ||
| <ul class="links"> | ||
| <li class="address1"><a href="" class="social"><i class="fa-solid fa-location-dot"></i> Kolathur | ||
| ramankulam- | ||
| Malappuram Dt</a></li> | ||
| <li class="address2"><a href="" class="social"><i class="fa-solid fa-location-dot"></i> MG Road, | ||
| Bangalore - Karnataka</a></li> | ||
| <li class="address3"><a href="" class="social"><i class="fa-solid fa-location-dot"></i> | ||
| Connaught Place, New Delhi</a></li> | ||
| <li class="address4"><a href="" class="social"><i class="fa-solid fa-location-dot"></i> Park | ||
| Street, Kolkata - West Bengal</a></li> | ||
|
|
||
| </li> | ||
|
|
||
| </ul> | ||
| </div> | ||
| <div class="footer-col"> | ||
| <h4>Need Help?</h4> | ||
| <ul class="links"> | ||
| <li><a href="" class="social"><i class="fa-solid fa-phone"></i> +91 90904500112</a></li> | ||
| <li><a href="" class="social"><i class="fa-solid fa-phone"></i> +91 90904500112</a></li> | ||
| <li><a href="" class="social"><i class="fa-solid fa-envelope"></i> [email protected]</a></li> | ||
| </ul> | ||
| <h4 style="margin-top: 15px;">Follow Us</h4> | ||
| <ul class="links"> | ||
| <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-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> | ||
| </ul> | ||
| </div> | ||
| <div class="footer-col"> | ||
| <h4>Newsletter</h4> | ||
| <p> | ||
| Subscribe to our newsletter for a weekly dose | ||
| of news, updates, helpful tips, and | ||
| exclusive offers. | ||
| </p> | ||
| <form action="#"> | ||
| <input type="text" placeholder="Your email" required> | ||
| <button type="submit">Subscribe</button> | ||
| </form> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-----scroll bottom to top-------> | ||
| <button class="scroll-button"> | ||
| <img src="images/icecream-cone.png" alt="icecream-cone" /> | ||
| </button> | ||
|
|
||
| <!-- copyright --> | ||
| <div class="copyright"> | ||
| © <span id="year"></span> by <span>DharshiB</span> | All Rights Reserved | ||
| </div> | ||
|
|
||
| <script src="./script/catering.js"></script> | ||
| <script src="./script/nav.js"></script> | ||
| <script src="./script/cart.js"></script> | ||
| <script src="./script/topscrollindicator.js"></script> | ||
| <script type="module" src="./script/products.js"></script> | ||
| <script src="script/cursor.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
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.