/var/www/hkosl.com/lionsclubs/en/index.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
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
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
<!DOCTYPE html>
<html lang="en-HK">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
  <title>Home | Lions Clubs International District 303 - Hong Kong & Macao, China</title>
  <link rel="shortcut icon" href="../img/pagelogo.png">

  <!-- fonts -->
  <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700" rel="stylesheet"> 
  <link rel="stylesheet" type="text/css" href="../css/myicons.css?version=1.1"/>
    
  <!-- slick -->
  <link rel="stylesheet" type="text/css" href="../css/slick.css?version=1.1"/>
  <link rel="stylesheet" type="text/css" href="../css/slick-theme.css?version=1.1"/>

  <!-- lightslider -->
  <link rel="stylesheet"  href="../css/lightslider.css?version=1.1"/>

  <link rel="stylesheet" href="../css/style.css?version=1.1">
  <link rel="stylesheet" href="../css/responsive.css?version=1.1">  
<!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-45123111-29"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-45123111-29');
  </script>
</head>

<body>
  <!-- start wrapper -->
  <div class="wrapper">

    <!-- start header -->
   <!-- topbar -->
    <div class="topbar">
      <div class="fl"></div>
      <div class="fr">
        <a href="https://mylci.lionsclubs.org/Login.aspx?l=ZH" target="_blank"><img src="../img/topbar_myLCI.png"> MyLCI Login</a>
        <a href="comingsoon.php"><img src="../img/topbat_login.png"> Member Login</a>
        <a href="download.php"><img src="../img/topbat_download.png"> Download</a>
        <a href="https://www.facebook.com/pg/photoshare/photos/?ref=page_internal" target="_blank"><img src="../img/topbat_facebook.png"></a>
      </div>
      <div class="clear"></div>
    </div>    
    <!-- end of topbar -->

    <!-- Header
    ============================================= -->
    <?php include 'header_en.php';?>
    <!-- #header end -->

    <div class="clear"></div>

    <div class="slider_container">
      <div class="slide">
        <img src="../img/slide_0003.jpeg">
      </div>
      <div class="slide">
        <img src="../img/slide_0001.jpg">
        <div class="slide_rb_style slide_lightblue">第101屆國際獅子會年會</div>
      </div>
      <div class="slide">
        <img src="../img/slide_0002.jpg">
        <!--<div class="slide_rb_style slide_lightblue">獅子會捐血日</div>-->
      </div>
    </div>

    <!-- end of slider -->

    <div class="clear"></div>

    <div class="main_services">

      <div class="services bgblue">
        <a href="treatment_education.php"><div class="service_data">
          <img src="../img/services_01.png">
          <div class="service_title">Diabetes</div>
        </div></a>
      </div>

      <div class="services bggreen">
        <a href="environmental.php"><div class="service_data">
          <img src="../img/services_02.png">
          <div class="service_title">Environment</div>
        </div></a>
      </div>

      <div class="services bgorange">
        <a href="fighting_hunger.php"><div class="service_data">
          <img src="../img/services_03.png">
          <div class="service_title">Hunger</div>
        </div></a>
      </div>

      <div class="services bgyellow">
        <a href="support_child.php"><div class="service_data">
          <img src="../img/services_04.png">
          <div class="service_title">Childhood Cancer</div>
        </div></a>
      </div>

      <div class="services bgpurple">
        <a href="visual_service.php"><div class="service_data">
          <img src="../img/services_05.png">
          <div class="service_title">Vision</div>
        </div></a>
      </div>

    </div>

    <!-- end of services -->

    <div class="clear"></div>

    <div class="home_about">
      <div class="homeabout_container">
        <div class="homeabout_logo"><img src="../img/lions_lg_logo_en.png?version=1.1"></div>
        <div class="description">
          <p>Our District, approved by Lions Clubs International, came into being in the fiscal term 1960. Our Objectives are to encourage service minded people to serve their community without personal reward or gain and to serve their fellow men by giving their sympathy to those in distress, their aid to the weak and their substance to the needy.</p>
          <p>The 3 earliest clubs which were actually chartered before the District came into being were:- </p>
          <p>Lions Club of Hong Kong (July 18, 1955) - known as Lions Club of Hong Kong (Host) since 1961</p>
          <p>Lions Club of Kowloon (June 19, 1959)</p>
          <p>Peninsula Lions Club of Hong Kong (October 17, 1959)</p>
        </div>
      </div>
    </div>

    <!-- end of home description -->

    <div class="clear"></div>
    <hr class="gradientstyle">
    <div class="section bglightgrey">

      <div class="home_container">
        <div class="centerHeading"><div class="styleHeading">Latest News</div></div>
        
        <div class="clear"></div>

        <div class="news_container">
          <div class="row">
           <div class="eqWrap">
                <div class="equalHMR">
                    <div class="news">
                      <a href="staticpage_.php"><img src="../img/news-01.jpg?version=1.1"></a>
                      <div class="news_content">
                        <div class="news_h3">The Joint Installation Ceremony of Office Bearers of D303 in 2018-2019</div>
                        <div class="news_date">30th July 2018</div>
                        <div class="news_para">
                          <p>The Joint Installation Ceremony of Office Bearers of D303 in 2018-2019 will be held on Saturday, August 11, 2018, 7pm at Grand Hall of Hong Kong Convention & Exhibition Centre.  We are delighted to have Professor the Hon.Sophia Chan Siu-chee, JP, Secretary for Food and Health, as our guest of honour. D303 has 91 Lions Clubs with more than 1,200 fellow Lions and guests will be attending the event. The slogan of District Governor, Lion Mimi Kwok for this year is「United We Win」which she will lead all fellow Lions to excel at the ‘We Serve’ Lions spirit.</p>
                        </div>
                      </div>
                    </div>
                </div>

                <div class="equalHMR">
                    <div class="news">
                      <img src="../img/news-02.jpg?version=1.1">
                      <div class="news_content">
                        <div class="news_h3">Vision</div>
                        <div class="news_date">30th July 2018</div>
                        <div class="news_para">
                          <p>With the rapid development in electronic communication technology nowadays, various types of trendy electronic products cause concerns and pressure on eyesight. Some paediatric ophthalmic diseases are congenital, such as: strabismus, amblyopia, glaucoma and cataract etc. The conditions are more complicated than expected. If the children miss out the golden period, treatment thereafter might not reach optimal result. According to research results, children should have their eye and vision tests at 3 years old. The early detection and prevention of eye problems are crucial.</p>
                          <p>In view of this, D303 has organized regular health and eye care education and vision examination services. Through the service, D303 promotes public awareness to children eyecare and treatment.</p>
                          <p>Under the leadership of District Governor Lion Mimi Kwok, Region III has organized「二零一八年低視力無障礙之-------開心看得見」carnival. This carnival will be held on 9th September 2018, Sunday, 11am, at Discovery Park shopping plaza, 396 Castle Peak Road, Tsuen Wan, New Territory. This is the Opening Ceremony of the eye checking services for children. This special event will have singing performance, magic show and eye care sharing session etc.</p>
                        </div>
                      </div>
                    </div>
                </div>
                
                <div class="equalHMR">
                    <div class="news">
                      <img src="../img/news-03.jpg?version=1.1">
                      <div class="news_content">
                        <div class="news_h3">Environment</div>
                        <div class="news_date">30th July 2018</div>
                        <div class="news_para">
                          <p>The main purpose of the program is to provide a platform to students with practical opportunities and hand-on experiences through hydroponic cultivation. The students are requested to observe and record, to experience the planting process and the significance of environmental protection behind. In addition, through the process of hydroponic cultivation, they will learn STEM (Science, Technology, Engineering and Mathematics) during the process of this project. Through the top-up course to all students, they can access to cultivate biological, chemical, geographic, and scientific and scientific knowledge. In addition, after the completion of this project, students would strengthen the environmental awareness, learn to face adversity and recognize difficulties.</p>
                        </div>
                      </div>
                    </div>
                </div>


            </div>         

            <div class="clear"></div>
