Skip to content

Commit

Permalink
Offers Page
Browse files Browse the repository at this point in the history
  • Loading branch information
@coderiksenthil
coderiksenthil committed Jun 23, 2024
1 parent 9f5af0b commit 7240728
Show file tree
Hide file tree
Showing 4 changed files with 56 additions and 41 deletions.
10 changes: 8 additions & 2 deletions js/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -71,5 +71,11 @@ window.addEventListener("scroll", function() {
});




document.addEventListener("DOMContentLoaded", function() {
fetch('../footer/footer.html')
.then(response => response.text())
.then(data => {
document.getElementById('footer').innerHTML = data;
})
.catch(error => console.error('Error loading footer:', error));
});
0 css/offerpage.css → offerpage/offerpage.css
View file
File renamed without changes.
8 changes: 8 additions & 0 deletions offerpage/offerpage.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
document.addEventListener("DOMContentLoaded", function() {
fetch('../footer/footer.html')
.then(response => response.text())
.then(data => {
document.getElementById('footer').innerHTML = data;
})
.catch(error => console.error('Error loading footer:', error));
});
79 changes: 40 additions & 39 deletions offerportal.html → offerpage/offerportal.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,20 +7,20 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#2874F0" id="themeColor" />
<link rel="icon" type="image/x-icon" href="img/flipkart_lite.png" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link rel="icon" type="image/x-icon" href="../img/flipkart_lite.png" />
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet" />
<link rel="stylesheet" href="css/login-signup.css" />
<link rel="icon" type="image/x-icon" href="img/flipkart_lite.png">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" href="../css/login-signup.css" />
<link rel="icon" type="image/x-icon" href="../img/flipkart_lite.png">
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="stylesheet" href="css/homeHeader.css">
<link rel="stylesheet" type="text/css" href="css/offerpage.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" href="css/footer.css">
<link rel="stylesheet" href="css/header.css">
<link rel="stylesheet" href="../css/homeHeader.css">
<link rel="stylesheet" type="text/css" href="offerpage.css">
<link rel="stylesheet" type="text/css" href="../css/index.css">
<link rel="stylesheet" href="../css/footer.css">
<link rel="stylesheet" href="../css/header.css">
</head>
<body>

Expand Down Expand Up @@ -66,32 +66,32 @@
<li class="nav-item navItem2 dropdown" id="navbarDropdow">
<a class="nav-link nav-dd acnavdd" href="#" id="navbarDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="img/svg/profile-.svg" alt="Profile" />
<img src="../img/svg/profile-.svg" alt="Profile" />
<span class="navname navname_ac"> Account <i class="bi bi-chevron-down"></i><i
class="bi bi-chevron-up"></i></span>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown" style="left: 0;">
<a class="dropdown-item" href="account/home_account.html">
<img width="20" src="img/svg/profile-.svg" alt="flipKart">
<a class="dropdown-item" href="../account/home_account.html">
<img width="20" src="../img/svg/profile-.svg" alt="flipKart">
My Profile </a>

<a class="dropdown-item" href="account/login-signup.html">
<img width="20" src="img/svg/profile-.svg" alt="flipKart">
<a class="dropdown-item" href="../account/login-signup.html">
<img width="20" src="../img/svg/profile-.svg" alt="flipKart">
Sign In</a>
<a class="dropdown-item" href="plus/">
<img width="20" src="img/svg/fkplus-+.svg" alt="flipKart">
<a class="dropdown-item" href="../plus/">
<img width="20" src="../img/svg/fkplus-+.svg" alt="flipKart">
Flipkart Plus Zone</a>
<a class="dropdown-item" href="account/orders.html">
<img width="20" src="img/svg/orders.svg" alt="flipKart">
<img width="20" src="../img/svg/orders.svg" alt="flipKart">
Orders</a>
<a class="dropdown-item" href="wishlist/">
<img width="20" src="img/svg/wishList.svg" alt="flipKart">
<img width="20" src="../img/svg/wishList.svg" alt="flipKart">
Wishlist</a>
<a class="dropdown-item" href="account/rewards.html">
<img width="20" src="img/svg/rewards.svg" alt="flipKart">
<img width="20" src="../img/svg/rewards.svg" alt="flipKart">
Rewards</a>
<a class="dropdown-item" href="the-gift-card-store/">
<img width="20" src="img/svg/giftCard.svg" alt="flipKart">
<img width="20" src="../img/svg/giftCard.svg" alt="flipKart">
Gift Cards</a>
</div>
</li>
Expand Down Expand Up @@ -139,48 +139,48 @@
<h1><center>Today's Top Deals</center></h1>
<!--Header end -->
<div class="promo-wrapper">
<a href="page1.html" class="deal">
<img src="img/earphon1.webp" alt="Deal 1">
<a href="#" class="deal">
<img src="../img/earphon1.webp" alt="Deal 1">
<div class="info">
<h3>Product Title 1</h3>
<p class="price">$29.99</p>
<p class="discount">40% off</p>
</div>
</a>
<a href="page2.html" class="deal">
<img src="img/earphone2.jpg" alt="Deal 2">
<a href="#" class="deal">
<img src="../img/earphone2.jpg" alt="Deal 2">
<div class="info">
<h3>Product Title 2</h3>
<p class="price">$39.99</p>
<p class="discount">50% off</p>
</div>
</a>
<a href="page3.html" class="deal">
<img src="img/earphon3.jpg" alt="Deal 3">
<a href="#" class="deal">
<img src="../img/earphon3.jpg" alt="Deal 3">
<div class="info">
<h3>Product Title 3</h3>
<p class="price">$49.99</p>
<p class="discount">60% off</p>
</div>
</a>
<a href="page3.html" class="deal">
<img src="img/one.png" alt="Deal 3">
<a href="#" class="deal">
<img src="../img/one.png" alt="Deal 3">
<div class="info">
<h3>Product Title 3</h3>
<p class="price">$49.99</p>
<p class="discount">60% off</p>
</div>
</a>
<a href="page3.html" class="deal">
<img src="img/oneplusNord5G.jpg" alt="Deal 3">
<a href="#" class="deal">
<img src="../img/oneplusNord5G.jpg" alt="Deal 3">
<div class="info">
<h3>Product Title 3</h3>
<p class="price">$49.99</p>
<p class="discount">60% off</p>
</div>
</a>
<a href="page3.html" class="deal">
<img src="img/phone-2.webp" alt="Deal 3">
<a href="#" class="deal">
<img src="../img/phone-2.webp" alt="Deal 3">
<div class="info">
<h3>Product Title 3</h3>
<p class="price">$49.99</p>
Expand All @@ -192,12 +192,13 @@ <h3>Product Title 3</h3>
<button id="back-to-top" onclick="scrollToTop()">Top</button>
<!-- footer fetch to components : components/footer/footer.html -->
<footer id="footer" style="background-color: #292d33;"></footer>
</body>

<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/homeHeader.js"></script>
<script src="js/categoryjs.js"></script>
<script src="js/searchForProducts.js"></script>
<script src="js/index.js"></script>
</body>
<script src = "offerpage.js"></script>
<script src="../js/bootstrap.bundle.min.js"></script>
<script src="../js/homeHeader.js"></script>
<script src="../js/categoryjs.js"></script>
<script src="../js/searchForProducts.js"></script>
<script src="../js/index.js"></script>

</html>

0 comments on commit 7240728

Please sign in to comment.