/var/www/hkosl.com/jcihk-event/en/productDetail.php


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
<!DOCTYPE html>
<html lang="en-HK" prefix="og: http://ogp.me/ns#">

<head>
    <title>Product Detail</title>
    <!-- css -->
    <?php include 'inc/headlinks.php';?>
    <!-- js -->
    <?php include 'inc/link-js.php';?>
</head>

<body>

    <!-- header -->
    <?php include 'inc/header.php';?>
    <!-- end of header-->


    <div class="wrapper">

        <div class="container-fluid customContainer">
            <div class="row ">
                <div class="col-lg-8 col-xl-8 productWrap">
                    <h3 class="productTitle fontOrange">20% Off Garden & Patio Items
                    </h3>
                    <a href="product_search.php" class="backBtn ml-auto">Back
                    </a>
                    <div class="productContent">
                        <div class="producDetailtImg" style="background-image:url(../img/productImg/pic01.jpeg)">
                            <div class="productDetailLogoImg">
                                <img src="../img/productImg/productlogo01.jpg" class="img-fluid">
                            </div>
                        </div>
                        <div class="tagRow">
                            <span class="productDetailTag">Play Offer</span>
                            <a href="#" class="float-right iconBtn"><i class="far fa-star"></i></a>
                            <a href="#" class="float-right iconBtn"><i class="fas fa-share-alt"></i></a>
                        </div>
                        <div class="productDetail">
                            <div class="productDetailTitle">
                                <h3>20% Off Garden & Patio Items</h3>
                                <span class="expDay float-right">Expires 03/11/2020
                                </span>
                            </div>
                            <p>FIRST TIME SUBSCRIBERS ONLY. Register for the savings newsletter by entering your email
                                address at Tory Burch and you'll then receive an email with a special promo code that
                                will help you save 10% off your order. In addition to this, you'll also get free
                                standard shipping anywhere in the US. Excludes fragrances.</p>
                            <p>Terms and Conditions</p>
                            <ul>
                                <li>Cannot be used in conjunction with any other offer
                                </li>
                                <li>One per person
                                </li>
                                <li>For full Terms & Conditions please see website
                                </li>
                                <li>Available whilst stocks last
                                </li>
                                <li>All brands reserve the right to remove any offer without giving prior notice
                                </li>
                            </ul>
                            <hr class="line">
                            <a href="#" class="button" data-toggle="modal" data-target="#formBox">Get Coupon</a>
                        </div>


                    </div>
                </div>

                <div class="col-lg-4 col-xl-4">
                    <h3>Other Offer</h3>
                    <a href="#">
                        <div class="card">
                            <div class="cardImg" style="background-image:url(../img/productImg/pic01.jpeg)">
                                <span class="catTag">Play Offer</span>
                            </div>
                            <div class="card-body">
                                <div class="productLogoImg">
                                    <img src="../img/productImg/productlogo01.jpg" class="img-fluid">
                                </div>
                                <h5 class="card-title">20% Off Garden & Patio Items 20% Off Garden & Patio Items
                                    Patio Items
                                </h5>
                                <span class="expDay">Expires 03/11/2020
                                </span>
                                <p class="card-link">View</p>
                            </div>
                        </div>
                    </a>
                    <a href="#">
                        <div class="card">
                            <div class="cardImg" style="background-image:url(../img/productImg/pic01.jpeg)">
                                <span class="catTag">Play Offer</span>
                            </div>
                            <div class="card-body">
                                <div class="productLogoImg">
                                    <img src="../img/productImg/productlogo01.jpg" class="img-fluid">
                                </div>
                                <h5 class="card-title">20% Off Garden & Patio Items 20% Off Garden & Patio Items
                                    Patio Items
                                </h5>
                                <span class="expDay">Expires 03/11/2020
                                </span>
                                <p class="card-link">View</p>
                            </div>
                        </div>
                    </a>
                </div>


            </div>
        </div>

        <!-- Modal -->
        <div class="modal fade" id="formBox" tabindex="-1" role="dialog" aria-labelledby="formBox" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">

                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="producDetailtImg" style="background-image:url(../img/productImg/pic01.jpeg)">
                            <div class="productDetailLogoImg">
                                <img src="../img/productImg/productlogo01.jpg" class="img-fluid">
                            </div>
                        </div>
                        <div class="tagRow">
                            <span class="productDetailTag">Play Offer</span>
                            <span class="expDay float-right">Expires 03/11/2020
                            </span>
                        </div>
                        <div class="productDetailTitle">
                            <h3>20% Off Garden & Patio Items</h3>

                        </div>
                        <p>Please Input Detail</p>
                        <form>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="Name">
                                    </div>

                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <select id="inputState " class="form-control">
                                            <option selected disabled>Chapter</option>
                                            <option>JCI Victoria</option>
                                            <option>JCI Kowloon</option>
                                            <option>JCI Island</option>
                                            <option>JCI Peninsula</option>
                                            <option>JCI Hong Kong Jayceettes</option>
                                            <option>JCI Lion Rock</option>
                                            <option>JCI Harbour</option>
                                            <option>JCI Yuen Long</option>
                                            <option>JCI Tai Ping Shan</option>
                                            <option>JCI Bauhinia</option>
                                            <option>JCI Dragon</option>
                                            <option>JCI East Kowloon</option>
                                            <option>JCI City</option>
                                            <option>JCI Queensway</option>
                                            <option>JCI North District</option>
                                            <option>JCI Ocean</option>
                                            <option>JCI Sha Tin</option>
                                            <option>JCI Apex</option>
                                            <option>JCI City Lady</option>
                                            <option>JCI Tsuen Wan</option>
                                            <option>JCI Lantau</option>
                                        </select>
                                    </div>

                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <input type="email" class="form-control" placeholder="E-mail">
                                    </div>

                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <input type="password" class="form-control" placeholder="Password">
                                    </div>

                                </div>
                            </div>

                            <a href="#" class="button submit">Submit</a>

                            <p>* coupon will send to your email address.</p>
                        </form>
                    </div>

                </div>
            </div>
        </div>








        <!-- end .row -->
    </div>
    <!-- end .container-->



    </div>
    <!-- end #section -->


    <!-- footer -->
    <?php include 'inc/footer.php';?>
    <!-- end of footer -->



    <!-- custom JS -->
    <script type="text/javascript" src="../js/custom.js"></script>
</body>

<script>
$(document).on('click', '[data-toggle="lightbox"]', function(event) {
    event.preventDefault();

    $(this).ekkoLightbox({
        alwaysShowClose: true
    });
});
</script>

</html>