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.

Sign up for GitHub

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

Added page to the read more button in offers section #1500

Merged
merged 2 commits into from
Aug 7, 2024
Merged

Added page to the read more button in offers section #1500

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
80b8c61
Added page to the read more button in offers section
shraddhha Jul 27, 2024
5152aee
Merge branch 'main' into main
shraddhha Aug 1, 2024
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
Empty file added .history/Html-files/offers1_20240727211126.html
View file
Open in desktop
Empty file.
118 changes: 118 additions & 0 deletions .history/Html-files/offers1_20240727211457.html
View file
Open in desktop
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>&copy; 2024 Your Company. All rights reserved.</p>
</footer>
</body>

</html>
118 changes: 118 additions & 0 deletions .history/Html-files/offers1_20240727215004.html
View file
Open in desktop
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>&copy; 2024 Your Company. All rights reserved.</p>
</footer>
</body>

</html>
133 changes: 133 additions & 0 deletions .history/Html-files/offers1_20240727215119.html
View file
Open in desktop
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>&copy; 2024 Your Company. All rights reserved.</p>
</footer>
</body>

</html>
Loading
Loading