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>社會建樹 - 慧妍雅集, 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">社會建樹
</p>
<div class="breadcrumbLink whiteFont">
<a href="index.php" class="whiteFont"> 首頁</a> / <span class="whiteFont">社會建樹
</span>
</div>
</div>
</div>
<section class="mainWrap">
<div class="container">
<h3 class="bold">社會建樹</h3>
<p>至今，共有三十項慈善項目包括非牟利機構的設施安裝及翻新，與及福利中心和學校的成立(其中包括於中國四川重建的兩所幼兒園)，都得到慧妍雅集的捐助並以慧妍雅集命名；逾百非政府機構、慈善團體及無數弱勢社群因慧妍雅集卓越的慈善工作而受惠。多年以來，慧妍雅集不斷壯大，為社會不幸者帶來希望，成為服務香港社會、履行社會責任深具遠見的先驅。慧妍雅集的成就證明了一點，就是社會上不同界別的人儘管期望不同，目標有異，仍可以成功合作，為社會謀求最大福祉，尤其是當同一信念被共同抱持 - 盡力盡心，改變命運，為不幸者創造更美好的將來。</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">香港</button>
</div>
<div class="col-lg-6 mb-4">
<button type="button" class="chinaBtn btn mapTabBtn boxshardow w-100 btn-outline-primary">中國及其他國家地</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>
|