forked from khushi-joshi-05/Food-ordering-website
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Added page to the read more button in offers section
- Loading branch information
Showing
28 changed files
with
5,645 additions
and
551 deletions.
There are no files selected for viewing
Empty file.
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,118 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Offer Details - Savings</title> | ||
| <style> | ||
| body { | ||
| font-family: Arial, sans-serif; | ||
| margin: 0; | ||
| padding: 0; | ||
| } | ||
|
|
||
| header { | ||
| background-color: #f8f9fa; | ||
| padding: 20px; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .container { | ||
| padding: 20px; | ||
| } | ||
|
|
||
| h1, | ||
| h2 { | ||
| color: #333; | ||
| } | ||
|
|
||
| p { | ||
| color: #555; | ||
| } | ||
|
|
||
| .main-btn { | ||
| display: inline-block; | ||
| padding: 10px 20px; | ||
| background-color: #007bff; | ||
| color: white; | ||
| text-decoration: none; | ||
| border-radius: 5px; | ||
| transition: background-color 0.3s, transform 0.3s; | ||
| } | ||
|
|
||
| .main-btn:hover { | ||
| background-color: #0056b3; | ||
| transform: scale(1.05); | ||
| } | ||
|
|
||
| blockquote { | ||
| border-left: 4px solid #007bff; | ||
| padding-left: 20px; | ||
| margin: 20px 0; | ||
| color: #666; | ||
| } | ||
|
|
||
| footer { | ||
| background-color: #f8f9fa; | ||
| padding: 10px; | ||
| text-align: center; | ||
| position: absolute; | ||
| width: 100%; | ||
| bottom: 0; | ||
| } | ||
|
|
||
| @media (max-width: 768px) { | ||
| .container { | ||
| padding: 10px; | ||
| } | ||
| h2, | ||
| p, | ||
| ul { | ||
| font-size: 16px; | ||
| } | ||
| } | ||
| </style> | ||
| </head> | ||
|
|
||
| <body> | ||
| <header> | ||
| <h1>Exclusive Offer - Savings</h1> | ||
| </header> | ||
| <section> | ||
| <div class="container"> | ||
| <h2>🎉 Grab your savings now with our unbeatable new discounts every week! 💸</h2> | ||
| <p>Don't miss out on our exclusive offers! 🎉 Enjoy massive discounts 💸 on your favorite items and save big on every purchase! 🛍️</p> | ||
| <p>Each week, we bring you the best deals on a variety of products, from electronics to fashion. Our discounts are designed to help you save money while getting the best value for your purchases.</p> | ||
| <h3>Benefits:</h3> | ||
| <ul> | ||
| <li>Up to 50% off on selected items</li> | ||
| <li>Exclusive discounts for members</li> | ||
| <li>Free shipping on orders over $50</li> | ||
| </ul> | ||
| <h3>Terms and Conditions:</h3> | ||
| <ul> | ||
| <li>Offer valid while stocks last</li> | ||
| <li>Discounts apply only to selected items</li> | ||
| <li>Cannot be combined with other offers</li> | ||
| </ul> | ||
| <h3>Customer Testimonials:</h3> | ||
| <blockquote> | ||
| <p>"I saved so much with these discounts! The best part is the free shipping. Highly recommend!" - Alex R.</p> | ||
| </blockquote> | ||
| <h3>FAQs:</h3> | ||
| <ul> | ||
| <li><strong>How long is this offer valid?</strong> - The offer is valid until the end of the month or while stocks last.</li> | ||
| <li><strong>Can I use the discount on sale items?</strong> - The discount applies to selected items, including sale items.</li> | ||
| </ul> | ||
| <h3>Contact Us:</h3> | ||
| <p>If you have any questions, feel free to contact our support team at <a href="mailto:[email protected]">[email protected]</a>.</p> | ||
| <a href="index.html" class="main-btn">Back to Offers</a> | ||
| </div> | ||
| </section> | ||
| <footer> | ||
| <p>© 2024 Your Company. All rights reserved.</p> | ||
| </footer> | ||
| </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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,118 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Offer Details - Savings</title> | ||
| <style> | ||
| body { | ||
| font-family: Arial, sans-serif; | ||
| margin: 0; | ||
| padding: 0; | ||
| } | ||
|
|
||
| header { | ||
| background-color: #f8f9fa; | ||
| padding: 20px; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .container { | ||
| padding: 20px; | ||
| } | ||
|
|
||
| h1, | ||
| h2 { | ||
| color: #333; | ||
| } | ||
|
|
||
| p { | ||
| color: #555; | ||
| } | ||
|
|
||
| .main-btn { | ||
| display: inline-block; | ||
| padding: 10px 20px; | ||
| background-color: #007bff; | ||
| color: white; | ||
| text-decoration: none; | ||
| border-radius: 5px; | ||
| transition: background-color 0.3s, transform 0.3s; | ||
| } | ||
|
|
||
| .main-btn:hover { | ||
| background-color: #0056b3; | ||
| transform: scale(1.05); | ||
| } | ||
|
|
||
| blockquote { | ||
| border-left: 4px solid #007bff; | ||
| padding-left: 20px; | ||
| margin: 20px 0; | ||
| color: #666; | ||
| } | ||
|
|
||
| footer { | ||
| background-color: #f8f9fa; | ||
| padding: 10px; | ||
| text-align: center; | ||
| position: absolute; | ||
| width: 100%; | ||
| bottom: 0; | ||
| } | ||
|
|
||
| @media (max-width: 768px) { | ||
| .container { | ||
| padding: 10px; | ||
| } | ||
| h2, | ||
| p, | ||
| ul { | ||
| font-size: 16px; | ||
| } | ||
| } | ||
| </style> | ||
| </head> | ||
|
|
||
| <body> | ||
| <header> | ||
| <h1>Exclusive Offer - Savings</h1> | ||
| </header> | ||
| <section> | ||
| <div class="container"> | ||
| <h2>🎉 Grab your savings now with our unbeatable new discounts every week! 💸</h2> | ||
| <p>Don't miss out on our exclusive offers! 🎉 Enjoy massive discounts 💸 on your favorite items and save big on every purchase! 🛍️</p> | ||
| <p>Each week, we bring you the best deals on a variety of products, from electronics to fashion. Our discounts are designed to help you save money while getting the best value for your purchases.</p> | ||
| <h3>Benefits:</h3> | ||
| <ul> | ||
| <li>Up to 50% off on selected items</li> | ||
| <li>Exclusive discounts for members</li> | ||
| <li>Free shipping on orders over $50</li> | ||
| </ul> | ||
| <h3>Terms and Conditions:</h3> | ||
| <ul> | ||
| <li>Offer valid while stocks last</li> | ||
| <li>Discounts apply only to selected items</li> | ||
| <li>Cannot be combined with other offers</li> | ||
| </ul> | ||
| <h3>Customer Testimonials:</h3> | ||
| <blockquote> | ||
| <p>"I saved so much with these discounts! The best part is the free shipping. Highly recommend!" - Alex R.</p> | ||
| </blockquote> | ||
| <h3>FAQs:</h3> | ||
| <ul> | ||
| <li><strong>How long is this offer valid?</strong> - The offer is valid until the end of the month or while stocks last.</li> | ||
| <li><strong>Can I use the discount on sale items?</strong> - The discount applies to selected items, including sale items.</li> | ||
| </ul> | ||
| <h3>Contact Us:</h3> | ||
| <p>If you have any questions, feel free to contact our support team at <a href="mailto:[email protected]">[email protected]</a>.</p> | ||
| <a href="index.html" class="main-btn">Back to Offers</a> | ||
| </div> | ||
| </section> | ||
| <footer> | ||
| <p>© 2024 Your Company. All rights reserved.</p> | ||
| </footer> | ||
| </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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,133 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Offer Details - Savings</title> | ||
| <style> | ||
| body { | ||
| font-family: Arial, sans-serif; | ||
| margin: 0; | ||
| padding: 0; | ||
| background-color: #f5f5f5; | ||
| /* Light background color */ | ||
| color: #333; | ||
| /* Default text color */ | ||
| } | ||
|
|
||
| header { | ||
| background-color: #dcb1b1; | ||
| /* Dark pastel red */ | ||
| padding: 20px; | ||
| text-align: center; | ||
| color: white; | ||
| } | ||
|
|
||
| .container { | ||
| padding: 20px; | ||
| max-width: 1200px; | ||
| margin: auto; | ||
| } | ||
|
|
||
| h1, | ||
| h2 { | ||
| color: #d94a4a; | ||
| /* Darker shade of pastel red */ | ||
| } | ||
|
|
||
| p { | ||
| color: #555; | ||
| line-height: 1.6; | ||
| } | ||
|
|
||
| .main-btn { | ||
| display: inline-block; | ||
| padding: 10px 20px; | ||
| background-color: #d94a4a; | ||
| /* Darker pastel red */ | ||
| color: white; | ||
| text-decoration: none; | ||
| border-radius: 5px; | ||
| transition: background-color 0.3s, transform 0.3s; | ||
| } | ||
|
|
||
| .main-btn:hover { | ||
| background-color: #a73c3c; | ||
| /* Even darker shade of pastel red */ | ||
| transform: scale(1.05); | ||
| } | ||
|
|
||
| blockquote { | ||
| border-left: 4px solid #d94a4a; | ||
| /* Darker pastel red */ | ||
| padding-left: 20px; | ||
| margin: 20px 0; | ||
| color: #666; | ||
| } | ||
|
|
||
| footer { | ||
| background-color: #dcb1b1; | ||
| /* Dark pastel red */ | ||
| padding: 10px; | ||
| text-align: center; | ||
| color: white; | ||
| position: absolute; | ||
| width: 100%; | ||
| bottom: 0; | ||
| } | ||
|
|
||
| @media (max-width: 768px) { | ||
| .container { | ||
| padding: 10px; | ||
| } | ||
| h2, | ||
| p, | ||
| ul { | ||
| font-size: 16px; | ||
| } | ||
| } | ||
| </style> | ||
| </head> | ||
|
|
||
| <body> | ||
| <header> | ||
| <h1>Exclusive Offer - Savings</h1> | ||
| </header> | ||
| <section> | ||
| <div class="container"> | ||
| <h2>🎉 Grab your savings now with our unbeatable new discounts every week! 💸</h2> | ||
| <p>Don't miss out on our exclusive offers! 🎉 Enjoy massive discounts 💸 on your favorite items and save big on every purchase! 🛍️</p> | ||
| <p>Each week, we bring you the best deals on a variety of products, from electronics to fashion. Our discounts are designed to help you save money while getting the best value for your purchases.</p> | ||
| <h3>Benefits:</h3> | ||
| <ul> | ||
| <li>Up to 50% off on selected items</li> | ||
| <li>Exclusive discounts for members</li> | ||
| <li>Free shipping on orders over $50</li> | ||
| </ul> | ||
| <h3>Terms and Conditions:</h3> | ||
| <ul> | ||
| <li>Offer valid while stocks last</li> | ||
| <li>Discounts apply only to selected items</li> | ||
| <li>Cannot be combined with other offers</li> | ||
| </ul> | ||
| <h3>Customer Testimonials:</h3> | ||
| <blockquote> | ||
| <p>"I saved so much with these discounts! The best part is the free shipping. Highly recommend!" - Alex R.</p> | ||
| </blockquote> | ||
| <h3>FAQs:</h3> | ||
| <ul> | ||
| <li><strong>How long is this offer valid?</strong> - The offer is valid until the end of the month or while stocks last.</li> | ||
| <li><strong>Can I use the discount on sale items?</strong> - The discount applies to selected items, including sale items.</li> | ||
| </ul> | ||
| <h3>Contact Us:</h3> | ||
| <p>If you have any questions, feel free to contact our support team at <a href="mailto:[email protected]">[email protected]</a>.</p> | ||
| <a href="index.html" class="main-btn">Back to Offers</a> | ||
| </div> | ||
| </section> | ||
| <footer> | ||
| <p>© 2024 Your Company. All rights reserved.</p> | ||
| </footer> | ||
| </body> | ||
|
|
||
| </html> |
Oops, something went wrong.