| Server IP : 210.245.233.93 / Your IP : 216.73.216.226 Web Server : Apache/2.2.15 (CentOS) System : Linux webserver2.onesolution.com.hk 2.6.32-754.35.1.el6.x86_64 #1 SMP Sat Nov 7 12:42:14 UTC 2020 x86_64 User : apache ( 48) PHP Version : 5.3.3 Disable Function : exec, shell_exec, system, passthru, popen, proc_open, pcntl_exec MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/hkosl.com/eba/view/ |
Upload File : |
<!DOCTYPE html>
<html lang="en-HK" prefix="og: http://ogp.me/ns#">
<head>
<title>飛越品牌大獎</title>
<!-- css -->
<?php include 'inc/headlinks.php';?>
<link href="/eba/assets/css/aos.css" rel="stylesheet">
<!-- js -->
<?php include 'inc/link-js.php';?>
</head>
<body>
<!-- header -->
<?php include 'inc/navbar.php';?>
<!-- end of header-->
<section class="mainKVWrap">
<div class="video-container">
<video autoplay muted loop>
<source src="/eba/assets/images/main_video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<div class="home_banner_content_wrap">
<div class="banner_container">
<div class="banner_container_in">
<div class="banner_content">
<h1 class="home_banner_tagline_large text-white align-items-start">創科未來 <br />守護知識產權<br />共贏大灣區
</h1>
<div class="home_banner_des align-items-end">
<div>
<p class="text-white">
香港應用科技研究院有限公司（應科院）由香港特別行政區政府於2000年成立，其使命是透過應用科研，協助發展以科技為基礎的產業，藉此提升香港的創科發展及競爭力。</p>
<button type="button" onclick="window.location.href='/eba/view/about.php'" class="btn btn-light btn-lg px-4">了解更多 ></button>
</div>
</div>
</div>
<a href="javascript:void(0);" class="scrolldownWrap">
<p class="scrolldownText">向下滾動了解</p>
</a>
</div>
</div>
</div>
</section>
<section class="cardWrap" id="antor">
<div class="leftCard" data-aos="fade-right" data-aos-duration="1000">
<h2 class="text-primary mb-3">2025年重點日程</h2>
<div class="cardImage mb-3">
<h3 class="text-white mb-0">飛越品牌大獎全面覆蓋考察、研討、頒獎及品牌推廣活動，為企業持續創造長遠價值與獨特參與體驗。</h3>
</div>
<div class="eventWrap mb-4">
<div class="eventItem">
<div class="event_date">
3月
</div>
<div class="event_detail">
飛越品牌大獎2025開幕禮暨商務考察團
</div>
</div>
<div class="eventItem">
<div class="event_date">
4月
</div>
<div class="event_detail">
提名及報名啟動
</div>
</div>
<div class="eventItem">
<div class="event_date">
5月
</div>
<div class="event_detail">
杭州商務考察團
</div>
</div>
<div class="eventItem">
<div class="event_date">
6月
</div>
<div class="event_detail">
蒙古·烏蘭巴托JCI亞太商務峰會
</div>
</div>
<div class="eventItem">
<div class="event_date">
7月
</div>
<div class="event_detail">
飛越品牌大獎2025頒獎典禮
</div>
</div>
</div>
<button type="button" onclick="window.location.href='/eba/view/timeline.php'"
class="btn btn-primary btn-lg px-4">查看全部 ></button>
</div>
<div class="rightCard" data-aos="fade-left" data-aos-duration="1000">
<h2 class="text-white mb-4">2025年 三大重點</h2>
<div class="pointiconWrap">
<div class="pointiconitem ">
<div class="pointicon">
<img src="/eba/assets/images/technology_64.png" class="img-fluid" />
</div>
<p class="text-white">創新科技 </p>
</div>
<div class="pointiconitem">
<div class="pointicon">
<img src="/eba/assets/images/intelligent_64.png" class="img-fluid" />
</div>
<p class="text-white">知識產權
</p>
</div>
<div class="pointiconitem">
<div class="pointicon">
<img src="/eba/assets/images/bridge_64.png" class="img-fluid" />
</div>
<p class="text-white">大灣區
</p>
</div>
</div>
<h2 class="text-white mb-4">2025年 獎項設置</h2>
<ul class="awarddetail">
<li><i class="fas fa-trophy"></i> 《飛越品牌香港企業大獎》
</li>
<li><i class="fas fa-trophy"></i>《飛越品牌香港中小型企業大獎》
</li>
<li><i class="fas fa-trophy"></i>《飛越品牌香港初創企業大獎》
</li>
<li><i class="fas fa-trophy"></i>《飛越品牌領袖大獎》
</li>
<li><i class="fas fa-trophy"></i>《飛越品牌大灣區企業大獎》
</li>
</ul>
</div>
</section>
<section class="countWrap">
<div id="count_bg_animation" class="countbg">
<canvas id="count_bg"></canvas>
</div>
<div class="contentWrap">
<h2 class="text-pramiry mb-4">歷屆數據</h2>
<div class="countdetail">
<div class="countItem">
<div class="count">
<div class="pointiconitem">
<div class="pointicon">
<i class="fas fa-building"></i>
</div>
</div>
<h2 class="mb-0"><span class="counters">75</span> +</h2>
<p class="bigfont text-pramiry">企業獲得殊榮
</div>
</div>
<div class="countItem">
<div class="count">
<div class="pointiconitem">
<div class="pointicon">
<i class="fas fa-users"></i>
</div>
</div>
<h2 class="mb-0"><span class="counters">2000</span> +</h2>
<p class="bigfont text-pramiry">頒獎典禮參與人數
</div>
</div>
<div class="countItem">
<div class="count">
<div class="pointiconitem">
<div class="pointicon">
<i class="fas fa-file-video"></i>
</div>
</div>
<h2 class="mb-0"><span class="counters">100</span> +</h2>
<p class="bigfont text-pramiry">合作主流媒體
</div>
</div>
<div class="countItem">
<div class="count">
<div class="pointiconitem">
<div class="pointicon">
<i class="fas fa-newspaper"></i>
</div>
</div>
<h2 class="mb-0"><span class="counters">1500</span> +</h2>
<p class="bigfont text-pramiry">得獎企業的媒體報導數量
</div>
</div>
</div>
</div>
</section>
<section class="partnerWrap">
<div class="contentWrap">
<h2 class="text-pramiry mb-4">支持機構</h2>
<div class="d-flex flex-wrap gap10 smelogo">
<div class="smelogo">
<img src="/eba/assets/images/logo/logo03a.jpg?v=2024" alt="香港貿發局" title="香港貿發局">
</div>
<div class="smelogo">
<img src="/eba/assets/images/logo/logo26.jpg?v=2023" alt="HKPC" title="HKPC">
</div>
<div class="smelogo">
<img src="/eba/assets/images/logo/logo01a.jpg?v=2022" alt="香港中小型企業聯會" title="香港中小型企業聯會">
</div>
<div class="smelogo">
<img src="/eba/assets/images/logo/logo29.jpg?v=2023" alt="香港理工大學" title="香港理工大學">
</div>
<div class="smelogo">
<img src="/eba/assets/images/logo/logo35.jpg?v=2024" alt="香港總商會1861" title="香港總商會1861">
</div>
<div class="smelogo">
<img src="/eba/assets/images/logo/logo36.jpg?v=2024" alt="香港物流商會" title="香港物流商會">
</div>
<div class="smelogo">
<img src="/eba/assets/images/logo/logo20.jpg?v=2023" alt="香港中小型企業總商會" title="香港中小型企業總商會">
</div>
<div class="smelogo">
<img src="/eba/assets/images/logo/logo22.jpg?v=2023" alt="IET" title="IET">
</div>
<div class="smelogo">
<img src="/eba/assets/images/logo/logo06a.jpg?v=2022" alt="香港物資採購與供銷學會" title="香港物資採購與供銷學會">
</div>
<div class="smelogo">
<img src="/eba/assets/images/logo/logo24.jpg?v=2023" alt="香港中小企經貿促進會會徽" title="香港中小企經貿促進會會徽">
</div>
<div class="smelogo">
<img src="/eba/assets/images/logo/logo25.jpg?v=2023" alt="sumss" title="sumss">
</div>
<div class="smelogo">
<img src="/eba/assets/images/logo/logo38.jpg?v=2023" alt="創二會" title="創二會">
</div>
<div class="smelogo">
<img src="/eba/assets/images/logo/logo23.jpg?v=2022" alt="香港網商會" title="香港網商會">
</div>
<div class="smelogo">
<img src="/eba/assets/images/logo/logo18.jpg?v=2022" alt="ICC Hong Kong" title="ICC Hong Kong">
</div>
<div class="smelogo">
<img src="/eba/assets/images/logo/logo33.jpg?v=2024" alt="ICC HK" title="ICC HK">
</div>
<div class="smelogo">
<img src="/eba/assets/images/logo/logo37.jpg?v=2024" alt="ENSHA SAP" title="ENSHA SAP">
</div>
<div class="smelogo">
<img src="/eba/assets/images/logo/logo30.jpg?v=2024" alt="i-MBA智富商薈" title="i-MBA智富商薈">
</div>
<div class="smelogo">
<img src="/eba/assets/images/logo/logo34.jpg?v=2024" alt="香港工商品牌" title="香港工商品牌">
</div>
<div class="smelogo">
<img src="/eba/assets/images/logo/logo32.jpg?v=2023" alt="廣州南沙港澳合作促進中心" title="廣州南沙港澳合作促進中心">
</div>
</div>
</div>
</section>
<!-- end #section -->
<?php include 'inc/footer.php';?>
<a class="floatingBar" href="/eba/view/rgfaq.php">
按此報名
</a>
<!-- footer-->
<script type="text/javascript" src="/eba/assets/js/EasePack.min.js"></script>
<script type="text/javascript" src="/eba/assets/js/TweenLite.min.js"></script>
<script type="text/javascript" src="/eba/assets/js/animation_bg.js"></script>
<!-- my script -->
<script type="text/javascript" src="/eba/assets/js/aos.js"></script>
<script>
$(".scrolldownWrap").click(function() {
$('html, body').animate({
scrollTop: $("#antor").offset().top
}, 2000);
});
function animateValue(obj, start, end, duration) {
let startTimestamp = null;
const step = (timestamp) => {
if (!startTimestamp) startTimestamp = timestamp;
const progress = Math.min((timestamp - startTimestamp) / duration, 1);
obj.innerHTML = Math.floor(progress * (end - start) + start);
if (progress < 1) {
window.requestAnimationFrame(step);
}
};
window.requestAnimationFrame(step);
}
const counters = document.querySelectorAll('.counters');
counters.forEach((counter) => {
const start = 0;
const end = parseInt(counter.textContent);
const duration = 5000;
animateValue(counter, start, end, duration);
});
(function() {
AOS.init({
once: true,
});
var width, height, largeHeader, canvas, ctx, points, target, animateHeader = true;
// Main
initHeader();
initAnimation();
/* addListeners(); */
function initHeader() {
width = window.innerWidth;
height = window.innerHeight;
target = {
x: width / 2,
y: height / 2
};
largeHeader = document.getElementById('count_bg_animation');
largeHeader.style.height = height + 'px';
canvas = document.getElementById('count_bg');
canvas.width = width;
canvas.height = height;
ctx = canvas.getContext('2d');
// create points
points = [];
for (var x = 0; x < width; x = x + width / 15) {
for (var y = 0; y < height; y = y + height / 15) {
var px = x + Math.random() * width / 15;
var py = y + Math.random() * height / 15;
var p = {
x: px,
originX: px,
y: py,
originY: py
};
points.push(p);
}
}
// for each point find the 5 closest points
for (var i = 0; i < points.length; i++) {
var closest = [];
var p1 = points[i];
for (var j = 0; j < points.length; j++) {
var p2 = points[j]
if (!(p1 == p2)) {
var placed = false;
for (var k = 0; k < 5; k++) {
if (!placed) {
if (closest[k] == undefined) {
closest[k] = p2;
placed = true;
}
}
}
for (var k = 0; k < 5; k++) {
if (!placed) {
if (getDistance(p1, p2) < getDistance(p1, closest[k])) {
closest[k] = p2;
placed = true;
}
}
}
}
}
p1.closest = closest;
}
// assign a circle to each point
for (var i in points) {
var c = new Circle(points[i], 2 + Math.random() * 10, 'rgba(255,255,255,0.3)');
points[i].circle = c;
}
}
// Event handling
/* function addListeners() {
if(!('ontouchstart' in window)) {
window.addEventListener('mousemove', mouseMove);
}
window.addEventListener('scroll', scrollCheck);
window.addEventListener('resize', resize);
} */
function mouseMove(e) {
var posx = posy = 0;
if (e.pageX || e.pageY) {
posx = e.pageX;
posy = e.pageY;
} else if (e.clientX || e.clientY) {
posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
}
target.x = posx;
target.y = posy;
}
function scrollCheck() {
if (document.body.scrollTop > height) animateHeader = false;
else animateHeader = true;
}
function resize() {
width = window.innerWidth;
height = window.innerHeight;
largeHeader.style.height = height + 'px';
canvas.width = width;
canvas.height = height;
}
// animation
function initAnimation() {
animate();
for (var i in points) {
shiftPoint(points[i]);
}
}
function animate() {
if (animateHeader) {
ctx.clearRect(0, 0, width, height);
for (var i in points) {
// detect points in range
if (Math.abs(getDistance(target, points[i])) < 18000) {
points[i].active = 0.3;
points[i].circle.active = 0.6;
} else if (Math.abs(getDistance(target, points[i])) < 60000) {
points[i].active = 0.1;
points[i].circle.active = 0.3;
} else if (Math.abs(getDistance(target, points[i])) < 180000) {
points[i].active = 0.02;
points[i].circle.active = 0.1;
} else {
points[i].active = 0;
points[i].circle.active = 0;
}
drawLines(points[i]);
points[i].circle.draw();
}
}
requestAnimationFrame(animate);
}
function shiftPoint(p) {
TweenLite.to(p, 1 + 1 * Math.random(), {
x: p.originX - 200 + Math.random() * 600,
y: p.originY - 200 + Math.random() * 600,
ease: Circ.easeInOut,
onComplete: function() {
shiftPoint(p);
}
});
}
// Canvas manipulation
function drawLines(p) {
if (!p.active) return;
for (var i in p.closest) {
ctx.beginPath();
ctx.moveTo(p.x, p.y);
ctx.lineTo(p.closest[i].x, p.closest[i].y);
ctx.strokeStyle = 'rgba(255,255,255,' + p.active + ')';
ctx.stroke();
}
}
function Circle(pos, rad, color) {
var _this = this;
// constructor
(function() {
_this.pos = pos || null;
_this.radius = rad || null;
_this.color = color || null;
})();
this.draw = function() {
if (!_this.active) return;
ctx.beginPath();
ctx.arc(_this.pos.x, _this.pos.y, _this.radius, 100, 500 * Math.PI, false);
ctx.fillStyle = 'rgba(255,255,255,' + _this.active + ')';
ctx.fill();
};
}
// Util
function getDistance(p1, p2) {
return Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2);
}
})();
</script>
</body>
</html>