myscript/f2.html at main · cskch99/myscript · GitHub

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
<!DOCTYPE html>
<div style="width: 1088px; height: 1843px; position: relative; background: white">
  <div style="width: 380px; height: 446px; left: 680px; top: 456px; position: absolute; background: #F3F2ED; border-radius: 25px"></div>
  <div style="width: 377px; height: 0px; left: 681px; top: 565px; position: absolute; border: 2px white solid"></div>
  <div style="width: 377px; height: 0px; left: 681px; top: 680px; position: absolute; border: 2px white solid"></div>
  <div style="width: 377px; height: 0px; left: 681px; top: 833px; position: absolute; border: 2px white solid"></div>
  <img style="width: 978px; height: 294px; left: 82px; top: 100px; position: absolute; border-radius: 18px" src="https://via.placeholder.com/978x294" />
  <div style="left: 24px; top: 43px; position: absolute; opacity: 0.50; color: black; font-size: 14px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">EN / 繁 / 簡</div>
  <div style="left: 835px; top: 43px; position: absolute; opacity: 0.50; color: black; font-size: 14px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">Follow Us</div>
  <div style="left: 955px; top: 43px; position: absolute; opacity: 0.50; color: black; font-size: 14px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">to get latest offers!</div>
  <div style="width: 16px; height: 16px; left: 906px; top: 43px; position: absolute; background: rgba(0, 0, 0, 0)">
    <div style="width: 14.01px; height: 14px; left: 1px; top: 0.99px; position: absolute; background: #808080"></div>
  </div>
  <div style="width: 16px; height: 16px; left: 929.12px; top: 43px; position: absolute; background: rgba(0, 0, 0, 0)">
    <div style="width: 8.57px; height: 16px; left: 3.72px; top: 0px; position: absolute; background: #808080"></div>
  </div>
  <div style="width: 139.77px; height: 40px; left: 483px; top: 31px; position: absolute">
    <div style="width: 40px; height: 40px; left: 0px; top: 0px; position: absolute; background: linear-gradient(146deg, #877750 0%, #403826 100%); border-radius: 9999px"></div>
    <div style="width: 14.41px; height: 15.50px; left: 12.88px; top: 12.50px; position: absolute; background: white; border-radius: 2px"></div>
    <div style="left: 45.77px; top: 14px; position: absolute; color: #877750; font-size: 22px; font-family: Gotham Medium; font-weight: 500; line-height: 16px; word-wrap: break-word">DOLLAR</div>
  </div>
  <div style="width: 105.32px; height: 30px; left: 862px; top: 854px; position: absolute">
    <div style="width: 30px; height: 30px; left: 0px; top: 0px; position: absolute; background: linear-gradient(146deg, #877750 0%, #403826 100%); border-radius: 9999px"></div>
    <div style="width: 10.81px; height: 11.62px; left: 9.66px; top: 9.38px; position: absolute; background: white; border-radius: 1.50px"></div>
    <div style="left: 34.32px; top: 10.50px; position: absolute; color: #877750; font-size: 16.50px; font-family: Gotham Medium; font-weight: 500; line-height: 12px; word-wrap: break-word">DOLLAR</div>
  </div>
  <div style="width: 15px; height: 12px; left: 32px; top: 100px; position: absolute">
    <div style="width: 6px; height: 12px; left: 0px; top: 0px; position: absolute; border: 2px #877750 solid"></div>
    <div style="width: 15px; height: 0px; left: 0px; top: 6px; position: absolute; border: 2px #877750 solid"></div>
  </div>
  <div style="left: 24px; top: 125px; position: absolute; color: #877750; font-size: 12px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">Home</div>
  <img style="width: 120px; height: 120px; left: 22px; top: 307px; position: absolute; border-radius: 16px; border: 9px white solid" src="https://via.placeholder.com/120x120" />
  <div style="left: 80px; top: 456px; position: absolute; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 32px; display: inline-flex">
    <div style="flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex">
      <div style="color: black; font-size: 32px; font-family: Proxima Nova; font-weight: 700; text-transform: uppercase; word-wrap: break-word">The Baker and The Bottleman</div>
      <div style="color: #877750; font-size: 12px; font-family: Proxima Nova; font-weight: 600; text-transform: uppercase; line-height: 14px; letter-spacing: 0.36px; word-wrap: break-word">Restaurant</div>
      <div style="width: 561px; color: black; font-size: 16px; font-family: SF Pro Display; font-weight: 400; line-height: 24px; word-wrap: break-word">The name of the restaurant “1111” represents an angel number that symbolize new beginnings, the drive to move forward, and a successful future.<br/>The restaurant is led by Chef Chris Chan, who previously managed a two-star Michelin restaurant.<br/>The menu features dishes that showcase the unique qualities of high-quality ingredients.</div>
    </div>
    <div style="width: 558px; height: 0px; border: 1px #C9C1C1 solid"></div>
    <div style="flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 32px; display: flex">
      <div style="justify-content: flex-start; align-items: center; gap: 8px; display: inline-flex">
        <div style="width: 24px; height: 24px; position: relative; border-radius: 12px">
          <div style="width: 21.65px; height: 18px; left: 1.17px; top: 3.75px; position: absolute; background: #877750"></div>
          <div style="width: 22.10px; height: 18.45px; left: 0.94px; top: 3.52px; position: absolute; background: #877750"></div>
        </div>
        <div style="color: #877750; font-size: 20px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">HK Island</div>
      </div>
      <div style="color: black; font-size: 16px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">Shop 245, 2/F, Shun Tak Centre, 200 Connaught Rd, Sheung Wan<br/>Shop 912, 9/F, Times Square, Causeway Bay<br/>Shop B37, B1, Lee Tung Avenue,Wanchai<br/>Shop E13, Central MTR Station</div>
      <div style="justify-content: flex-start; align-items: center; gap: 8px; display: inline-flex">
        <div style="width: 24px; height: 24px; position: relative; border-radius: 12px">
          <div style="width: 21.65px; height: 18px; left: 1.17px; top: 3.75px; position: absolute; background: #877750"></div>
          <div style="width: 22.10px; height: 18.45px; left: 0.94px; top: 3.53px; position: absolute; background: #877750"></div>
        </div>
        <div style="color: #877750; font-size: 20px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">Kowloon</div>
      </div>
      <div style="width: 545px; color: black; font-size: 16px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">Shop 738, The Metropolis Mall, Hung Hom<br/>Shop 337B, Level 3, Plaza Hollywood, Diamond Hill, Kowloon<br/>Unit 328, Telford Plaza II, Kowloon Bay<br/>Shop 503E, Level 5 Grand Century Place, Mongkok, Kowloon<br/>5/F, Suite C, D2 Place TWO, 15 Cheung Shun St., Kowloon, Hong Kong.<br/>Shop L2-65, Nam Cheong Station, Sham Mong Road, Sham Shui Po District, Kowloon<br/>Shop B225, Basement B2, K11 Art Mall, 18 Hanoi Road, Tsim Sha Tsui, Kowloon</div>
      <div style="justify-content: flex-start; align-items: flex-start; gap: 8px; display: inline-flex">
        <div style="width: 24px; height: 24px; position: relative; border-radius: 12px">
          <div style="width: 21.65px; height: 18px; left: 1.17px; top: 3.75px; position: absolute; background: #877750"></div>
          <div style="width: 22.10px; height: 18.45px; left: 0.94px; top: 3.52px; position: absolute; background: #877750"></div>
        </div>
        <div style="color: #877750; font-size: 20px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">New Territories</div>
      </div>
      <div style="width: 545px; color: black; font-size: 16px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">Shop 401, Level 4, MetroPlaza, Kwai Fong<br/>Shop No 5B, Level 3, Shatin Plaza, Shatin<br/>Shop No.L1-6, Level 1, V City, Tuen Mun<br/>Shop 102, Spot, 48 Lung Sum Avenue, Sheung Shui<br/>Shop 22, Tseung Kwan O MTR station, New Territories<br/>Shop F20, 1/F., Luk Yeung Galleria, 22/66 Wai Tsuen Road, Tsuen Wan<br/>Shop A247A, Level 2, Yoho Mall II, 8 Long Yat Road, Yuen Long, N.T<br/>Shop TAW 18, Tai Wai MTR Station</div>
    </div>
  </div>
  <div style="width: 64px; height: 64px; left: 700px; top: 479px; position: absolute; border-radius: 4px">
    <div style="width: 64px; height: 64px; left: 0px; top: 0px; position: absolute; background: #877750; border-radius: 24px"></div>
    <div style="width: 48px; height: 52px; left: 20px; top: 16px; position: absolute; background: linear-gradient(139deg, rgba(0, 0, 0, 0.20) 48%, rgba(0, 0, 0, 0) 100%)"></div>
    <div style="width: 26.95px; height: 32px; left: 20px; top: 16px; position: absolute; background: white"></div>
  </div>
  <div style="left: 777px; top: 513px; position: absolute; color: #A89F8A; font-size: 14px; font-family: Proxima Nova; font-weight: 600; line-height: 16px; word-wrap: break-word">Start Pay & Earn Now!</div>
  <div style="padding-left: 13px; padding-right: 13px; padding-top: 12px; padding-bottom: 12px; left: 955px; top: 488px; position: absolute; background: #877750; border-radius: 34px; justify-content: center; align-items: center; gap: 10px; display: inline-flex">
    <div style="color: white; font-size: 16px; font-family: Proxima Nova; font-weight: 600; word-wrap: break-word">Get App</div>
  </div>
  <div style="left: 777px; top: 493px; position: absolute; color: #877750; font-size: 20px; font-family: Proxima Nova; font-weight: 700; line-height: 16px; word-wrap: break-word">K Dollar App</div>
  <div style="left: 845px; top: 591px; position: absolute; text-align: center; color: #877750; font-size: 25px; font-family: Proxima Nova; font-weight: 700; line-height: 16px; word-wrap: break-word">Earn</div>
  <div style="left: 843px; top: 702px; position: absolute; text-align: center; color: #877750; font-size: 25px; font-family: Proxima Nova; font-weight: 700; line-height: 16px; word-wrap: break-word">Burn</div>
  <div style="left: 772px; top: 738px; position: absolute; color: black; font-size: 70px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">1</div>
  <div style="width: 32px; height: 32px; left: 733px; top: 765px; position: absolute">
    <div style="width: 32px; height: 32px; left: 0px; top: 0px; position: absolute; background: linear-gradient(146deg, #877750 0%, #403826 100%); border-radius: 9999px"></div>
    <div style="width: 11.53px; height: 12.40px; left: 10.30px; top: 10px; position: absolute; background: white; border-radius: 1.60px"></div>
  </div>
  <div style="left: 720px; top: 627px; position: absolute; justify-content: flex-start; align-items: center; gap: 6px; display: inline-flex">
    <div style="color: black; font-size: 16px; font-family: Proxima Nova; font-weight: 400; line-height: 16px; word-wrap: break-word">Earn </div>
    <div style="width: 24px; height: 24px; position: relative">
      <div style="width: 24px; height: 24px; left: 0px; top: 0px; position: absolute; background: linear-gradient(146deg, #877750 0%, #403826 100%); border-radius: 9999px"></div>
      <div style="width: 8.65px; height: 9.30px; left: 7.72px; top: 7.50px; position: absolute; background: white; border-radius: 1.20px"></div>
    </div>
    <div style="color: black; font-size: 16px; font-family: Proxima Nova; font-weight: 400; line-height: 16px; word-wrap: break-word">1 for every cumulative HK$250 spent.</div>
  </div>
  <div style="left: 925px; top: 769px; position: absolute; color: black; font-size: 20px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">HK$</div>
  <div style="left: 970px; top: 738px; position: absolute; color: black; font-size: 70px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">1</div>
  <div style="width: 21px; height: 10px; left: 858px; top: 776px; position: absolute">
    <div style="width: 21px; height: 2.50px; left: 0px; top: 0px; position: absolute; background: #877750"></div>
    <div style="width: 21px; height: 2.50px; left: 0px; top: 7.50px; position: absolute; background: #877750"></div>
  </div>
  <div style="width: 379px; height: 500px; left: 679px; top: 929px; position: absolute; opacity: 0.60"><span style="color: black; font-size: 12px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">Terms and Conditions<br/>Earning Proposition<br/></span><span style="color: black; font-size: 12px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">K Dollar Program members are required to present their eligible e-membership card at the time of payment for K Dollar earning.<br/>Corresponding K Dollar will be credited to your membership account within 2 working days.<br/>The offers cannot be used together, or in conjunction with any other promotional offers.<br/>The Baker and The Bottleman and MPNCL reserves the right to amend the terms and conditions of the offer(s) without prior notice.<br/>In case of any disputes, MPNCL and The Baker and The Bottleman reserve the right of final decision.<br/>The Chinese version of these Terms and Conditions is provided for reference only. In the event of any discrepancy between the English version and the Chinese version, the English version shall prevail.<br/>Other K Dollar Program terms and conditions apply.<br/></span><span style="color: black; font-size: 12px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">Burning Proposition<br/></span><span style="color: black; font-size: 12px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">K Dollar Program terms and conditions apply.</span></div>
  <div style="left: 733px; top: 861px; position: absolute; color: black; font-size: 16px; font-family: Proxima Nova; font-weight: 400; line-height: 16px; word-wrap: break-word">Learn More About</div>
  <div style="width: 15px; height: 12px; left: 992px; top: 875px; position: absolute; transform: rotate(-180deg); transform-origin: 0 0">
    <div style="width: 6px; height: 12px; left: 0px; top: 0px; position: absolute; transform: rotate(-180deg); transform-origin: 0 0; border: 2px #877750 solid"></div>
    <div style="width: 15px; height: 0px; left: 0px; top: -6px; position: absolute; transform: rotate(-180deg); transform-origin: 0 0; border: 2px #877750 solid"></div>
  </div>
  <div style="width: 1088px; height: 164px; left: 0px; top: 1679px; position: absolute">
    <div style="width: 1088px; height: 164px; left: 0px; top: 0px; position: absolute; background: #282829"></div>
    <div style="width: 361px; height: 52px; left: 703px; top: 28px; position: absolute">
      <div style="width: 176px; height: 52px; left: 0px; top: 0px; position: absolute; background: #877750; border-radius: 25px"></div>
      <div style="width: 176px; height: 52px; left: 185px; top: 0px; position: absolute; background: #877750; border-radius: 25px"></div>
      <div style="left: 62px; top: 8px; position: absolute; color: white; font-size: 12px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">Download for</div>
      <div style="left: 61px; top: 21px; position: absolute; color: white; font-size: 20px; font-family: Proxima Nova; font-weight: 600; word-wrap: break-word">AppStore</div>
      <div style="left: 237px; top: 8px; position: absolute; color: white; font-size: 12px; font-family: Proxima Nova; font-weight: 700; word-wrap: break-word">Download for</div>
      <div style="left: 236px; top: 21px; position: absolute; color: white; font-size: 20px; font-family: Proxima Nova; font-weight: 600; word-wrap: break-word">GooglePlay</div>
      <div style="width: 24px; height: 23px; left: 20px; top: 15px; position: absolute; background: white"></div>
      <div style="width: 23px; height: 24px; left: 204px; top: 15px; position: absolute; background: white"></div>
    </div>
    <div style="width: 1088px; height: 60px; left: 0px; top: 104px; position: absolute; background: #141414"></div>
    <div style="left: 740px; top: 132px; position: absolute; color: #FCFCFC; font-size: 14px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">Copyright 2023 K Dollar Program. All rights reserved.</div>
    <div style="left: 23px; top: 132px; position: absolute; color: #FCFCFC; font-size: 14px; font-family: Proxima Nova; font-weight: 400; word-wrap: break-word">Become Our Partner   |   Terms of Use   |   Privacy   |   Policy  |   Contact Us</div>
    <div style="width: 139.77px; height: 40px; left: 23px; top: 33px; position: absolute">
      <div style="width: 40px; height: 40px; left: 0px; top: 0px; position: absolute; background: linear-gradient(146deg, #877750 0%, #403826 100%); border-radius: 9999px"></div>
      <div style="width: 14.41px; height: 15.50px; left: 12.88px; top: 12.50px; position: absolute; background: white; border-radius: 2px"></div>
      <div style="left: 45.77px; top: 14px; position: absolute; color: #877750; font-size: 22px; font-family: Gotham Medium; font-weight: 500; line-height: 16px; word-wrap: break-word">DOLLAR</div>
    </div>
    <div style="left: 342px; top: 46px; position: absolute; color: white; font-size: 20px; font-family: Gotham Book; font-weight: 400; line-height: 16px; word-wrap: break-word">Enjoy, Earn, Enjoy!</div>
  </div>
</div>