Skip to content

Commit

Permalink
Completed
Browse files Browse the repository at this point in the history
  • Loading branch information
@pankajganjale
pankajganjale committed Aug 28, 2021
1 parent 2ef9917 commit c231b10
Showing 1 changed file with 194 additions and 0 deletions.
194 changes: 194 additions & 0 deletions cart.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,194 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/cart.css">
<link rel="stylesheet" href="css/shop.css">
<link rel="stylesheet" href="css/header.css">
</head>
<body>
<!-- Header Starts Here -->
<header>
<div>
<div id="heading_first_row">
<div class="heading_one">
<div>
<img src="https://image.flaticon.com/icons/png/128/927/927667.png" /><a href=""
target="_blank"></a>
</div>
<div>STORE & SPA LOCATOR</div>
</div>
<div class="heading_one">
<div>
<img
src="https://t4.ftcdn.net/jpg/04/41/89/73/240_F_441897335_o5l9z54efVNgBtGnvjMdUVPK2W94k95M.jpg" />
</div>
<div>WISHLIST</div>
</div>
<div class="heading_one">
<div>
<img src="https://image.flaticon.com/icons/png/128/622/622669.png" />
</div>
<div>SEARCH</div>
</div>
<div id="click-log" class="heading_one">
<div>
<img
src="https://static.thenounproject.com/png/3144376-200.png" />
</div>
<div>SIGN IN/UP</div>
</div>
<div class="heading_one">
<div>
<img src="https://image.flaticon.com/icons/png/128/687/687259.png" />
</div>
<div>BAG</div>
</div>
</div>
<div class="heading_two"><img id="img-click"
src="https://cdn.shopify.com/s/files/1/0283/0185/2747/files/[email protected]?v=1588538421">
</div>
<div id="heading_second_row">
<div></div>
<div class="btn1"><button id="disappear"><a id="shop" class="heading_a">SHOP</a></button></div>
<div><a class="heading_a" id="go-to-new">NEW!</a></div>
<div><a class="heading_a">BRANDS</a></div>
<div><a class="heading_a">EXPLORE</a></div>
<div><a class="heading_a">EVENTS</a></div>
<div><a class="heading_a">BLUEREWARDS</a></div>
<div></div>
</div>

<!-- Hover Start -->
<div id="shop_hover">
<div id="first" class="one">
<p><a href="">SKIN CARE</a></p>
<p><a href="">MAKEUP</a></p>
<p><a href="">BATH AND BODY</a></p>
<p><a href="">HAIR</a></p>
<p><a href="">SUN AND TAN</a></p>
<P><a href="">SCENTS & HOME</a></P>
<P><a href="">MEN</a></P>
<P><a href="">GIFTS</a></P>
</div>
<div id="second" class="two"></div>
<div id="third" class="one">
<P>BY CATEGORY</P>
<P><a href="">Shop All</a></P>
<P><a href="">Cleaners</a></P>
<p><a href="">Eye Care</a></p>
<p><a href="">Masks</a></p>
<p><a href="">Sets</a></p>
<p><a href="">Sun Care</a></p>
<p><a href="">Tools & Accessories</a></p>
</div>
<div id="fourth" class="one">
<p>FEATURED</p>
<p><a href="">Best Seller</a></p>
<p><a href="new.html">New Arrivals</a></p>
<p><a href="">Anti-Aging</a></p>
<p><a href="">Antioxidants</a></p>
<p><a href="">Skincare Tools</a></p>
<p><a href="">Supplements</a></p>
<p><a href="">Travel Size</a></p>
<p><a href="">Vitamin C</a></p>
</div>
<div id="fifth" class="one">
<div>
<img src="https://cdn.shopify.com/s/files/1/0283/0185/2747/files/cooling_eye_gel_nav_114x114.jpg?v=1626722614" alt="">
<p><a href="">M-61</a></p>
<p><a href="">Hydraboosyt Cooling Eye Gel</a></p>
<br/>
</div>
<div>
<img src="https://cdn.shopify.com/s/files/1/0283/0185/2747/files/kiehl_s_nav_feature_114x114.jpg?v=1629317112" alt="">
<p><a href="">Kiehl's</a></p>
<spanp><a href="">Retinol daily Microdose Serum</a></span>
</div>
</div>
</div>
<!-- Hover Ends -->
</div>
</header>
<!-- Header Ends Here -->

