-
Notifications
You must be signed in to change notification settings - Fork 0
/
mycart.html
128 lines (107 loc) · 4.06 KB
/
mycart.html
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
<!DOCTYPE html>
<html>
<head>
<title>M3 menwears</title>
<link rel="shortcut icon" href="img/logo.ico" />
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="css/app.css" />
<!-- Include CSS File Here -->
<link rel="stylesheet" href="css/login.css"/>
<link rel="stylesheet" href="css/mycart.css"/>
<!-- Include JS File Here -->
<script src="js/login.js"></script>
</head>
<body>
<header style="background-color: rgb(3, 53, 94); box-shadow: 0 1px 4px rgba(0, 0, 0, .1);">
<div class="container" style="padding-top: 8px;padding-bottom: 8px;">
<div class="grid grid-two">
<a href="index.html"><img src="img/GROOVY.png" alt="logo" style="height: 64px ;" />
</div>
<div class="grid grid-two" style="padding-top: 24px;text-align: right;">
<span><a href="mycart.html" class="cart">My Cart</a></span>
</div>
</div>
</header>
<main class="container">
<nav id="product-nav" class="full">
<li><a href="index.html" class="alias">Home</a></li>
<li><a href="products.html" class="alias">Products</a></li>
<li><a href="about.html" class="alias">About</a></li>
<li><a href="contact.html" class="alias">Contact</a></li>
<li style="float: right" class="aliasright"><a href="login.html">Login</a></li>
<li style="float: right" class="aliasright"><a href="register.html">Register</a></li>
</nav>
</main>
</tr>
</table>
<div class="container">
<section>
<form id="payment" action="menus.html">
<div class="details">
<p id="p1">PAYMENT DETAILS</p>
</div>
<label for=name >Name</label>
<input id="name" name="name" type="text" required autofocus />
<label for=email>Email</label>
<input id="email" name="email" type="email" required /></br>
<label for=phone>Phone</label>
<input id="phone" name="phone" type="tel" required />
<label for=address>Address</label>
<input id="address" name="address" required>
<label for=postcode>House Number</label>
<input id="postcode" name=postcode type="text" required /></br>
<legend id="card">SBI e-pay</legend>
<label for=Enumber>Card Number</label>
<input id=cardnumber name=cardnumber type=number required />
<label for=namecard>CVV</label>
<input type="password" name="password">
<button type=submit style="background-color: rgb(214, 214, 34);">Pay Now</button>
</form>
</section>
</div>
<footer>
<div class="container">
<div class="full">
<div class="grid grid-three">
<h4 class="text-blue">PRODUCTS</h4>
<ul>
<li>T-shirts</li>
<li>Jeans</li>
<li>Shoes</li>
</ul>
</div>
<div class="grid grid-three">
<h4 class="text-blue">LINKS</h4>
<ul>
<li>Team</li>
<li>Products</li>
<li>Price</li>
</ul>
</div>
<div class="grid grid-three">
<h4 class="text-blue">CONTACT</h4>
<ul>
<li>Email</li>
<li>Instagram</li>
<li>Facebook</li>
</ul>
</div>
</div>
</div>
<div style="text-align: center; padding: 16px;">
© Copyright - M3 - Menwears
</div>
</footer>
<script type="text/javascript">
(function(d) {
var products = document.getElementsByClassName('product');
for(var i = products.length - 1;i >= 0 ; --i) {
products[i].onclick = function() {
var src = this.getElementsByTagName('img')[0].src;
document.location.href = 'demo.html#' + src;
}
}
})(document);
</script>
</body>
</html>