<!--             <div class="moreBtn fullCenter">
              <button class="zh">更多活動資訊</button>
            </div> -->
          </div>
          
        </div>


      </div>
    </div>
  
    <div class="clear"></div>
    <!-- end of news -->
    <div class="home_counter">

      <div class="counter">
        <div class="counter_data">
          <div class="counteringNo"><div class="counter-value" data-count="91">0</div></div>
          <div class="service_title">Lions Clubs </div>
        </div>
      </div>

      <div class="counter">
        <div class="counter_data">
          <div class="counteringNo"><div class="counter-value" data-count="2204">100</div><span>+</span></div>
          <div class="service_title">Members</div>
        </div>
      </div>

      <div class="counter_II">
        <div class="counter_data">
          <div class="counteringNo"><div class="counter-value" data-count="52">0</div></div>
          <div class="service_title">Leo Clubs</div>
        </div>
      </div>

      <div class="counter_II">
        <div class="counter_data">
          <div class="counteringNo"><div class="counter-value" data-count="1300">100</div><span>+</span></div>
          <div class="service_title">Leo Clubs Members</div>
        </div>
      </div>

    </div>
    <div class="clear"></div>

    <!-- end of counter -->

    <hr class="gradientstyle">

    <div class="section">

      <div class="home_container">
        <div class="centerHeading"><div class="styleHeading">Videos</div></div>
        
        <div class="clear"></div>

        

        <div class="video_container">
          <div class="row">
            <div class="videos">
              <div class="lightslider">
                <div class="item">
                    <div class="clearfix">
                        <ul id="image-gallery" class="gallery list-unstyled cS-hidden">
                            <li data-thumb="../img/video/video_thumbnail_01.jpg?version=1.1">
                                <div class="Video-Wrapper">
                                      <div class="videoradio">
                                          <video class="video" id="video_player-01" controls preload="none">
                                            <source src="../img/video/lions_video.mp4?version=1.1" type="video/mp4">
                                          </video>
                                      </div>
                                      <img src="../img/video/video_play_01.jpg?version=1.1" class="video_play" id="play-01">
                                  </div>
                            </li>
                            <!-- <li data-thumb="../img/video/video_thumbnail_02.jpg">
                                <div class="Video-Wrapper">
                                      <div class="videoradio">
                                          <video class="video" id="video_player-02" controls preload="none">
                                            <source src="../img/video/lions_video_02.mp4" type="video/mp4">
                                          </video>
                                      </div>
                                      <img src="../img/video/video_play_02.jpg" class="video_play" id="play-02">
                                  </div>
                            </li>
                            <li data-thumb="../img/video/video_thumbnail_03.jpg">
                                <div class="Video-Wrapper">
                                      <div class="videoradio">
                                          <video class="video" id="video_player-03" controls preload="none">
                                            <source src="../img/video/lions_video_03.mp4" type="video/mp4">
                                          </video>
                                      </div>
                                      <img src="../img/video/video_play_03.jpg" class="video_play" id="play-03">
                                  </div>
                            </li> -->
                        </ul>
                    </div>
                    <p align="center">District 303 - We Serve</p>
                </div>
              </div>
            </div>

            <!--<div class="video_description">
              <div class="videos_title">2016-2017年度區職員暨屬會職員聯合就職典禮及餐舞會</div>
              <div class="description_p">
                <p>國際獅子總會中國港澳303區2016-2017年度區職員暨屬會會長及職員聯合就職典禮、餐舞會於八月六日假灣仔會展中心大禮堂舉行。馮妙雲榮膺本年度中國港澳303區總監。勞工及福利局局長張建宗監禮移交權槌儀式,見證今屆六位分區主席,18位分域主席宣誓就職儀式;教育局局長吳克儉監禮今屆總監各區職員及屬會職員頒授佩戴儀式。</p>

                <p>獅子會是真真正正做到「出心、出力、出錢、出席」,十分感謝他們為愛心奔跑、努力以及對香港的投入。他還提到,這屆政府的施政重點是民生,對教育、福利、醫療投入開支佔比重最高,並啟動民商官多方攜手合作,共同推動關愛社會。他祝願在新屆主席馮妙雲的帶領下,會務更上一層樓。</p>

                <p>區會今年將主禮籌辦多個青少年及傷殘人士的社會服務活動,在國際總會服務邁向百周年之際,主辦東南亞獅子大會,吸引全球過萬優質旅客到港。晚會期間,更嘉許一眾熱心服務社群,在七月份獲得特區政府高度評價及表揚,並獲得「行政長官獎」的獅友。</p>
              </div>             

              <button class="readmore zh" id="videoReadMore_01">更多...</button>
            </div>-->



          </div>          
        </div>

        <div class="clear"></div>


      </div>
    </div>

    <!-- end of video section -->

    <div class="invitation">
      <div class="home_container">
        <div class="fl en"><img src="../img/lions_logo_sm.png"><h2 class="inline_bk">It is our privilege to invite you to participate in our "Friends Of The Lions"</h2></div> 
        <div class="fr"><a href="staticpage_6.php">Apply Now</a></div>
        <div class="clear"></div>
      </div>
    </div>
    
    <!-- scroll to top -->
    <a href="#"class="scrollToTop"><img src="../img/scrollTop.png"></a>
    
    <!-- end of application -->
    <?php include 'footer_en.php';?>
    <!-- end of footer -->



  </div>
  <!-- end of wrapper -->

  <script src="../js/jquery.js"></script>

  <!-- slick -->
  <script type="text/javascript" src="../js/slick.min.js"></script>

  <script src="../js/lightslider.js"></script> 
  <script src="../js/script.js"></script>

  <script type="text/javascript">
var a = 0;
$(window).scroll(function() {

  var oTop = $('.home_counter').offset().top - window.innerHeight;
  if (a == 0 && $(window).scrollTop() > oTop) {
    $('.counter-value').each(function() {
      var $this = $(this),
        countTo = $this.attr('data-count');
      $({
        countNum: $this.text()
      }).animate({
          countNum: countTo
        },

        {

          duration: 2000,
          easing: 'swing',
          step: function() {
            $this.text(Math.floor(this.countNum));
          },
          complete: function() {
            $this.text(this.countNum);
            //alert('finished');
          }

        });
    });
    a = 1;
  }

});
</script>

<script type="text/javascript" src="../js/nav_drop.js"></script>
<script type="text/javascript" src="../js/functions.js"></script>

</body>
</html>