-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
170 lines (158 loc) · 7.58 KB
/
index.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
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<!DOCTYPE html>
<html lang="en">
<head>
<title>Swaggy Kuteer</title>
<link rel="shortcut icon" href="images/logo.png" type="image/x-icon">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/bootstrap.min.css" media="screen" title="no title" charset="utf-8">
<link rel="stylesheet" href="css/master.css" media="screen" title="no title" charset="utf-8">
<link rel="stylesheet" href="css/style.css" media="screen" title="no title" charset="utf-8">
<script type="text/javascript" src="js/jquery-2.2.2.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="controllers/mainController.js"></script>
<script type="text/javascript" src="js/angular-animate.js"></script>
<!--<script type='text/javascript' src='path/to/ng-infinite-scroll.min.js'></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/ngInfiniteScroll/1.3.0/ng-infinite-scroll.min.js"></script>
<style>
/* Remove the navbar's default rounded borders and increase the bottom margin */
.navbar {
margin-bottom: 50px;
border-radius: 0;
}
/* Remove the jumbotron's default bottom margin */
/*.jumbotron {
background-image: url("images/swaggyKuteerBanner.PNG");
margin-bottom: 0;
}*/
/* Add a gray background color and some padding to the footer */
footer {
background-color: #f2f2f2;
padding: 25px;
}
#banner {
height: 60px;
background-image:url("images/swaggyKuteerBanner.PNG");
margin-top: 0px;
margin-bottom: 0px;
width: 996px;
padding: 0px;
}
</style>
</head>
<body ng-app="userApp" ng-controller="userCtrl" data-ng-init="init(1)">
<div class="jumbotron" >
<div class="container text-primary glyphicon-bold">
<h2>Swaggy Kuteer</h2>
<p>Swag up your Kuteer our way!</p>
</div>
</div>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Logo</a>
</div>`
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li><a href="admin.html" >Admin</a></li>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Deals</a></li>
<li><a href="#">Stores</a></li>
<li><a href="#">Contact</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><span class="glyphicon glyphicon-user"></span> Your Account</a></li>
<li><a href="#"><span class="glyphicon glyphicon-shopping-cart"></span> Cart</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="row" >
<!-- Expression is the function which call everytime when element rached to bottom of the window. ,
Here number represent the how close the elemet to the browser window. like if we set to 1. it means that will call infinite scroll when bottom is above 1000px.-->
<div infinite-scroll="init(1)" infinite-scroll-distance="1">
<div class="col-sm-4 animateload" ng-repeat="product in products">
<div class="panel panel-primary" >
<div class="panel-heading">{{ product.name}}</div>
<div class="panel-body">
<img src="slider-images/{{product.imagename}}.jpg"
class="img-responsive" height="320" width="420" alt="Image" /> <!-- onError="this.onError=null;this.src='images/swaggyKuteer.jpg';" style="width:100%"-->
<div class="panel-info">{{ product.shortdescription}}</div>
<div class="panel-title"> <a ng-href="product.html?id:{{product._id}}" style="color:#000000">{{product.name}}</a></div>
</div>
<div class="panel-footer">{{ product.price}}</div>
</div>
</div>
</div>
<!--<div class="col-sm-4">
<div class="panel panel-danger">
<div class="panel-heading">FEATURED COLLECTION</div>
<div class="panel-body"><img src="slider-images/img6.jpg" class="img-responsive" style="width:100%" alt="Image"></div>
<div class="panel-footer">{{ product.shortDescription}}</div>
</div>
</div>
<div class="col-sm-4">
<div class="panel panel-success">
<div class="panel-heading">FEATURED COLLECTION</div>
<div class="panel-body"><img src="slider-images/img7.jpg" class="img-responsive" style="width:100%" alt="Image"></div>
<div class="panel-footer">Buy 50 mobiles and get a gift card</div>
</div>
</div>-->
</div>
</div><br>
<!--<div class="container">
<div class="row">
<div class="col-sm-4">
<div class="panel panel-primary">
<div class="panel-heading">COLLECTION</div>
<div class="panel-body"><img src="slider-images/img8.jpg" class="img-responsive" style="width:100%" alt="Image"></div>
<div class="panel-footer">Buy 50 mobiles and get a gift card</div>
</div>
</div>
<div class="col-sm-4">
<div class="panel panel-primary">
<div class="panel-heading">COLLECTION</div>
<div class="panel-body"><img src="slider-images/img9.jpg" class="img-responsive" style="width:100%" alt="Image"></div>
<div class="panel-footer">Buy 50 mobiles and get a gift card</div>
</div>
</div>
<div class="col-sm-4">
<div class="panel panel-primary">
<div class="panel-heading">COLLECTION</div>
<div class="panel-body"><img src="slider-images/img10.jpg" class="img-responsive" style="width:100%" alt="Image"></div>
<div class="panel-footer">Buy 50 mobiles and get a gift card</div>
</div>
</div>
</div>
</div><br><br>
<div class="container">
<div class="row">
<div class="col-sm-4">
<div class="panel panel-primary" ng-repeat="product in products">
<div class="panel-heading">COLLECTION</div>
<div class="panel-body"><img src="slider-images/img8.jpg" class="img-responsive" style="width:100%" alt="Image"></div>
<div class="panel-footer">{{ product.shortDescription}}</div>
</div>
</div>
</div>
</div>-->
<footer class="container-fluid text-center">
<p>Swaggy Kuteer Copyright</p>
<form class="form-inline">Get deals:
<input type="email" class="form-control" size="50" placeholder="Email Address">
<button type="button" class="btn btn-danger">Sign Up</button>
</form>
</footer>
</body>
</html>