-
Notifications
You must be signed in to change notification settings - Fork 0
/
showDetailofPromotion.html
217 lines (199 loc) · 9.94 KB
/
showDetailofPromotion.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>RJMN</title>
<link rel="icon" href="https://www.flaticon.com/svg/static/icons/svg/1029/1029183.svg" type="image/x-icon">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Google Fonts -->
<link
href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@100;200;300;400;500;600;700;800;900&family=DM+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap"
rel="stylesheet">
<!-- Bootstrap 4.5.2 CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<!-- Slick 1.8.1 jQuery plugin CSS (Sliders) -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
<!-- Fancybox 3 jQuery plugin CSS (Open images and video in popup) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
<!-- AOS 2.3.4 jQuery plugin CSS (Animations) -->
<link href="https://unpkg.com/aos@2.3.4/dist/aos.css" rel="stylesheet">
<!-- FontAwesome CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
<!-- Startup CSS (Styles for all blocks) - Remove ".min" if you would edit a css code -->
<link href="css/style.min.css" rel="stylesheet" />
<!-- jQuery 3.5.1 -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<style>
th {
width: 200px;
}
</style>
</head>
<body>
<!-- Navigation 1 -->
<nav class="pt-30 pb-30 bg-light text-center navigation_1">
<div class="container px-xl-0">
<div class="row justify-content-center align-items-center f-16">
<div class="mb-20 mb-lg-0 col-lg-3 text-lg-left" data-aos="fade-down" data-aos-delay="250">
<a href="#" class="link color-main f-24 bold">
RJMN
</a>
</div>
<div class="col-lg-6" data-aos="fade-down" data-aos-delay="0">
<a href="#" class="link mx-15 color-main">
Home
</a>
<a href="#" class="link mx-15 color-main">
Explore
</a>
<a href="#" class="link mx-15 color-main">
Find group
</a>
<a href="#" class="link mx-15 color-main">
Contact us
</a>
<a href="#" class="mx-15 link color-main">
<i>
</i>
</a>
</div>
<div class="mt-20 mt-lg-0 col-lg-3 d-flex flex-wrap justify-content-center justify-content-lg-end align-items-center"
data-aos="fade-down" data-aos-delay="250">
<a href="#" class="link mr-20 color-main">
Login
</a>
<a href="#" class="btn mr-20 sm action-2 f-16">
Register
</a>
</div>
</div>
</div>
</nav>
<!-- pic promo -->
<div class="col-12 container " style="background-color:#52a6d8;"><br><br>
<div class="row">
<div class="col-xs-12 col-sm-4">
<img class="img-responsive" src="dior.jpg" width="300" height="300">
</div>
<div class="col-xs-12 col-sm-7">
<div>
<div class="row">
<div class="col-sm-6">
<h3>DIOR Sauvage</h3>
</div>
</div>
<h6>DIOR
A radically fresh composition, dictated by a name that has the ring of a manifesto. That was the way Fran?ois Demachy, Dior Perfumer-Creator, wanted it: raw and noble all at once. Natural ingredients, selected with extreme care, prevail in excessive doses. Radiant top notes burst with the juicy freshness of Reggio di Calabria Bergamot. Ambroxan, derived from precious ambergris, unleashes a powerfully woody trail. XXX is an act of creation inspired by wide-open spaces. An ozone blue sky sprawled above a rocky landscape, white-hot beneath the desert sun.</h6>
</div>
</div>
</div><br>
</div>
<!-- table promo -->
<section class="pt-20 pb-70 bg-light text-center pricing_table_2">
<div class="container px-xl-0">
<h2 class="mt-15 mb-55 small text-left " data-aos="fade-down" data-aos-delay="250">
Promotion Detail
</h2>
<table class="table table-bordered">
<thead>
<tr>
<th scope="row">Product Name</th>
<td colspan="3">DIOR</td>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Promotion</th>
<td colspan="3">2 FREE 1 !</td>
</tr>
<tr>
<th scope="row">Start - End Date</th>
<td colspan="3">25/12/2020 - 31/12/2020</td>
</tr>
<tr>
<th scope="row">Detail</th>
<td colspan="3">Weekend shopping เมื่อซื้อสินค้าDIOR รุ่น DIOR Sauvage ครบ2ชิ้น รับฟรีเพิ่มทันที DIOR Sauvage อีก1ชิ้น</td>
</tr>
</tbody>
</table>
</div>
</section>
<!-- Footer 2 -->
<footer class="pt-70 pb-65 bg-light text-center footer_2">
<div class="container px-xl-0">
<div class="row justify-content-center">
<div class="col-12 lh-40" data-aos="fade-down" data-aos-delay="0">
<a href="#" class="link color-main mx-20">
Portfolio
</a>
<a href="#" class="link color-main mx-20">
How it Works
</a>
<a href="#" class="link color-main mx-20">
Pricing
</a>
<a href="#" class="link color-main mx-20">
About
</a>
<a href="#" class="link color-main mx-20">
Contacts
</a>
</div>
<div class="mt-20 col-12" data-aos="fade-down" data-aos-delay="250">
<div class="color-heading text-adaptive">
Be sure to take a look at our Terms of Use and Privacy Policy
</div>
</div>
</div>
</div>
</footer>
<!-- forms alerts -->
<div class="alert alert-success alert-dismissible fixed-top alert-form-success" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
aria-hidden="true">×</span></button>
Thanks for your message!
</div>
<div class="alert alert-warning alert-dismissible fixed-top alert-form-check-fields" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
aria-hidden="true">×</span></button>
Please, fill in required fields.
</div>
<div class="alert alert-danger alert-dismissible fixed-top alert-form-error" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
aria-hidden="true">×</span></button>
<div class="message">An error occurred while sending data :( Please, check if your hosting supports PHP and
check how to set form data sending <a href="https://designmodo.com/startup/documentation/#form-handler"
target="_blank" class="link color-transparent-white">here</a>.</div>
</div>
<!-- gReCaptcha popup (uncomment if you need a recaptcha integration) -->
<!--
<div class="bg-dark op-8 grecaptcha-overlay"></div>
<div class="bg-light radius10 w-350 h-120 px-20 pt-20 pb-20 grecaptcha-popup">
<div class="w-full h-full d-flex justify-content-center align-items-center">
<div id="g-recaptcha" data-sitekey="PUT_YOUR_SITE_KEY_HERE"></div>
</div>
</div>
<script src="https://www.google.com/recaptcha/api.js?render=explicit" async defer></script>
-->
<!-- Bootstrap 4.5.2 JS -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
<!-- Fancybox 3 jQuery plugin JS (Open images and video in popup) -->
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
<!--
Google maps JS API
Don't forget to replace the key "AIzaSyDP6Ex5S03nvKZJZSvGXsEAi3X_tFkua4U" to your own!
Learn how to get a key: https://help.designmodo.com/article/startup-google-maps-api/
-->
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?v=3&key=AIzaSyDP6Ex5S03nvKZJZSvGXsEAi3X_tFkua4U"></script>
<!-- Slick 1.8.1 jQuery plugin JS (Sliders) -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<!-- AOS 2.3.4 jQuery plugin JS (Animations) -->
<script src="https://unpkg.com/aos@2.3.4/dist/aos.js"></script>
<!-- Maskedinput jQuery plugin JS (Masks for input fields) -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.min.js"></script>
<!-- Startup JS (Custom js for all blocks) -->
<script src="js/script.js"></script>
</body>
</html>