-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproducts.html
130 lines (114 loc) · 5.43 KB
/
products.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
<?php
$con=mysqli_connect('localhost','root');
mysqli_select_db($con,'shopify');
$q="select * from product";
$result=mysqli_query($con,$q);
$num=mysqli_num_rows($result);
mysqli_close($con);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Products</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css.style2.css">
<script src="js/jquery.min.js"></script>
<link rel="stylesheet" href="css/footer2.css">
<style>
</style>
</head>
<body>
<!----------Navigation bar-------->
<nav class="navbar navbar-inverse bg-dark">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">Shopify</a>
</div>
<ul class="nav navbar-nav">
<li><a href="#">Home</a></li>
<li><a href="products.php">Product</a></li>
<li><a href="#">About US</a></li>
<li><a href="#">Contact US</a></li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Category <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Kurta</a></li>
<li><a href="#">Casual</a></li>
<li><a href="#">Party</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
<li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
</ul>
</div>
</nav>
<!--------------- Products record ------------->
<div class="mainf productr">
<h1 style="text-align:center">Product Record</h1>
<?php
for($i=1;$i<=$num;$i++)
{
$row=mysqli_fetch_array($result);
?>
<div class="right col-md-4 prod">
<a href="prodet.php?pid=<?=$row["id"]?>" style="color:#1F2124;" ><img src="uploads/<?php echo $row['picture'] ?>" class="col-md-12">
<div class="linkp col-md-12" style="text-align:center"><?php echo $row['product_name'] ?></div></a>
</div>
<?php } ?>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<!---------------Footer ------------->
<section id="footer">
<div class="container">
<div class="row text-center text-xs-center text-sm-left text-md-left">
<div class="col-xs-12 col-sm-4 col-md-4">
<h5>Quick links</h5>
<ul class="list-unstyled quick-links">
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>Home</a></li>
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>About</a></li>
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>FAQ</a></li>
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>Get Started</a></li>
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>Videos</a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-4 col-md-4">
<h5>Quick links</h5>
<ul class="list-unstyled quick-links">
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>Home</a></li>
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>About</a></li>
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>FAQ</a></li>
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>Get Started</a></li>
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>Videos</a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-4 col-md-4">
<h5>Quick links</h5>
<ul class="list-unstyled quick-links">
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>Home</a></li>
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>About</a></li>
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>FAQ</a></li>
<li><a href="javascript:void();"><i class="fa fa-angle-double-right"></i>Get Started</a></li>
<li><a href="https://wwwe.sunlimetech.com" title="Design and developed by"><i class="fa fa-angle-double-right"></i>Imprint</a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 mt-2 mt-sm-5">
<ul class="list-unstyled list-inline social text-center">
<li class="list-inline-item"><a href="javascript:void();"><i class="fa fa-facebook"></i></a></li>
<li class="list-inline-item"><a href="javascript:void();"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="javascript:void();"><i class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="javascript:void();"><i class="fa fa-google-plus"></i></a></li>
<li class="list-inline-item"><a href="javascript:void();" target="_blank"><i class="fa fa-envelope"></i></a></li>
</ul>
</div>
</hr>
</div>
</div>
</section>
<!----------- Footer --------------->
</body>
</html>