<div id="bluewards"></div>

<div id="head-id">
<div style="font-size: 20px;">Ready to Ship</div>
<div style="text-align: left; margin-left: 25%">Product</div>
<div>Price</div>
<div style="text-align: left; margin-left: 48%;">Quantity</div>
<div style="text-align: left; margin-left: 32%;">Total</div>
</div>

<hr style="width: 70%; margin: auto;">

<div id="cart-products">
<!-- <div id="head-id">
<div>Ready to Ship</div>
<div>Product</div>
<div>Price</div>
<div>Quantity</div>
<div>Total</div>
</div> -->
</div>

<div class="subtotal">
<p style="color: rgba(18, 40, 76, 0.8); font-size: 16px; padding-right: 10px;">100</p>
<p style="padding-right: 10px; color: #12284c; font-size: 16px;">Subtotal</p>
</div>

<div class="checkout-btn">
<button onclick="window.location.href = 'payment.html'">CHECKOUT</button>
<button><img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMTAwIDMyIiB4bWxucz0iaHR0cDomI3gyRjsmI3gyRjt3d3cudzMub3JnJiN4MkY7MjAwMCYjeDJGO3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4gbWVldCI+PHBhdGggZmlsbD0iIzAwMzA4NyIgZD0iTSAxMiA0LjkxNyBMIDQuMiA0LjkxNyBDIDMuNyA0LjkxNyAzLjIgNS4zMTcgMy4xIDUuODE3IEwgMCAyNS44MTcgQyAtMC4xIDI2LjIxNyAwLjIgMjYuNTE3IDAuNiAyNi41MTcgTCA0LjMgMjYuNTE3IEMgNC44IDI2LjUxNyA1LjMgMjYuMTE3IDUuNCAyNS42MTcgTCA2LjIgMjAuMjE3IEMgNi4zIDE5LjcxNyA2LjcgMTkuMzE3IDcuMyAxOS4zMTcgTCA5LjggMTkuMzE3IEMgMTQuOSAxOS4zMTcgMTcuOSAxNi44MTcgMTguNyAxMS45MTcgQyAxOSA5LjgxNyAxOC43IDguMTE3IDE3LjcgNi45MTcgQyAxNi42IDUuNjE3IDE0LjYgNC45MTcgMTIgNC45MTcgWiBNIDEyLjkgMTIuMjE3IEMgMTIuNSAxNS4wMTcgMTAuMyAxNS4wMTcgOC4zIDE1LjAxNyBMIDcuMSAxNS4wMTcgTCA3LjkgOS44MTcgQyA3LjkgOS41MTcgOC4yIDkuMzE3IDguNSA5LjMxNyBMIDkgOS4zMTcgQyAxMC40IDkuMzE3IDExLjcgOS4zMTcgMTIuNCAxMC4xMTcgQyAxMi45IDEwLjUxNyAxMy4xIDExLjIxNyAxMi45IDEyLjIxNyBaIj48L3BhdGg+PHBhdGggZmlsbD0iIzAwMzA4NyIgZD0iTSAzNS4yIDEyLjExNyBMIDMxLjUgMTIuMTE3IEMgMzEuMiAxMi4xMTcgMzAuOSAxMi4zMTcgMzAuOSAxMi42MTcgTCAzMC43IDEzLjYxNyBMIDMwLjQgMTMuMjE3IEMgMjkuNiAxMi4wMTcgMjcuOCAxMS42MTcgMjYgMTEuNjE3IEMgMjEuOSAxMS42MTcgMTguNCAxNC43MTcgMTcuNyAxOS4xMTcgQyAxNy4zIDIxLjMxNyAxNy44IDIzLjQxNyAxOS4xIDI0LjgxNyBDIDIwLjIgMjYuMTE3IDIxLjkgMjYuNzE3IDIzLjggMjYuNzE3IEMgMjcuMSAyNi43MTcgMjkgMjQuNjE3IDI5IDI0LjYxNyBMIDI4LjggMjUuNjE3IEMgMjguNyAyNi4wMTcgMjkgMjYuNDE3IDI5LjQgMjYuNDE3IEwgMzIuOCAyNi40MTcgQyAzMy4zIDI2LjQxNyAzMy44IDI2LjAxNyAzMy45IDI1LjUxNyBMIDM1LjkgMTIuNzE3IEMgMzYgMTIuNTE3IDM1LjYgMTIuMTE3IDM1LjIgMTIuMTE3IFogTSAzMC4xIDE5LjMxNyBDIDI5LjcgMjEuNDE3IDI4LjEgMjIuOTE3IDI1LjkgMjIuOTE3IEMgMjQuOCAyMi45MTcgMjQgMjIuNjE3IDIzLjQgMjEuOTE3IEMgMjIuOCAyMS4yMTcgMjIuNiAyMC4zMTcgMjIuOCAxOS4zMTcgQyAyMy4xIDE3LjIxNyAyNC45IDE1LjcxNyAyNyAxNS43MTcgQyAyOC4xIDE1LjcxNyAyOC45IDE2LjExNyAyOS41IDE2LjcxNyBDIDMwIDE3LjQxNyAzMC4yIDE4LjMxNyAzMC4xIDE5LjMxNyBaIj48L3BhdGg+PHBhdGggZmlsbD0iIzAwMzA4NyIgZD0iTSA1NS4xIDEyLjExNyBMIDUxLjQgMTIuMTE3IEMgNTEgMTIuMTE3IDUwLjcgMTIuMzE3IDUwLjUgMTIuNjE3IEwgNDUuMyAyMC4yMTcgTCA0My4xIDEyLjkxNyBDIDQzIDEyLjQxNyA0Mi41IDEyLjExNyA0Mi4xIDEyLjExNyBMIDM4LjQgMTIuMTE3IEMgMzggMTIuMTE3IDM3LjYgMTIuNTE3IDM3LjggMTMuMDE3IEwgNDEuOSAyNS4xMTcgTCAzOCAzMC41MTcgQyAzNy43IDMwLjkxNyAzOCAzMS41MTcgMzguNSAzMS41MTcgTCA0Mi4yIDMxLjUxNyBDIDQyLjYgMzEuNTE3IDQyLjkgMzEuMzE3IDQzLjEgMzEuMDE3IEwgNTUuNiAxMy4wMTcgQyA1NS45IDEyLjcxNyA1NS42IDEyLjExNyA1NS4xIDEyLjExNyBaIj48L3BhdGg+PHBhdGggZmlsbD0iIzAwOWNkZSIgZD0iTSA2Ny41IDQuOTE3IEwgNTkuNyA0LjkxNyBDIDU5LjIgNC45MTcgNTguNyA1LjMxNyA1OC42IDUuODE3IEwgNTUuNSAyNS43MTcgQyA1NS40IDI2LjExNyA1NS43IDI2LjQxNyA1Ni4xIDI2LjQxNyBMIDYwLjEgMjYuNDE3IEMgNjAuNSAyNi40MTcgNjAuOCAyNi4xMTcgNjAuOCAyNS44MTcgTCA2MS43IDIwLjExNyBDIDYxLjggMTkuNjE3IDYyLjIgMTkuMjE3IDYyLjggMTkuMjE3IEwgNjUuMyAxOS4yMTcgQyA3MC40IDE5LjIxNyA3My40IDE2LjcxNyA3NC4yIDExLjgxNyBDIDc0LjUgOS43MTcgNzQuMiA4LjAxNyA3My4yIDYuODE3IEMgNzIgNS42MTcgNzAuMSA0LjkxNyA2Ny41IDQuOTE3IFogTSA2OC40IDEyLjIxNyBDIDY4IDE1LjAxNyA2NS44IDE1LjAxNyA2My44IDE1LjAxNyBMIDYyLjYgMTUuMDE3IEwgNjMuNCA5LjgxNyBDIDYzLjQgOS41MTcgNjMuNyA5LjMxNyA2NCA5LjMxNyBMIDY0LjUgOS4zMTcgQyA2NS45IDkuMzE3IDY3LjIgOS4zMTcgNjcuOSAxMC4xMTcgQyA2OC40IDEwLjUxNyA2OC41IDExLjIxNyA2OC40IDEyLjIxNyBaIj48L3BhdGg+PHBhdGggZmlsbD0iIzAwOWNkZSIgZD0iTSA5MC43IDEyLjExNyBMIDg3IDEyLjExNyBDIDg2LjcgMTIuMTE3IDg2LjQgMTIuMzE3IDg2LjQgMTIuNjE3IEwgODYuMiAxMy42MTcgTCA4NS45IDEzLjIxNyBDIDg1LjEgMTIuMDE3IDgzLjMgMTEuNjE3IDgxLjUgMTEuNjE3IEMgNzcuNCAxMS42MTcgNzMuOSAxNC43MTcgNzMuMiAxOS4xMTcgQyA3Mi44IDIxLjMxNyA3My4zIDIzLjQxNyA3NC42IDI0LjgxNyBDIDc1LjcgMjYuMTE3IDc3LjQgMjYuNzE3IDc5LjMgMjYuNzE3IEMgODIuNiAyNi43MTcgODQuNSAyNC42MTcgODQuNSAyNC42MTcgTCA4NC4zIDI1LjYxNyBDIDg0LjIgMjYuMDE3IDg0LjUgMjYuNDE3IDg0LjkgMjYuNDE3IEwgODguMyAyNi40MTcgQyA4OC44IDI2LjQxNyA4OS4zIDI2LjAxNyA4OS40IDI1LjUxNyBMIDkxLjQgMTIuNzE3IEMgOTEuNCAxMi41MTcgOTEuMSAxMi4xMTcgOTAuNyAxMi4xMTcgWiBNIDg1LjUgMTkuMzE3IEMgODUuMSAyMS40MTcgODMuNSAyMi45MTcgODEuMyAyMi45MTcgQyA4MC4yIDIyLjkxNyA3OS40IDIyLjYxNyA3OC44IDIxLjkxNyBDIDc4LjIgMjEuMjE3IDc4IDIwLjMxNyA3OC4yIDE5LjMxNyBDIDc4LjUgMTcuMjE3IDgwLjMgMTUuNzE3IDgyLjQgMTUuNzE3IEMgODMuNSAxNS43MTcgODQuMyAxNi4xMTcgODQuOSAxNi43MTcgQyA4NS41IDE3LjQxNyA4NS43IDE4LjMxNyA4NS41IDE5LjMxNyBaIj48L3BhdGg+PHBhdGggZmlsbD0iIzAwOWNkZSIgZD0iTSA5NS4xIDUuNDE3IEwgOTEuOSAyNS43MTcgQyA5MS44IDI2LjExNyA5Mi4xIDI2LjQxNyA5Mi41IDI2LjQxNyBMIDk1LjcgMjYuNDE3IEMgOTYuMiAyNi40MTcgOTYuNyAyNi4wMTcgOTYuOCAyNS41MTcgTCAxMDAgNS42MTcgQyAxMDAuMSA1LjIxNyA5OS44IDQuOTE3IDk5LjQgNC45MTcgTCA5NS44IDQuOTE3IEMgOTUuNCA0LjkxNyA5NS4yIDUuMTE3IDk1LjEgNS40MTcgWiI+PC9wYXRoPjwvc3ZnPg" alt=""></button>
</div>


