forked from edmundophie/ETB
-
Notifications
You must be signed in to change notification settings - Fork 0
/
purchasepage.html
153 lines (142 loc) · 5.29 KB
/
purchasepage.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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="favicon.ico">
<title>E-BukuBekas</title>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/profil.css" rel="stylesheet">
</head>
<body>
<!-- Fixed navbar -->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">E-BukuBekas</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Browse <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li class="dropdown-header">Category</li>
<li class="divider"></li>
<li><a href="#">Category #1</a></li>
<li><a href="#">Category #2</a></li>
<li><a href="#">Category #3</a></li>
<li><a href="#">Category #...</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<div class="search-wrap">
<input type="text" class="form-control" placeholder="Search">
<span class="glyphicon glyphicon-search"></span>
</div>
</li>
<li><a href="shoppingcart.html"><span class="glyphicon glyphicon-shopping-cart"></span></a></li>
<li><a href="#"><span class="glyphicon glyphicon-bell"></span></a></li>
<li><a href="#" class="red"><span class="glyphicon glyphicon-envelope"></span> <strong>2</strong></a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Welcome, Edmund <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="./"><span class="glyphicon glyphicon-user"></span> My profile</a></li>
<li><a href="./"><span class="glyphicon glyphicon-wrench"></span> Settings</a></li>
<li><a href="./"><span class="glyphicon glyphicon-log-out"></span> Logout</a></li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<!-- Main content goes here! -->
<div class="container main">
<h4>Purchase Page</h4>
<div class="r1 container">
<h5>Metode Pembayaran:</h5>
<!-- Search box Start -->
<form>
<div class="well carousel-search hidden-sm">
<div class="btn-group"> <a class="btn btn-default dropdown-toggle btn-select" data-toggle="dropdown" href="#">Pilih metode transaksi <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Cash on Delivery</a></li>
<li><a href="#">Transfer BCA to BCA</a></li>
<li><a href="#">Other</a></li>
</ul>
</div>
</div>
</form>
<h5>Tujuan Transfer:</h5>
<form>
<div class="well carousel-search hidden-sm">
<div class="btn-group"> <a class="btn btn-default dropdown-toggle btn-select2" data-toggle="dropdown" href="#">Pilih alamat transfer:<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Aryya Dwisatya Widhigda (xxx-xxxx-xxx)</a></li>
<li><a href="#">Muhammad Husain Jakfari (xxx-xxxx-xxx)</a></li>
</li>
</ul>
</div>
</div>
</form>
<!-- Search box End -->
<h5>Total Pembelian: <strong>Rp128,000</strong></h5>
<br>
<center><a class="btn btn-large btn-primary" href="index.html">Bayar</a></center>
</div>
</div>
<div class="clear"></div>
<div class="footer">
<div class="container">
<div class="col-xs-3 contact-wrap">
<span class="contact">
<button class="btn btn-primary btn-lg btn-block">Hubungi E-BukuBekas</button>
<h2><a href="#">E-BukuBekas</a></h2>
</span>
</div>
<div class="col-xs-9">
<div class="col-xs-4">
<ul class="list-unstyled">
<h4>E-BukuBekas</h4>
<li><a href="#"><a href="#">Tentang E-BukuBekas</a></li>
<li><a href="#">Aturan Penggunaan</a></li>
<li><a href="#">Kebijakan Privasi</a></li>
<li><a href="#">Berita & Pengumuman</a></li>
<li><a href="#">Karir</a></li>
</ul>
</div>
<div class="col-xs-4">
<ul class="list-unstyled">
<h4>Pembelian</h4>
<li><a href="#">Cara Belanja</a></li>
<li><a href="#">Pembayaran</a></li>
<li><a href="#">Jaminan Aman</a></li>
<li><a href="#">Tips Berbelanja</a></li>
</ul>
</div>
<div class="col-xs-4">
<ul class="list-unstyled">
<h4>Penjualan</h4>
<li><a href="#">Cara Berjualan</a></li>
<li><a href="#">Keuntungan Jualan</a></li>
<li><a href="#">Tips Berjualan</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container copyright">
<p>© 2014 Copyright E-BukuBekas. All Rights Reserved.</p>
</div>
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>