-
Notifications
You must be signed in to change notification settings - Fork 0
/
detailProducts.html
294 lines (277 loc) · 16.9 KB
/
detailProducts.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
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./sb-admin-2.css">
<link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="./owl.carousel.min.css">
<title>Công ty phần mềm DIP Vietnam - Tư vấn giải pháp quản lý doanh nghiệp - DIP Vietnam</title>
<link rel="icon" type="image/x-icon" href="./assets/66709054-home-icon-home-website-button-on-white-background-.jpg">
</head>
<body>
<nav class="navbar navbar-light navbar-expand-lg bg-nav fixed-top mb-4">
<a href="home.html" class="navbar-brand"><img src="./assets/dipvietnam.png" width="200" height="50" alt="Logo"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto font-weight-bold ">
<li class="nav-item">
<a href="home.html" class="nav-link text-gray-900">Danh sách sản phẩm</a>
</li>
<li class="nav-item">
<a href="customer.html" class="nav-link text-gray-900">Khách hàng</a>
</li>
<li class="nav-item">
<a href="index.html" class="nav-link mr-2 mb-sm-2 mb-2 text-gray-900">Đăng nhập</a>
</li>
<li class="nav-item">
<a href="register.html" class="nav-link text-gray-900">Đăng ký</a>
</li>
</ul>
</div>
</nav>
<div class="header d-flex flex-column align-items-center justify-content-center">
<h2 class="text-light text-uppercase font-weight-bold text-spacing-header header-text"> Landmark 81</h2>
<br>
<a href="#blocks" class="text-light text-uppercase btn btn-option border-success header-button">Chọn khu nhà</a>
</div>
<div id="blocks" class="mx-4 mb-5 p-4">
<h5 class="text-primary text-uppercase font-weight-bold text-spacing mb-2">Eat and stay like a local</h5>
<h2 class="font-weight-bold text-gray-900">Our blocks</h2>
</div>
<div href="#allRooms" class="container">
<div id="products" class="row p-0 m-0">
</div>
<!-- <div class="owl-carousel owl-theme loop">
<a href="#allRooms" id="1" class="card img-fluid mr-3 mt-2 card-blocks">
<img class="card-img-top " src="./assets/img-example/anthony-delanoix-Q0-fOL2nqZc-unsplash.jpg" alt="">
<div class="card-img-overlay text-light bg-img">
<h6 class="text-uppercase font-weight-bolder text-spacing">Paris</h6>
<p class="card-text text-sm card-text">Artist capital of Europe</p>
</div>
</a>
<a href="#allRooms" id="2" class="card img-fluid mr-3 mt-2 card-blocks">
<img class="card-img-top" src="./assets/img-example/charlie-gallant-I0TFurj83AY-unsplash.jpg" alt="">
<div class="card-img-overlay text-light bg-img">
<h6 class="text-uppercase font-weight-bolder text-spacing">Israel</h6>
<p class="card-text text-sm card-text">City of hundred towers</p>
</div>
</a>
<a href="#allRooms" id="3" class="card img-fluid mr-3 mt-2 card-blocks">
<img class="card-img-top" src="./assets/img-example/fredy-martinez-frd7WNzipdU-unsplash.jpg" alt="">
<div class="card-img-overlay text-light bg-img">
<h6 class="text-uppercase font-weight-bolder text-spacing">VietNam</h6>
<p class="card-text text-sm card-text">The top Country of travel </p>
</div>
</a>
<a href="#allRooms" id="4" class="card img-fluid mr-3 mt-2 card-blocks">
<img class="card-img-top" src="./assets/img-example/charles-postiaux-e3pwUtMN-_s-unsplash.jpg" alt="">
<div class="card-img-overlay text-light bg-img">
<h6 class="text-uppercase font-weight-bolder text-spacing">Island</h6>
<p class="card-text text-sm card-text">City of hundred towers</p>
</div>
</a>
<a href="#allRooms" id="5" class="card img-fluid mr-3 mt-2 card-blocks">
<img class="card-img-top" src="./assets/img-example/darcey-beau-wD1gm2Vwc5I-unsplash.jpg" alt="">
<div class="card-img-overlay text-light bg-img">
<h6 class="text-uppercase font-weight-bolder text-spacing">Dubai</h6>
<p class="card-text text-sm card-text">Dalí, Gaudí, Barrio Gotico</p>
</div>
</a>
</div> -->
</div>
<div class="container-fluid bg-content">
<div class="mb-4">
<h5 class="text-uppercase text-danger font-weight-bold text-spacing">Hurry up, these are expiring soon</h5>
<nav class="navbar navbar-expand-lg mb-4 d-lg-flex d-sm-block">
<h2 class="font-weight-bold text-gray-900 mr-4">Our rooms</h2>
<div id="countRooms" class="row">
</div>
</nav>
<div id="infoRoom" class="modal fade" role="dialog">
<div class="modal-dialog modal-xl">
<div class="modal-content p-2">
<div class="row">
<div class="col-lg-6 col-12">
<div id="carousel-custom" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="mb-2" style="width:100%;height:400px">
<img src="./assets/rooms-img/alexandra-gorn-JIUjvqe2ZHg-unsplash.jpg" alt="image" class="img-fluid image">
</div>
</div>
<div class="carousel-item">
<div class="mb-2" style="width:100%;height:400px">
<img src="./assets/rooms-img/deborah-cortelazzi-gREquCUXQLI-unsplash.jpg" alt="image" class="img-fluid image">
</div>
</div>
<div class="carousel-item ">
<div class="mb-2" style="width:100%;height:400px">
<img src="./assets/rooms-img/kara-eads-L7EwHkq1B2s-unsplash.jpg" alt="image" class="img-fluid image">
</div>
</div>
<div class="carousel-item">
<div class="mb-2" style="width:100%;height:400px">
<img src="./assets/rooms-img/vinicius-amnx-amano-17NCG_wOkMY-unsplash.jpg" alt="image" class="img-fluid image">
</div>
</div>
<a href="#carousel-custom" class="carousel-control-prev" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#carousel-custom" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>
</div>
</div>
<div class="col-lg-6 p-1 d-flex flex-column">
<div class="modal-header">
<h5 class="text-gray-900 font-weight-bold my-3">Thông tin chi tiết</h5>
</div>
<div id="detailRoom" class="modal-body text-gray-700">
</div>
<div class="row d-flex justify-content-center">
<div id="info" class=" px-3 m-2 border-hover" role="button">
<i class='fab fa-amazon-pay' style='font-size:24px;color:black'></i>
</div>
<div id="payMents" class="px-3 m-2" role="button">
<i class='fas fa-universal-access' style='font-size:24px;color:black'></i>
</div>
</div>
<div class="modal-footer" >
<button id="buyNow" class="btn btn-primary" data-dismiss="modal">Mua Ngay</button>
<button class="btn btn-danger" data-dismiss="modal">Thoát</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="allRooms" class="row m-0 p-0 d-flex">
<div class="d-lg-flex d-sm-block">
<img class="" src="./assets/smile.jpg" style="width: 100%;">
<h4 class="font-weight-bold text-gray-900">Hãy chọn phân khu để biết thông tin chi tiết <a href="#blocks"><i class="fas fa-angle-double-right"></i></a></h4>
</div>
</div>
</div>
</div>
<div class="page-footer pt-5 ">
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="mb-4">
<h5 class="mb-2 text-gray-400">Về chúng tôi</h5>
<div class="progress mb-2" style="height: 3px">
<div class="progress-bar bg-danger" style="width:30%"></div>
</div>
<div>
<span>DIP Vietnam - Hơn 15 năm kinh nghiệm xây dựng và phát triển các giải pháp phần mềm quản lý thông minh, chính xác, tối ưu nhất và chi phí đầu tư hợp lý theo đặc thù sản xuất kinh doanh và quy mô của từng doanh nghiệp để luôn là "điểm dừng của sự lựa chọn" từ phía Quý khách hàng.</span>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="mb-4">
<h5 class="mb-2 text-gray-400">Chính Sách</h5>
<div class="progress mb-2" style="height: 3px">
<div class="progress-bar bg-danger" style="width:50%"></div>
</div>
<ul class="list-unstyled">
<li><a href="#" >Chính sách bảo hành</a></li>
<li><a href="#" >Tin tức tuyển dụng</a></li>
<li><a href="#" >Dùng thử miễn phí</a></li>
<li><a href="#" >Đăng kí tư vấn</a></li>
<li><a href="#" >Nâng cấp sản phẩm</a></li>
</ul>
</div>
</div>
<div class="col-lg-4">
<div class="mb-4">
<h5 class="mb-2 text-gray-400">Đăng ký nhận tin</h5>
<div class="progress mb-2" style="height: 3px">
<div class="progress-bar bg-danger" style="width: 40%"></div>
</div>
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="Email của bạn...">
<div class="input-group-append">
<button class="btn btn-primary" type="submit">Đăng ký</button>
</div>
</div>
<a href="#">
<img src="./assets/copyscape-banner-blue-110x36.png" alt="logo">
</a>
<a href="#">
<img src="./assets/DMCA_logo-grn-btn100w.png" alt="logo">
</a>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="mb-4">
<h5 class="mb-2 text-gray-400">Văn Phòng TP.HCM</h5>
<div class="progress mb-2" style="height: 3px">
<div class="progress-bar bg-danger" style="width:40%"></div>
</div>
<ul class="list-unstyled">
<li>A1-04 Tòa nhà Hoàng Anh Gia Lai, 37 Nguyễn Văn Hưởng, P.Thảo Điền, Q2, TP.Hồ Chí Minh</li>
<li>Hotline: (028) 710 66 777</li>
<li>Điện thoại: (028) 710 66 777</li>
<li>Số Fax: (028) 710 66 777</li>
<li>Email: <a href="#">info@dip.vn</a></li>
</ul>
</div>
</div>
<div class="col-lg-4">
<div class="mb-4">
<h5 class="mb-2 text-gray-400">Văn Phòng Hà Nội</h5>
<div class="progress mb-2" style="height: 3px">
<div class="progress-bar bg-danger" style="width: 35%"></div>
</div>
<ul class="list-unstyled">
<li>Tầng 29, Tòa nhà Ellipse Tower, 110 Trần Phú, Quận Hà Đông, Tp. Hà Nội</li>
<li>Hotline: (024) 710 55 777</li>
<li>Điện Thoại: (024) 710 55 777</li>
<li>Số Fax: (024) 710 55 777</li>
<li>Email: <a href="#">sales@dip.vn</a></li>
</ul>
</div>
</div>
<div class="col-lg-4">
<div class="mb-4">
<h5 class="mb-2 text-gray-400">Văn Phòng Nha Trang</h5>
<div class="progress mb-2" style="height: 3px">
<div class="progress-bar bg-danger" style="width: 60%"></div>
</div>
<ul class="list-unstyled">
<li>Trung tâm Nghiên cứu, Đào tạo & Phát triển phần mềm DIP Vietnam - Tầng 9, Tòa nhà VCN Tower, 02 Đường Tố Hữu, Phường Phước Hải, TP Nha Trang, Tỉnh Khánh Hòa</li>
<li>Hotline: (028) 710 66 777</li>
<li>Điện Thoại: (028) 710 66 777</li>
<li>Số Fax: (028) 710 66 777</li>
<li>Email: <a href="#">sales@dip.vn</a></li>
</ul>
</div>
</div>
</div>
<div class="row p-2">
<div class="col-md-6 col-sm-6 padding-top-10">
2002 - 2020 @ DIP Vietnam. ALL Rights Reserved.
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="./js/detailProduct.js"></script>
<script src="./js/owl.carousel.min.js"></script>
<script src="./js/owlCarousel.js"></script>
<script src="./js/detailProject.js"></script>
</body>
</html>