-
Notifications
You must be signed in to change notification settings - Fork 517
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
added functionality to buy now button
- Loading branch information
1 parent
ef64321
commit 86b7540
Showing
4 changed files
with
10,190 additions
and
33 deletions.
There are no files selected for viewing
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,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> |
Oops, something went wrong.