-
Notifications
You must be signed in to change notification settings - Fork 0
/
wishlist_page.html
113 lines (110 loc) · 6.87 KB
/
wishlist_page.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Furniture Shop</title>
<!-- Bootstrap Styling -->
<link rel="stylesheet" href="Assets/css/style.css">
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<!-- Font Awesome JS -->
<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<!-- script-->
<script src="http://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</head>
<body>
<div id="flipkart-navbar">
<div class="container">
<div class="row row1">
<ul class="largenav pull-right">
<li class="upper-links">
<a class="links" href="#">
<svg class="" width="16px" height="12px" style="overflow: visible;">
<path d="M8.037 17.546c1.487 0 2.417-.93 2.417-2.417H5.62c0 1.486.93 2.415 2.417 2.415m5.315-6.463v-2.97h-.005c-.044-3.266-1.67-5.46-4.337-5.98v-.81C9.01.622 8.436.05 7.735.05 7.033.05 6.46.624 6.46 1.325v.808c-2.667.52-4.294 2.716-4.338 5.98h-.005v2.972l-1.843 1.42v1.376h14.92v-1.375l-1.842-1.42z" fill="#fff"></path>
</svg>
</a>
</li>
<li class="upper-links dropdown"><a class="links" href="#">Profile</a> <!-- PHP nnti di sini-->
<ul class="dropdown-menu">
<li data-toggle="modal" data-target="#mylogin"><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
<li class="profile-li"><a class="profile-links" href="#">Logout</a></li>
</ul>
</li>
</ul>
</div>
<div class="row row2">
<div class="col-sm-2">
<h2 style="margin:0px;"><span class="smallnav menu" onclick="openNav()">☰ Toko Mabel</span></h2>
<h1 style="margin:0px;"><span class="largenav">Toko Mabel</span></h1>
</div>
<div class="flipkart-navbar-search smallsearch col-sm-8 col-xs-11">
<div class="row">
<input class="flipkart-navbar-input col-xs-11" type="" placeholder="Search for Products, Brands and more" name="">
<button class="flipkart-navbar-button col-xs-1">
<svg width="15px" height="15px">
<path d="M11.618 9.897l4.224 4.212c.092.09.1.23.02.312l-1.464 1.46c-.08.08-.222.072-.314-.02L9.868 11.66M6.486 10.9c-2.42 0-4.38-1.955-4.38-4.367 0-2.413 1.96-4.37 4.38-4.37s4.38 1.957 4.38 4.37c0 2.412-1.96 4.368-4.38 4.368m0-10.834C2.904.066 0 2.96 0 6.533 0 10.105 2.904 13 6.486 13s6.487-2.895 6.487-6.467c0-3.572-2.905-6.467-6.487-6.467 "></path>
</svg>
</button>
</div>
</div>
<div class="cart largenav col-sm-2">
<a class="cart-button" href="wishlist_page.html">
<svg class="cart-svg " width="16 " height="16 " viewBox="0 0 16 16 ">
<path d="M15.32 2.405H4.887C3 2.405 2.46.805 2.46.805L2.257.21C2.208.085 2.083 0 1.946 0H.336C.1 0-.064.24.024.46l.644 1.945L3.11 9.767c.047.137.175.23.32.23h8.418l-.493 1.958H3.768l.002.003c-.017 0-.033-.003-.05-.003-1.06 0-1.92.86-1.92 1.92s.86 1.92 1.92 1.92c.99 0 1.805-.75 1.91-1.712l5.55.076c.12.922.91 1.636 1.867 1.636 1.04 0 1.885-.844 1.885-1.885 0-.866-.584-1.593-1.38-1.814l2.423-8.832c.12-.433-.206-.86-.655-.86 " fill="#fff "></path><a href="wishlist_page.html"></a>
</svg> Keranjang
<span class="item-number ">0</span> <!-- dsini juga nanti PHP-->
</a>
</div>
</div>
</div>
</div>
<br></br><br></br><br></br>
<div class="cart-wrap">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="main-heading mb-10">My wishlist</div>
<div class="table-wishlist">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<thead>
<tr>
<th width="45%">Product Name</th>
<th width="15%">Unit Price</th>
<th width="15%">Stock Status</th>
<th width="15%"></th>
<th width="10%"></th>
</tr>
</thead>
<tbody>
<tr>
<td width="45%">
<div class="display-flex align-center">
<div class="img-product">
<img src="Assets/images/sample.png"" alt="" class="mCS_img_loaded">
</div>
<div class="name-product">
Nama Barang
</div>
</div>
</td>
<td width="15%" class="price">Harga</td>
<td width="15%"><span class="in-stock-box">In Stock</span></td>
<td width="15%"><button class="round-black-btn small-btn"><a href="checkout_page.html">Beli</button></td>
<td width="10%" class="text-center"><a href="#" class="trash-icon"><i class="far fa-trash-alt"></i></a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</body>
</html>