-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcart.html
More file actions
130 lines (118 loc) · 6.42 KB
/
Copy pathcart.html
File metadata and controls
130 lines (118 loc) · 6.42 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name ="viewsport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<title>CCL PROJECT</title>
<link rel="stylesheet" href="CC.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<nav class="blue accent-4">
<div class="nav-wrapper">
<a href="CC.html" class="brand-logo m-1-2">
<i style="font-size: 3rem!important;"
class="material-icons">store</i>Samsung Store
</a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li>
<a href="#">Shopping Cart <span id="cart_n"></span></a>
</li>
</ul>
</div>
</nav>
</header>
<div class="container">
<div class="row" id="row2">
<table>
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Remove</th>
<th scope="col">Image</th>
<th scope="col">Name</th>
<th scope="col">Quantity</th>
<th scope="col">Price</th>
</tr>
</thead>
<tbody id="tableProducts">
</tbody>
<tfoot id="total">
</tfoot>
</table>
</div>
</div>
<div id="modal1" class="modal">
<div class="modal-content">
<div class="row">
<form autocomplete="off" id="formCart" class="col s12">
<div class="row">
<div class="input-field col s12">
<i class="material-icons prefix">account_circle</i>
<input required id="userName" type="text"
class="validate">
<label for="icon_prefix"> Name</label>
</div>
<div class="input-field col s12">
<i class="material-icons prefix">
email
</i>
<input type="email" required id="userEmail"
class="validate" >
<label for="icon_prefix">E-mail</label>
</div>
<div class="input-field col s12">
<i class="material-icons prefix">
home
</i>
<input type="text" required id="userAddress"
class="validate" >
<label for="icon_prefix">Address</label>
</div>
<div class="input-field col s12">
<select id="userSelect" class="browser-default">
<option value="Credit Card 1">Credit Card 1</option>
<option value="Credit Card 2">Credit Card 2</option>
<option value="Credit Card 3">Credit Card 3</option>
</select>
</div>
<div class="input-field col s12">
<i class="material-icons prefix">
credit_card
</i>
<input type="text" required id="userPin"
class="validate" >
<label for="icon_prefix">Enter Card Number</label>
</div>
<div class="input-field col s12">
<i class="material-icons prefix">
credit_card
</i>
<input type="text" required id="userCCV" class="validate">
<label for="icon_prefix">Enter CCV </label>
</div>
</div>
<button class="btn modal-close waves-effect waves-light"
type="submit" name="action" >Place Order
<i class="material-icons right">send</i>
</button>
</form>
</div>
</div>
</div>
<script src="https://www.gstatic.com/firebasejs/8.6.8/firebase-app.js"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="https://www.gstatic.com/firebasejs/8.6.8/firebase-auth.js"></script>
<script defer src="https://www.gstatic.com/firebasejs/8.6.8/firebase-firestore.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.8/firebase-database.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.4.6/dist/sweetalert2.all.min.js"></script>
<script src="cart.js" ></script>
</body>
</html>