| 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/staraward/tc/ |
Upload File : |
<!DOCTYPE html>
<html dir="ltr" lang="zh-HK">
<head>
<?php include 'inc/metahead.php';?>
<!-- Document Title
============================================= -->
<title>香港星級品牌 - 香港中小型企業聯合會</title>
<style>
.videoContainer {
position: relative;
padding-bottom: 66.67%;
height: 0;
}
.videoContainer video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
</head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper" class="clearfix">
<?php include 'inc/header.php';?>
<section id="slider" class="slider" style="background-color: #000;">
<div id="oc-slider" class="owl-carousel carousel-widget" data-margin="0" data-items="1" data-pagi="false"
data-loop="true" data-speed="450">
<img src="../images/home/banner.jpg?v=201920" alt="香港中小型企業聯合會">
</div>
</section>
<!-- Content
============================================= -->
<section id="content">
<div class="" style="padding-bottom:0;">
<div class="promo promo-light promo-full notopborder">
<div class="container clearfix">
<h2 class="nomargin">報名表格</h2>
<p>截止日期2019年8月31日(星期六)</p>
<div style="float: right;"><a href="../images/home/pdf2019604-3-8.pdf" target="_blank" class="button button-dark button-xlarge button-rounded" style="background-color: #542d88 ;">下載</a></div>
</div>
</div>
<div class="section nomargin bg_section">
<div class="container">
<div class="row">
<div class="col-md-9 col-md-1-92">
<video poster="../images/home/video_cover/1.jpg" muted preload="auto"
playsinline controls style="display: block; width: 100%;object-fit:cover;">
<source src="../media/home/1.mp4" id="video" type="video/mp4">
</video>
</div>
<div class="hidden-md hidden-lg">
</div>
<div class="col-md-3 col-md-1-92">
<div class="col-12">
<video poster="../images/home/video_cover/2.jpg" muted preload="auto"
playsinline controls style="display: block; width: 100%;object-fit:cover;">
<source src="../media/home/2.mp4" id="video" type="video/mp4">
</video>
</div>
<div class="col-12">
<video poster="../images/home/video_cover/4.jpg" muted preload="auto"
playsinline controls style="display: block; width: 100%;object-fit:cover;">
<source src="../media/home/4.mp4" id="video" type="video/mp4">
</video>
</div>
<div class="col-12">
<video poster="../images/home/video_cover/3.jpg" muted preload="auto"
playsinline controls style="display: block; width: 100%;object-fit:cover;">
<source src="../media/home/3.mp4" id="video" type="video/mp4">
</video>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- calendar start -->
<div class="section" style="background-color:#f5f5f5;margin-top:0;margin-bottom:0;">
<div class="row">
<div class="container">
<div class="heading-block center">
<h2>活動時間表</h2>
</div>
<div class="col-center">
<div class="col-md-4 col-lg-2 col-sm-6 col-xs-12">
<div class="keydates range">
<div class="dates">
<div>2019年 <span>5</span>月<span>20</span>日</div>
<div>(星期一)</div>
</div>
<div class="title">啟動禮及記者招待會</div>
</div>
</div>
<div class="col-md-4 col-lg-2 col-sm-6 col-xs-12">
<div class="keydates">
<div class="dates">
<div>2019年 <span>5</span>月<span>20</span>日</div>
<div>(星期一)</div>
<div>至</div>
<div>2019年 <span>8</span>月<span>31</span>日</div>
<div>(星期六)</div>
</div>
<div class="title">接受參選及提名</div>
</div>
</div>
<div class="col-md-4 col-lg-2 col-sm-6 col-xs-12">
<div class="keydates">
<div class="dates">
<div>2019年 <span>10</span>月初</div>
</div>
<div class="title">公佈結果</div>
</div>
</div>
<div class="col-md-4 col-lg-2 col-sm-6 col-xs-12">
<div class="keydates">
<div class="dates">
<div>2019年 <span>12</span>月<span>10</span>日</div>
<div>(星期二)</div>
</div>
<div class="title">頒獎典禮</div>
</div>
</div>
<div class="col-md-4 col-lg-2 col-sm-6 col-xs-12">
<div class="keydates">
<div class="dates">
<div>2019年 <span>12</span>月<span>10</span>日</div>
<div>(星期二)</div>
<div>至</div>
<div>2019年 <span>12</span>月<span>31</span>日</div>
<div>(星期二)</div>
</div>
<div class="title">宣傳活動</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- calendar end -->
<br><hr><br>
<!-- logo start -->
<div class="container home-logo">
<div class="col-sm-12 bottommargin-sm">
<h4>主辦單位</h4>
<div class="smelogo">
<a href="https://www.hksme.hk/" target="_blank"><img src="../images/home/brand/200_logo00.jpg"></a>
</div>
</div>
<div class="clear"></div>
<div class="col-lg-4 bottommargin-sm col-md-4 col-sm-4 col-xs-12">
<h4>協辦機構</h4>
<img src="../images/home/brand/400_logo01.jpg">
<img src="../images/home/brand/400_logo01-2.jpg">
</div>
<div class="col-lg-2 bottommargin-sm col-md-3 col-sm-3 col-xs-12">
<h4>承辦機構</h4>
<img src="../images/home/brand/400_logo02.jpg">
</div>
<div class="col-lg-2 bottommargin-sm col-md-3 col-sm-3 col-xs-12">
<h4>支持機構(政府)</h4>
<img src="../images/home/brand/400_logo03.jpg">
</div>
<div class="col-lg-2 bottommargin-sm col-md-3 col-sm-3 col-xs-12 col-xxs-12">
<h4>贊助機構</h4>
<img src="../images/home/brand/400_logo04.jpg">
</div>
<div class="clear"></div>
<div class="col-lg-8 bottommargin-sm col-md-9 col-sm-11 col-xs-12 col-xxs-12">
<h4>媒體合作伙伴</h4>
<div>
<img src="../images/home/brand/400_logo05.jpg">
<img src="../images/home/brand/400_logo06.jpg">
<img src="../images/home/brand/400_logo07.jpg">
<img src="../images/home/brand/400_logo08.jpg">
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12 col-xxs-12">
<h4>資訊科技支持機構</h4>
<img src="../images/home/brand/400_logo09.jpg">
</div>
<div class="clear"></div>
<div class="clearfix supporting org">
<h3>支持單位 (排名不分先後)</h3>
<img src="../images/home/brand/200_logo01.jpg">
<img src="../images/home/brand/200_logo02.jpg">
<img src="../images/home/brand/200_logo03.jpg">
<img src="../images/home/brand/200_logo04.jpg">
<img src="../images/home/brand/200_logo05.jpg">
<img src="../images/home/brand/200_logo06.jpg">
<img src="../images/home/brand/200_logo07.jpg">
<img src="../images/home/brand/200_logo08.jpg">
<img src="../images/home/brand/200_logo09.jpg">
<img src="../images/home/brand/200_logo10.jpg">
<img src="../images/home/brand/200_logo11.jpg">
<img src="../images/home/brand/200_logo12.jpg">
<img src="../images/home/brand/200_logo13.jpg">
<img src="../images/home/brand/200_logo14.jpg">
<img src="../images/home/brand/200_logo15.jpg">
<img src="../images/home/brand/200_logo16.jpg">
<img src="../images/home/brand/200_logo17.jpg">
<img src="../images/home/brand/200_logo18.jpg">
<img src="../images/home/brand/200_logo19.jpg">
<img src="../images/home/brand/200_logo20.jpg">
<img src="../images/home/brand/200_logo21.jpg">
<img src="../images/home/brand/200_logo22.jpg">
<img src="../images/home/brand/200_logo23.jpg">
<img src="../images/home/brand/200_logo24.jpg">
<img src="../images/home/brand/200_logo25.jpg">
<img src="../images/home/brand/200_logo26.jpg">
<img src="../images/home/brand/200_logo27.jpg">
<img src="../images/home/brand/200_logo28.jpg">
<img src="../images/home/brand/200_logo29.jpg">
<img src="../images/home/brand/200_logo30.jpg">
<img src="../images/home/brand/200_logo31.jpg">
<img src="../images/home/brand/200_logo32.jpg">
<img src="../images/home/brand/200_logo33.jpg">
<img src="../images/home/brand/200_logo34.jpg">
<img src="../images/home/brand/200_logo35.jpg">
<img src="../images/home/brand/200_logo36.jpg">
<img src="../images/home/brand/200_logo37.jpg">
<img src="../images/home/brand/200_logo38.jpg">
<img src="../images/home/brand/200_logo39.jpg">
<img src="../images/home/brand/200_logo40.jpg">
<img src="../images/home/brand/200_logo41.jpg">
<img src="../images/home/brand/200_logo42.jpg">
<img src="../images/home/brand/200_logo43.jpg">
<img src="../images/home/brand/200_logo44.jpg">
<img src="../images/home/brand/200_logo45.jpg">
<img src="../images/home/brand/200_logo46.jpg">
<img src="../images/home/brand/200_logo47.jpg">
<img src="../images/home/brand/200_logo48.jpg">
<img src="../images/home/brand/200_logo49.jpg">
<img src="../images/home/brand/200_logo50.jpg">
<img src="../images/home/brand/200_logo51.jpg">
<img src="../images/home/brand/200_logo52.jpg">
<img src="../images/home/brand/200_logo53.jpg">
<img src="../images/home/brand/200_logo54.jpg">
<img src="../images/home/brand/200_logo55.jpg">
<img src="../images/home/brand/200_logo56.jpg">
<img src="../images/home/brand/200_logo57.jpg">
<img src="../images/home/brand/200_logo58.jpg">
<img src="../images/home/brand/200_logo59.jpg">
<img src="../images/home/brand/200_logo60.jpg">
</div>
<div class="pull-right">
排名不分先後
</div>
<br><br>
</div>
<!-- logo end -->
</section><!-- #content end -->
<?php include 'inc/footer.php';?>
</div><!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="icon-angle-up"></div>
<!-- External JavaScripts
============================================= -->
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/plugins.js?v=1.22"></script>
<!-- isinview video -->
<script type="text/javascript" src="../js/isInViewport.js"></script>
<!-- Footer Scripts
============================================= -->
<script type="text/javascript" src="../js/functions.js?v=1.22"></script>
<script>
jQuery('#video-slider-play').on('click', function(e) {
e.preventDefault();
if (jQuery(this).hasClass('video-played')) {
jQuery('#slide-video').get(0).pause();
} else {
jQuery('#slide-video').get(0).play();
}
jQuery(this).toggleClass('video-played');
});
</script>
<script type="text/javascript">
$('nav ul > li.lv01:nth-child(1)').addClass('current');
</script>
<script type="text/javascript">
var owl = $('.slideVideo');
$(".slideVideo").owlCarousel({
items: 4,
loop: true,
nav: true,
navText: ["<i class='icon-angle-left'></i>", "<i class='icon-angle-right'></i>"],
autoplay: true,
dots: false,
autoplayTimeout: 5000,
autoplayHoverPause: true,
responsive: {
0: {
items: 1
},
767: {
items: 2
},
979: {
items: 3
},
1199: {
items: 4
}
}
});
</script>
</body>
</html>