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 functionality to buy now button #1281

Merged
merged 1 commit into from
Jul 4, 2024
Merged

added functionality to buy now button #1281

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
207 changes: 207 additions & 0 deletions addtokart/checkout.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,207 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="theme-color" content="#2874F0" id="themeColor">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>checkout</title>
<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="style.css">
<style>
.navbar-brand img {
width: 80px;
}

.searchBar_h {
display: flex;
align-items: center;
}

.searchBar_h input {
width: 300px;
padding: 5px 10px;
border-radius: 5px;
border: 1px solid #ccc;
}

.searchBar_h i {
padding: 3px 10px;
border-radius: 0 5px 5px 0;
background-color: #fff;
/* border: 1px solid #ccc; */
cursor: pointer;
}

.btn-primary a {
color: #fff;
text-decoration: none;
}

.b_a_s, #more_h, .cartLogoandname {
margin-left: 15px;
}

.cartLogoandname img {
width: 24px;
}

.secondNav .nav-link {
display: flex;
align-items: center;
padding: 8px 15px;
color: #000;
}

.secondNav .nav-link i {
margin-left: 5px;
}

.navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28155,155,155,1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
</style>
</head>

<body>

<!-- Header -->
<header id="header-bluebg">
<nav class="container-fluid" style="background-color: #2874F0;">
<div class="container">
<nav class="navbar bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand" href="../">
<img src="../img/flipcartlogo.PNG" alt="Brand Logo">
</a>

</div>
</div>
</nav>
</div>
</nav>

<nav class="navbar navbar-expand-lg bg-body-tertiary secondNav container-fluid">
<div class="container">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">

</div>
</div>
</nav>
</header>
<main>
<div class="first-container"> <!--LtTRsN-->
<div class="Pg+ADy AWaTLw">
<h3 class="login-text-container text"><!--RLOpCf _0pnO36-->
<span class="number">1</span><!---tHjid-->
<span class="login-text">Login or Signup</span><!--PXFoIh-->
</h3>
<div class="pMJ9ZM">
<div>
<div class="eiJRN2 row">
<div class="col col-5-12">
<div class="A03VS-">
<form>
<div class="I-qZ4M _3789DR">
<input maxlength="auto" autocomplete="off" type="text" class="r4vIwl Jr-g+f" value="" placeholder="Enter Email/Mobile number" style="background-color: transparent; border: none; text-decoration: underline;">
<span class="UfYqpu"></span>
<!--<label class="Gq-80a"><span>Enter Email/Mobile number</span></label>-->
</div>
<div class="EpHS0A">
By continuing, you agree to Flipkart's
<a class="c9RDXR" target="_blank" href="/pages/terms">Terms of Use</a> and
<a class="c9RDXR" target="_blank" href="/pages/privacypolicy">Privacy Policy</a>.
</div>
<div class="aPGMpN">
<button class="QqFHMw YhpBe+ _7Pd1Fp" type="submit" style="background-color: #fb641b; color: #fff; border: none;">CONTINUE</button>
<!--<div class="lK-0ST QGf3UH">
<svg class="dN-Hpt" viewBox="25 25 50 50">

</svg>
</div>-->
<!--<span>CONTINUE</span>-->
<!--</button>-->
</div>
</form>
</div>
</div>
<div class="p9bih- col col-7-12">
<div class="T5aONK">
<span>Advantages of our secure login</span>
<ul>
<li class="-1CINL">
<svg width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="GG3DXG">
<g fill="none" fill-rule="evenodd">
<path d="M9.466 18.257h4.87c0 1.764 1.42 3.195 3.174 3.195a3.185 3.185 0 0 0 3.175-3.195H22.5c.276 0 .499-.23.499-.496v-5.57l-3.273-4.868h-3.261V4.645a.497.497 0 0 0-.497-.502H1.497A.498.498 0 0 0 1 4.645v13.11c0 .277.219.502.497.502h1.62a3.185 3.185 0 0 0 3.175 3.195 3.185 3.185 0 0 0 3.174-3.195zm6.978-8.381H18.7l2.214 3.057h-4.47V9.876zm2.644 8.381c0 .877-.706 1.588-1.578 1.588a1.583 1.583 0 0 1-1.578-1.588c0-.877.706-1.588 1.578-1.588.872 0 1.578.71 1.578 1.588zm-11.218 0c0 .877-.707 1.588-1.578 1.588a1.583 1.583 0 0 1-1.579-1.588c0-.877.707-1.588 1.579-1.588.871 0 1.578.71 1.578 1.588z" fill="#2874f0"></path>
</g>
</svg>
<span>Easily Track Orders, Hassle free Returns</span>
</li>
<li class="-1CINL">
<svg class="GG3DXG" width="18" height="18" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<path class="GG3DXG" d="M8.037 17.546c1.487 0 2.417-.93 2.417-2.417H5.62c0 1.486.93 2.415 2.417 2.415m5.315-6.463v-2.97h-.005c-.044-3.266-1.67-5.46-4.337-5.98v-.81C9.01.622 8.436.05 7.735.05 7.033.05 6.46.624 6.46 1.325v.808c-2.667.52-4.294 2.716-4.338 5.98h-.005v2.972l-1.843 1.42v1.376h14.92v-1.375l-1.842-1.42z"></path>
</g>
</svg>
<span>Get Relevant Alerts and Recommendation</span>
</li>
<li class="-1CINL">
<span class="GG3DXG">★</span>
<span>Wishlist, Reviews, Ratings and more.</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="LtTRsN">
<div class="Pg+ADy AWaTLw">
<h3 class="text"><!--_0pnO36-->
<span class="number">2</span>
<span class="login-text">Delivery Address</span>
</h3>
<div class="pMJ9ZM"></div>
</div>
</div>
<div class="LtTRsN">
<div class="Pg+ADy AWaTLw">
<h3 class="text">
<span class="number">3</span>
<span class="login-text">Order Summary</span>
</h3>
<div class="pMJ9ZM"></div>
</div>
</div>
<div class="Pg+ADy AWaTLw">
<h3 class="text">
<span class="number">4</span>
<span class="login-text">Payment Options</span>
</h3>
<div class="pMJ9ZM">

</div>
</div>



</main>
<footer>
<div class="footer-right">
Policies:Returns | Policy | Terms of use | Security | Privacy | Infringement | © 2007-2024 Flipkart.com
</div>
<div class="footer-left">
Need help? Visit the <span>Help Center</span> or <span>Contact Us</span>
</div>
</footer>

</body>
</html>
Loading
Loading