diff options
| author | Kumar Priyansh <[email protected]> | 2019-06-03 05:51:24 +0530 |
|---|---|---|
| committer | Kumar Priyansh <[email protected]> | 2019-06-03 05:51:24 +0530 |
| commit | e65a527c22e28574aaf68bfddd13e9c4506b077d (patch) | |
| tree | 1493a294b2909b1223c38f142a5fe914b00db928 | |
| parent | 421d30ef510f428f2971687395e2f922bf333ae3 (diff) | |
| download | firebase-ecommerce-e65a527c22e28574aaf68bfddd13e9c4506b077d.tar.xz firebase-ecommerce-e65a527c22e28574aaf68bfddd13e9c4506b077d.zip | |
Created Cart Page
| -rw-r--r-- | dashboard/cart/index.html | 76 |
1 files changed, 76 insertions, 0 deletions
diff --git a/dashboard/cart/index.html b/dashboard/cart/index.html new file mode 100644 index 0000000..885289f --- /dev/null +++ b/dashboard/cart/index.html @@ -0,0 +1,76 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <title>Firebase ECommerce Solution</title><style> + #snackbar { + visibility: hidden; + min-width: 250px; + background-color: rgb(231, 81, 81); + color: #fff; + text-align: center; + border-radius: 2px; + padding: 16px; + position: fixed; + z-index: 1; + top: 30px; + right:30px; + } + #snackbar.show { + visibility: visible; + -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; + animation: fadein 0.5s, fadeout 0.5s 2.5s; + } + @-webkit-keyframes fadein { + from {opacity: 0;} + to { opacity: 1;} + } + + @keyframes fadein { + from { opacity: 0;} + to { opacity: 1;} + } + + @-webkit-keyframes fadeout { + from {opacity: 1;} + to {opacity: 0;} + } + + @keyframes fadeout { + from {opacity: 1;} + to {opacity: 0;} + } + .middle { + margin: 0 auto; + width: 50%; + justify-content: center; + justify-items: center; + align-content: center; + align-items: center; + } + #signout { + position: absolute; + top: 25px; + right: 25px; + } + #cart { + position: absolute; + top: 25px; + right: 105px; + } + </style> +</head> +<body> + <div id="snackbar">Some text some message..</div> + <h2 class="title">Firebase ECommerce</h2> + <button id="cart">View Cart</button> + <button id="signout">Signout</button> + <div id="loader"></div> + <script src="../../shared/jquery.js"></script> + <script src="https://www.gstatic.com/firebasejs/6.1.0/firebase.js"></script> + <script src="../../shared/firebaseConfig.js"></script> + <script src="../../shared/Dashboard.js"></script> +</body> +</html>
\ No newline at end of file |