Skip to content

Commit

Permalink
Final changes
Browse files Browse the repository at this point in the history
  • Loading branch information
@PriyanshiAgr
PriyanshiAgr committed Oct 16, 2024
1 parent 416d441 commit b317769
Show file tree
Hide file tree
Showing 23 changed files with 485 additions and 2,861 deletions.
47 changes: 22 additions & 25 deletions 1.IndexPage/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,9 +9,6 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">


<!-- <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> -->


<link rel="stylesheet" href="../style.css">
<link rel="stylesheet" href="indexStyle.css">
</head>
Expand All @@ -27,16 +24,16 @@
<li><a href="../2.CollectionsPage/menu.html">Collections</a></li>
<li><a href="../3.Services/services.html">Services</a></li>
<li><a href="../4.AboutUsPage/about.html">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">More</a></li>
<li><a href="../5.Contact Us/contactUs.html">Contact Us</a></li>
<li><a href="../Html-files/booknow.html">More</a></li>
</ul>
<ul class="nav-right">
<li><a id="navbar-login-signup" href="../7.Login-SignUpPage/Login-SignUp.html">Login/Signup</a></li>
<a id="navbar-profile" href="../Profile/profile.html" style="display: none;">Profile</a>
<a id="navbar-profile" href="../10.Payment/payment2.html" style="display: none;">Profile</a>
<!-- Profile link (hidden by default) -->
<a id="logout" href="#" style="display: none;"><i class="fas fa-sign-out-alt"></i></a>
<a id="logout" href="" style="display: none;"><i class="fas fa-sign-out-alt"></i></a>
<!-- Logout link (hidden by default) -->
<li><a href="#"> <i class="fas fa-shopping-cart"></i> Cart</a></li>
<li><a href="../9.Cart/cart.html"> <i class="fas fa-shopping-cart"></i> Cart</a></li>
</ul>
</nav>
<div class="welcome-message">
Expand All @@ -48,7 +45,7 @@ <h1 class="welcome">Welcome to Retro!</h1>
</div>
<img src="../Images/logo & deco/retro5.png" alt="Overlay Image" class="overlay-image2">
<div class="button-container">
<a href="../Html-files/menu.html" class="explore-button">Explore Now</a>
<a href="../2.CollectionsPage/menu.html" class="explore-button">Explore Now</a>
</div>
<div class="marquee">
<p>Get 30% off on your FIRST order! &nbsp;&nbsp;&nbsp;&nbsp; Get 30% off on your FIRST order!
Expand Down Expand Up @@ -105,7 +102,7 @@ <h3>Online Delivery</h3>
</div>
<div class="order-card">
<h3>Click & Collect</h3>
<a href="../Cart/cart.html" class="order-button" target="_blank">Take Out Order</a>
<a href="../9.Cart/cart.html" class="order-button" target="_blank">Take Out Order</a>
</div>
</div>
</div>
Expand Down Expand Up @@ -216,20 +213,20 @@ <h1>Download the App now!</h1>
<p>For best discounts and free delivery download the app now from your Google Play Store or App Store.
</p>
<div class="app-icons">
<a href="#"><img src="../Images/get_it_on_google_play_store.png" alt="Google Play"
<a href="https://play.google.com/store/games?hl=en"><img src="../Images/get_it_on_google_play_store.png" alt="Google Play"
class="button"></a>
<a href="#"><img src="../Images/download-on-the-app-store.png" alt="App Store" class="button"></a>
<a href="https://www.apple.com/in/app-store/"><img src="../Images/download-on-the-app-store.png" alt="App Store" class="button"></a>
</div>
</div>
<div class="footer-content">
<div class="footer-section links1">
<h4>Our Pages</h4>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Cart</a></li>
<li><a href="index.html">Home</a></li>
<li><a href="../4.AboutUsPage/about.html">About</a></li>
<li><a href="../3.Services/services.html">Services</a></li>
<li><a href="../5.Contact Us/contactUs.html">Contact Us</a></li>
<li><a href="../9.Cart/cart.html">Cart</a></li>
</ul>
</div>
<div class="footer-section links2">
Expand All @@ -245,11 +242,11 @@ <h4>Exclusive Offers</h4>
<div class="footer-section links3">
<h4>Payment Products</h4>
<ul>
<li><a href="#">Secure Checkout</a></li>
<li><a href="#">Credit/Debit Cards</a></li>
<li><a href="#">Online Payment</a></li>
<li><a href="#">Mobile Wallets</a></li>
<li><a href="#">Contactless Payments</a></li>
<li><a href="../10.Payment/payment2.html">Secure Checkout</a></li>
<li><a href="../10.Payment/payment2.html">Credit/Debit Cards</a></li>
<li><a href="../10.Payment/payment2.html">Online Payment</a></li>
<li><a href="../10.Payment/payment2.html">Mobile Wallets</a></li>
<li><a href="../10.Payment/payment2.html">Contactless Payments</a></li>
</ul>
</div>
</div>
Expand All @@ -265,9 +262,9 @@ <h4>Contact Us!</h4>
<div class="social-media">
<p>Follow Us</p>
<div class="social-icons">
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="https://www.facebook.com/"><i class="fab fa-facebook"></i></a>
<a href="https://www.instagram.com/accounts/login/?hl=en"><i class="fab fa-instagram"></i></a>
<a href="https://x.com/login?mx=2"><i class="fab fa-twitter"></i></a>
</div>
</div>
<div class="footer-bottom">
Expand Down
2 changes: 1 addition & 1 deletion 1.IndexPage/indexScript.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ document.addEventListener("DOMContentLoaded", function () {
if (isLoggedIn === 'true') {
// User is logged in, show profile link and logout button
navbarLoginSignup.innerHTML = 'Profile';
navbarLoginSignup.setAttribute('href', '../Profile/profile.html');
navbarLoginSignup.setAttribute('href', '../8.Profile/profile.html');
logoutLink.style.display = 'inline'; // Show logout link
} else {
// User is not logged in, show Login/Signup link
Expand Down
228 changes: 228 additions & 0 deletions 10.Payment/payment.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,228 @@
@import url("https://fonts.googleapis.com/css2?family=Concert+One&family=Londrina+Shadow&family=Righteous&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Londrina+Solid:wght@100;300;400;900&display=swap");

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

.container {
max-width: 1000px;
margin: 40px auto;
padding: 20px;
/* background-color: #fff; */
/* border-radius: 10px; */
/* box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); */
}

.container h1 {
color: black;
font-family: "Londrina Solid";
letter-spacing: 4px;
text-shadow: 3px 3px #ffe836;
font-size: 3.5em;
text-align: center;
margin-bottom: 40px;
}

h2 {
text-align: center;
margin-bottom: 0px;
color: #552323;
font-family: "Concert One";
}

form {
max-width: 1200px;
padding: 40px;
border-radius: 8px;
background-color: #efe360aa;
box-shadow: 0 0 10px rgba(101, 23, 23, 0.347);
}

hr {
border: none;
border-top: 1px solid #ddd;
margin: 20px 0;
}

label {
display: block;
margin-bottom: 5px;
font-weight: bold;
font-family: "Rubik";
}

input[type="text"],
input[type="email"] {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
margin-bottom: 0px;
margin-top: 30px;
}

button[type="button"] {
font-family: "Rubik";
background-color: #af952d;
border: none;
color: white;
padding: 15px 60px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
border-radius: 5px;
cursor: pointer;
margin-top: 20px;
width: 100%;
max-width: 200px;
transition: background-color 0.3s;
}

button[type="submit"] {
font-family: "Rubik";
background-color: #af952d;
border: none;
color: white;
padding: 15px 60px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
border-radius: 5px;
cursor: pointer;
margin-top: 20px;
width: 100%;
max-width: 300px;
transition: background-color 0.3s;
}

button:hover {
background-color: #a7742c;
}

.payment-method {
margin-bottom: 20px;
margin-top: 20px;
}

.payment-option {
display: flex;
align-items: center;
padding: 15px;
border: 2px solid #e0973f;
border-radius: 8px;
margin-bottom: 15px;
cursor: pointer;
transition: all 0.3s ease;
background-color: #fff;
cursor: pointer;
}

.payment-option:hover {
background-color: #fffaee;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(168, 111, 57, 0.426);
cursor: pointer;
}

.payment-option input[type="radio"] {
margin-right: 15px;
transform: scale(1.2);
}

.payment-option img {
width: 50px;
height: 50px;
margin-right: 15px;
object-fit: contain;
}

.payment-option label {
flex-grow: 1;
font-weight: 600;
font-size: 16px;
color: #333;
}

.payment-details {
display: none;
margin-top: 15px;
padding: 20px;
background-color: #f4ffbe;
border-radius: 8px;
border: 2px solid #e97949;
cursor: pointer;
margin-bottom: 20px;
}

.payment-details h3 {
margin-bottom: 15px;
color: #b61c0a;
font-size: 20px;
font-family: 'Concert One';
}

.form-group {
margin-bottom: 15px;
}

.form-row {
display: flex;
justify-content: space-between;
}

.form-row .form-group {
width: 48%;
}

.payment-details label {
display: block;
margin-bottom: 5px;
font-weight: 600;
color: #333;
}

.payment-details input[type="text"] {
width: 100%;
padding: 10px;
border: 1px solid #ffccc7;
border-radius: 4px;
font-size: 16px;
transition: border-color 0.3s ease;
}

.payment-details input[type="text"]:focus {
outline: none;
border-color: #8e1609;
box-shadow: 0 0 0 2px rgba(255, 123, 107, 0.2);
}

.payment-details input[type="text"]::placeholder {
color: #ccc;
}

.payment-method input[type="radio"]:checked + .payment-option {
background-color: #ffe5e2;
border-color: #ffb3aa;
}

.coupon-section {
margin-bottom: 20px;
}

.coupon-section input[type="text"] {
width: calc(100% - 110px);
display: inline-block;
}

.coupon-section button {
width: auto;
margin-left: 10px;
padding: 10px 20px;
max-width: none;
}
Loading

0 comments on commit b317769

Please sign in to comment.