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
|
<!DOCTYPE html>
<html lang="en-HK" prefix="og: http://ogp.me/ns#">
<head>
<title>Beneficiaries - 慧妍雅集, WAI YIN ASSOCIATION
</title>
<!-- css -->
<?php include 'inc/headlinks.php'; ?>
<!-- js -->
<?php include 'inc/link-js.php'; ?>
<link rel="stylesheet" href="../../assets/css/ol.css" type="text/css">
<script src="../../assets/js/ol.js" type="text/javascript"></script>
</head>
<body>
<!-- header -->
<?php include 'inc/navbar.php'; ?>
<!-- end of header-->
<!-- breadcrumb -->
<div class="breadcrumb" style="background-image:url(../../assets/images/breadcrumbbg01.jpg);">
<div class="breadcrumbWrapper text-center">
<p class="breadcrumbTitle mb-2 pt-4 h3 text-uppercase whiteFont">Beneficiaries
</p>
<div class="breadcrumbLink whiteFont">
<a href="index.php" class="whiteFont"> Home</a> / <span class="whiteFont">Beneficiaries
</span>
</div>
</div>
</div>
<section class="mainWrap">
<div class="container">
<h3 class="bold">Beneficiaries</h3>
<p>Today, near hundred charity projects including various organizations, centres and schools (including two kindergartens in Sichuan, China) are named after Wai Yin. More than 100 beneficiary recipients, NGOs, charities, and countless individuals have reaped the rewards of the good work. Wai Yin Association has shown that despite differences in aspirations and goals, all sectors, private and public can successfully work together to achieve the greatest good for society, especially when a common ideal is shared - to make a difference and to create a better tomorrow for all.</p>
<div class="row align-items-center rowMargin">
<div class="col-lg-6 mb-4">
<button type="button" class="hkBtn btn mapTabBtn boxshardow w-100 btn-outline-primary active">Hong Kong</button>
</div>
<div class="col-lg-6 mb-4">
<button type="button" class="chinaBtn btn mapTabBtn boxshardow w-100 btn-outline-primary">China And Other Countries</button>
</div>
<div class="col-lg-12 mb-4">
<div class="mapWrap">
</div>
</div>
</div>
</div>
</section>
<script>
$(function() {
$(".mapWrap").load("map/hk.html");
});
$(".hkBtn").click(function() {
$(".mapTabBtn").removeClass("active");
$(this).addClass("active");
$(".mapWrap").load("map/hk.html?<?= rand(1, 10000) / 7; ?>");
});
$(".chinaBtn").click(function() {
$(".mapTabBtn").removeClass("active");
$(this).addClass("active");
$(".mapWrap").load("map/cn.html?<?= rand(1, 10000) / 7; ?>");
});
</script>
<!-- end #section -->
<!-- footer -->
<?php include 'inc/footer.php'; ?>
</body>
</html>
|