</h2>
</div>
<div class="col-sm-4 col-sm-offset-2">
<p class="HPText"><?php
echo findmisc('homepage-footprint-note');
?>
</p>
</div>
</div>
<div style="width: 100%; padding-bottom: 3%"></div>
<div class="row">
<div class="col-xs-12">
<div class="gdhbutton buttonblack" style="margin:0;">
<a href="footprints_en.php"><?php
echo findmisc('homepage-footprint-button');
?>
</a>
</div>
</div>
</div>
<div style="width: 100%; padding-bottom: 4%"></div>
<div class="row" style="margin:0">
<!--owl carousel start-->
<div id="featured-work" style="">
<?php
$events = queryDB_array("select * from events");
reset($events);
while (list($number, $event) = each($events)) {
?>
<div class="container">
<div class="row">
<div class="GDH-topimage" style="background-image: url('contents/footprint.jpg');">
<h2 style="color:white"><?php
echo findmisc('footprint-bigtitle');
?>
<br><?php
echo findmisc('footprint-bigtitle', 'en');
?>
</h2>
<!-- <div class="cyanbar" style="width:90px; height:4px"></div> -->
<div class="divide30"></div>
<p style="color:white"><?php
echo findmisc('footprint-text');
?>
</p>
</div>
</div>
</div>
<a name="footer_name"></a>
<div class="container GDH-normalpadding xsNoLRPadding">
<div class="portfolio-cube">
<div id="filters-container" class="cbp-l-filters-button">
<?php
foreach ($events_category as $category) {
echo '<div data-filter="' . $category['code'] . '" class="cbp-filter-item">';
$people_category = queryDB_array("select * from people_category order by value asc");
?>
<div class="container">
<div class="row">
<div class="GDH-topimage" style="background-image: url('contents/people.jpg');">
<h2 style="color:black"><?php
echo findmisc('people-bigtitle', 'en');
?>
</h2>
<!-- <div class="cyanbar" style="width:90px; height:4px"></div> -->
<div class="divide30"></div>
<p style="color:black"><?php
echo findmisc('homepage-people-note', 'en');
?>
</p>
</div>
</div>
</div>
<div class="container GDH-normalpadding xsNoLRPadding">
<div class="portfolio-cube">
<div id="filters-container" class="cbp-l-filters-button">
<?php
foreach ($people_category as $category) {
echo '<div data-filter="' . $category['code'] . '" class="cbp-filter-item">';
echo ' ' . $category['title_en'] . '<div class="cbp-filter-counter"></div>';
<div class="container">
<div class="row">
<div class="GDH-topimage" style="background-image: url('contents/people.jpg');">
<h2 style="color:black"><?php
echo findmisc('people-bigtitle');
?>
<br><?php
echo findmisc('people-bigtitle', 'en');
?>
</h2>
<!-- <div class="cyanbar" style="width:90px; height:4px"></div> -->
<div class="divide30"></div>
<p style="color:black"><?php
echo findmisc('people-text');
?>
</p>
</div>
</div>
</div>
<div class="container GDH-normalpadding xsNoLRPadding">
<div class="portfolio-cube">
<div id="filters-container" class="cbp-l-filters-button">
<?php
foreach ($people_category as $category) {
echo '<div data-filter="' . $category['code'] . '" class="cbp-filter-item">';
echo ' ' . $category['title_zh-cn'] . '<div class="cbp-filter-counter"></div>';
$events_category = queryDB_array("select * from events_category order by value asc");
?>
<div class="container">
<div class="row">
<div class="GDH-topimage" style="background-image: url('contents/footprint.jpg');">
<h2 style="color:white"><?php
echo findmisc('footprint-bigtitle', 'en');
?>
</h2>
<!-- <div class="cyanbar" style="width:90px; height:4px"></div> -->
<div class="divide30"></div>
<p style="color:white"><?php
echo findmisc('homepage-footprint-note', 'en');
?>
</p>
</div>
</div>
</div>
<div class="container GDH-normalpadding xsNoLRPadding">
<div class="portfolio-cube">
<div id="filters-container" class="cbp-l-filters-button">
<?php
foreach ($events_category as $category) {
echo '<div data-filter="' . $category['code'] . '" class="cbp-filter-item">';
echo ' ' . $category['title_en'] . '<div class="cbp-filter-counter"></div>';