<hr>
<!-- Footer Start -->
<div id="foot">
<div id="foot-first">
<p>Get Expert Beauty Insight & Offers</p>
<input type="email" name="" id="email" placeholder="EMAIL ADDRESS">
<button onclick="mailSent()">&rarr;</button>
<div>To learn more about how we use your information and your rights, see Privacy Note</div>
<div class="copyright">Copyright 2021 bluemercury. All Rights Reserved.</div>
</div>
<div>
<p>BLUEMERCURY</p>
<p>Our Company</p>
<p>Store Locator</p>
<p>Spa Menu</p>
<p>Press</p>
<p>Careers</p>
</div>
<div>
<p>MY ACCOUNT</p>
<p>My Account</p>
<p>Blue Rewards</p>
</div>
<div>
<p>CUSTOMER SERVICE</p>
<p>Contact Us</p>
<p>Help & FAQ</p>
<p>Offers</p>
<p>Klarna</p>
</div>
<div>
<p>RESOURCES</p>
<p>Terms & Conditions</p>
<p>Privacy Policy</p>
<p>Accessibility</p>
<p>COVID-19 Updates</p>
</div>
</div>
<!-- Footer End -->
</body>
</html>
<script src="js/cart.js"></script>
<script src="js/header.js"></script>
<script src="js/shop.js"></script>

0 comments on commit c231b10

Please sign in to comment.