1144 lines
66 KiB
HTML
1144 lines
66 KiB
HTML
<!doctype html>
|
|
<html class="no-js" lang="zxx">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
<title>初賽 - 香港文化旅遊導賞員挑戰賽</title>
|
|
<meta name="description" content="初賽 - 香港文化旅遊導賞員挑戰賽">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="shortcut icon" type="image/x-icon" href="img/logo.ico">
|
|
<!-- Place favicon.ico in the root directory -->
|
|
|
|
<!-- CSS here -->
|
|
<link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i&display=swap" rel="stylesheet">
|
|
<link
|
|
href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap"
|
|
rel="stylesheet">
|
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="css/animate.min.css">
|
|
<link rel="stylesheet" href="css/magnific-popup.css">
|
|
<link rel="stylesheet" href="fontawesome/css/all.min.css">
|
|
<link rel="stylesheet" href="css/dripicons.css">
|
|
<link rel="stylesheet" href="css/slick.css">
|
|
<link rel="stylesheet" href="css/default.css">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<link rel="stylesheet" href="css/responsive.css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- header -->
|
|
<header id="home" class="header-area">
|
|
<div id="header-sticky" class="menu-area">
|
|
<div class="container">
|
|
<div class="second-menu">
|
|
<div class="row align-items-center">
|
|
<div class="col-xl-3 col-lg-3">
|
|
<div class="logo">
|
|
<a href="index.html"><img src="img/logo/logo.png" style="width:174px;" alt="logo"></a>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-6 col-lg-9">
|
|
<div class="responsive"><i class="icon dripicons-align-right"></i></div>
|
|
<div class="main-menu text-right text-xl-center">
|
|
<nav id="mobile-menu">
|
|
<ul>
|
|
<li class="active has-sub"><a href="index.html">主頁</a>
|
|
</li>
|
|
<li class="has-sub">
|
|
<a href="about.html">初心</a>
|
|
</li>
|
|
|
|
<li><a href="blog.html">所有報導</a></li>
|
|
<li><a href="history.html">歷史記錄</a></li>
|
|
<li></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 text-right d-none d-xl-block">
|
|
<div class="header-btn second-header-btn">
|
|
<a href="https://forms.gle/GrdHdPspYdQd6cLB8" class="btn"><i
|
|
class="far fa-ticket-alt"></i>初賽報名</a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<!-- header-end -->
|
|
<!-- main-area -->
|
|
<main>
|
|
<!-- slider-area -->
|
|
<section id="parallax"
|
|
class="slider-area slider-bg second-slider-bg d-flex align-items-center justify-content-center fix"
|
|
style="background-image:url(img/header1_bg_img.jpg)">
|
|
<div class="slider-shape ss-one layer" data-depth="0.10"><img src="img/shape/slider_shape01.png"
|
|
alt="shape"></div>
|
|
<div class="slider-shape ss-two layer" data-depth="0.30"><img src="img/shape/slider_shape02.png"
|
|
alt="shape"></div>
|
|
<div class="slider-shape ss-three layer" data-depth="0.40"><img src="img/shape/slider_shape03.png"
|
|
alt="shape"></div>
|
|
<div class="slider-shape ss-four layer" data-depth="0.60"><img src="img/shape/slider_shape04.png"
|
|
alt="shape"></div>
|
|
<div class="slider-shape ss-five layer" data-depth="0.20"><img src="img/shape/slider_shape05.png"
|
|
alt="shape"></div>
|
|
<div class="slider-shape ss-six layer" data-depth="0.15"><img src="img/shape/slider_shape06.png"
|
|
alt="shape"></div>
|
|
<!-- <div class="slider-shape ss-eight layer" data-depth="0.50"><img src="img/man_header.png" alt="shape">
|
|
<h1 style="z-index:10;position:absolute;right:117px;bottom: 209px;color:white">活動形象大使 洪綺敏小姐</h1>
|
|
</div> -->
|
|
|
|
<div class="slider-active">
|
|
<div class="single-slider">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-8">
|
|
<div class="slider-content second-slider-content">
|
|
<ul data-animation="fadeInUp animated" data-delay=".2s">
|
|
<!-- <li><i class="fas fa-map-marker-alt"></i> 香港屯門</li> -->
|
|
<li><i class="far fa-clock"></i>5月18日</li>
|
|
</ul>
|
|
|
|
<h2 data-animation="fadeInUp animated" data-delay=".4s">
|
|
Hello Hong Kong 挑戰賽啟動儀式
|
|
<span>5月18日</span>
|
|
</h2>
|
|
<div countdown class="conterdown wow fadeInDown animated"
|
|
data-animation="fadeInDown animated" data-delay=".2s"
|
|
data-date="May 18 2024 10:30:00">
|
|
<div class="timer">
|
|
<div class="timer-outer bdr1">
|
|
<span class="days" data-days>0</span>
|
|
<div class="smalltext">Days</div>
|
|
<div class="value-bar"></div>
|
|
</div>
|
|
<div class="timer-outer bdr2">
|
|
<span class="hours" data-hours>0</span>
|
|
<div class="smalltext">Hours</div>
|
|
</div>
|
|
<div class="timer-outer bdr3">
|
|
<span class="minutes" data-minutes>0</span>
|
|
<div class="smalltext">Minutes</div>
|
|
</div>
|
|
<div class="timer-outer bdr4">
|
|
<span class="seconds" data-seconds>0</span>
|
|
<div class="smalltext">Seconds</div>
|
|
</div>
|
|
<p id="time-up"></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</section>
|
|
<!-- <section class="pricing services-bg pt-113 fix mb-80">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="s-video-wrap wow fadeInUp animated" data-animation="fadeInUp animated"
|
|
data-delay=".2s" style="background-image:url(img/thirdBlog/1.jpg)">
|
|
<div class="s-video-content mb-80">
|
|
<a href="https://youtube.com/v=fGaZHp4DFiw" target="_blank" class="popup-video mb-50"><i
|
|
class="fas fa-play"></i></a>
|
|
<h2>工作坊首發儀式</h2>
|
|
<p>Hello Hong Kong-2024香港文化旅遊導賞員挑戰賽</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> -->
|
|
<section class="inner-blog b-details-p pt-120 wow fadeInUp animated"
|
|
data-animation="fadeInUp animated" data-delay=".2s">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="blog-details-wrap">
|
|
<section id="activity"
|
|
class="about-area about-p pt-120 p-relative">
|
|
|
|
<div class="mt-20 align-items-center" style="width: 100%;">
|
|
<img src="img/start.jpg" style="width: 100%;" />
|
|
</div>
|
|
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- blog-area -->
|
|
<!-- <section id="blog" class="blog-area p-relative fix pt-100 pb-80">
|
|
|
|
<div class="container">
|
|
<div class="section-t team-t paroller" data-paroller-factor="0.15" data-paroller-factor-lg="0.15"
|
|
data-paroller-factor-md="0.15" data-paroller-factor-sm="0.15" data-paroller-type="foreground"
|
|
data-paroller-direction="horizontal">
|
|
<h2>報導</h2>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="col-xl-8 col-lg-8">
|
|
<div class="section-title mb-80">
|
|
<span class="wow fadeInUp animated" data-animation="fadeInUp animated"
|
|
data-delay=".2s">報導</span>
|
|
<h2 class="wow fadeInUp animated" data-animation="fadeInUp animated" data-delay=".2s">最新報導
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-4 col-lg-4 text-right">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="row blog-active2 wow fadeInDown animated" data-animation="fadeInDown animated"
|
|
data-delay=".2s">
|
|
<div class="col-lg-6 col-md-6">
|
|
<div class="single-post mb-30">
|
|
<div class="blog-thumb">
|
|
<a href="thirdBlog.html"><img src="img/workshopInitCover.jpg" alt="img"></a>
|
|
|
|
</div>
|
|
<div class="blog-content">
|
|
<div class="b-meta mb-20">
|
|
<ul>
|
|
<li><i class="far fa-alarm-clock"></i>
|
|
about 3 mins
|
|
</li>
|
|
<li><i class="far fa-user"></i>
|
|
by Edward Cheuk 卓友森
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<h4><a href="thirdBlog.html">2024 Hello Hong Kong 挑戰賽·挑戰賽工作坊首發儀式</a></h4>
|
|
<p>未來青年旅遊大使齊聚屯門珠海學院·Hello Hong Kong-挑戰賽工作坊首發儀式圓滿成功</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6">
|
|
<div class="single-post mb-30">
|
|
<div class="blog-thumb">
|
|
<a href="secondBlog.html"><img src="img/gzbg.jpg" alt="img"></a>
|
|
|
|
</div>
|
|
<div class="blog-content">
|
|
<div class="b-meta mb-20">
|
|
<ul>
|
|
<li><i class="far fa-alarm-clock"></i>
|
|
about 3 mins
|
|
</li>
|
|
<br>
|
|
<br>
|
|
</ul>
|
|
</div>
|
|
<h4><a href="secondBlog.html">Hello Hong Kong 挑戰賽-廣州賽區·啟動儀式</a></h4>
|
|
<p>創新賽製：優勝作品需獲得市場認可<br><br></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</section> -->
|
|
<!-- blog-area-end -->
|
|
<section class="inner-blog b-details-p pt-120 wow fadeInUp animated"
|
|
data-animation="fadeInUp animated" data-delay=".2s">
|
|
<div class="container">
|
|
<div class="section-t team-t paroller" data-paroller-factor="0.15" data-paroller-factor-lg="0.15"
|
|
data-paroller-factor-md="0.15" data-paroller-factor-sm="0.15" data-paroller-type="foreground"
|
|
data-paroller-direction="horizontal">
|
|
<h2>形象大使</h2>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="col-xl-8 col-lg-8">
|
|
<div class="section-title">
|
|
<span class="wow fadeInUp animated" data-animation="fadeInUp animated"
|
|
data-delay=".2s">形象大使</span>
|
|
<h2 class="wow fadeInUp animated" data-animation="fadeInUp animated" data-delay=".2s">陳珍莉院士
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-4 col-lg-4 text-right">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="blog-details-wrap">
|
|
<section id="activity"
|
|
class="about-area about-p p-relative">
|
|
|
|
<div class="mt-20 align-items-center" style="width: 100%;">
|
|
<img src="img/ambassador.png" style="width: 100%;" />
|
|
</div>
|
|
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- activity-area -->
|
|
|
|
<!-- activity-area-end -->
|
|
<!-- about-area -->
|
|
<section id="about" class="about-area about-p pt-120 pb-120 p-relative">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-6">
|
|
<div class="feature-box wow fadeInDown animated" data-animation="fadeInDown animated"
|
|
data-delay=".2s">
|
|
<div class="crl mb-30">
|
|
<img src="img/icon_1.png" alt="icon">
|
|
<!-- <span>1</span> -->
|
|
</div>
|
|
<h4>Networking</h4>
|
|
</div>
|
|
<div class="feature-box wow fadeInDown animated" data-animation="fadeInDown animated"
|
|
data-delay=".2s">
|
|
<div class="crl mb-30">
|
|
<img src="img/icon_2.png" alt="icon">
|
|
<!-- <span>2</span> -->
|
|
</div>
|
|
<h4>Strategy</h4>
|
|
</div>
|
|
<div class="feature-box wow fadeInDown animated" data-animation="fadeInDown animated"
|
|
data-delay=".2s">
|
|
<div class="crl mb-30">
|
|
<img src="img/icon_3.png" alt="icon">
|
|
<!-- <span>3</span> -->
|
|
</div>
|
|
<h4>Have Fun</h4>
|
|
</div>
|
|
<div class="feature-box wow fadeInDown animated" data-animation="fadeInDown animated"
|
|
data-delay=".2s">
|
|
<div class="crl mb-30">
|
|
<img src="img/icon_4.png" alt="icon">
|
|
<!-- <span>4</span> -->
|
|
</div>
|
|
<h4>Education</h4>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="about-content s-about-content pl-30">
|
|
<div class="about-title second-atitle">
|
|
<div class="text-outline wow fadeInUp animated" data-animation="fadeInUp animated"
|
|
data-delay=".2s">
|
|
<span>初賽</span>
|
|
</div>
|
|
<span class="wow fadeInUp animated" data-animation="fadeInUp animated"
|
|
data-delay=".3s">參加比賽</span>
|
|
<h2 class="wow fadeInUp animated" data-animation="fadeInUp animated" data-delay=".4s">
|
|
目的與意義</h2>
|
|
<h5 class="wow fadeInUp animated" data-animation="fadeInUp animated" data-delay=".5s">
|
|
<span></span>
|
|
<!-- Shift your perspective on digital business -->
|
|
</h5>
|
|
</div>
|
|
<div class="wow fadeInDown animated" data-animation="fadeInUp animated" data-delay=".2s">
|
|
<p>• 講好香港故事的活動
|
|
<br>• 深度挖掘香港富有歷史文化、古物古蹟、美食美景、多元色彩的旅遊資源
|
|
<br>• 帶給香港青少年一個富有本地旅遊特色及“我愛我家”教育意義的活動
|
|
<br>• 以青少年喜愛方式為傳播旅遊教育提供良好的學習場景和氛圍
|
|
<br>• 鍛煉青少年團隊精神、邏輯思考能力、分析能力、語言表達能力、公開演講能力、視頻拍攝及剪輯能力、社交平台自我形象打造能力
|
|
<br>• 整合“旅遊教育+青少年活動+特色旅遊+公益活動+社交平台宣傳+市場營銷”等元素的商業模式創新
|
|
</p>
|
|
|
|
<a href="https://forms.gle/GrdHdPspYdQd6cLB8" class="btn mt-20"><i
|
|
class="far fa-ticket-alt"></i>初賽報名</a>
|
|
<a class='btn mt-20' href="uploadInstruction.pdf">IG上載注意事項</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- about-area-end -->
|
|
|
|
<!-- counter-area -->
|
|
<div class="counter-area pt-120 pb-120"
|
|
style="background-image:url(img/counter_bg.jpg);background-size: cover;">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6 col-sm-6">
|
|
<div class="about-title second-atitle">
|
|
<span class="wow fadeInUp animated" data-animation="fadeInUp animated" data-delay=".2s">Why
|
|
Join Ovent</span>
|
|
<h2 class="wow fadeInUp animated" data-animation="fadeInUp animated" data-delay=".2s">2024
|
|
香港文化旅遊導賞員挑戰賽</h2>
|
|
<!-- <h5 class="wow fadeInUp animated" data-animation="fadeInUp animated" data-delay=".2s">Shift your perspective on digital business</h5> -->
|
|
</div>
|
|
<ul class="wow fadeInDown animated" data-animation="fadeInDown animated" data-delay=".2s">
|
|
<li>
|
|
<img src="img/calendar.png" alt="img">
|
|
<span>文化</span>
|
|
</li>
|
|
<li>
|
|
<img src="img/comments.png" alt="img">
|
|
<span>旅遊</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-lg-6 col-sm-6">
|
|
<div class="single-counter text-center mb-30 cr1">
|
|
<div class="counter p-relative">
|
|
<span class="count">50</span>
|
|
<small>+</small>
|
|
</div>
|
|
<p>Sponsors</p>
|
|
</div>
|
|
<div class="single-counter text-center mb-30 cr2">
|
|
<div class="counter p-relative">
|
|
<span class="count">100</span>
|
|
<small>+</small>
|
|
</div>
|
|
<p>Cool Speakers</p>
|
|
</div>
|
|
<div class="single-counter text-center mb-30 cr3">
|
|
<div class="counter p-relative">
|
|
<span class="count">20</span>
|
|
<small>+</small>
|
|
</div>
|
|
<p>Excellent Teams</p>
|
|
</div>
|
|
<div class="cr4"></div>
|
|
<div class="cr5"></div>
|
|
<div class="cr6"></div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- counter-area-end -->
|
|
<!-- event -->
|
|
<!-- <div class="event fix pt-120 pb-120">
|
|
<div class="section-t team-t paroller" data-paroller-factor="0.15" data-paroller-factor-lg="0.15"
|
|
data-paroller-factor-md="0.15" data-paroller-factor-sm="0.15" data-paroller-type="foreground"
|
|
data-paroller-direction="horizontal">
|
|
<h2>Event</h2>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="col-xl-6 col-lg-8">
|
|
<div class="section-title text-center mb-80">
|
|
<span class="wow fadeInUp animated" data-animation="fadeInUp animated"
|
|
data-delay=".2s">Event</span>
|
|
<h2 class="wow fadeInUp animated" data-animation="fadeInUp animated" data-delay=".2s">Event On
|
|
Trend</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12 ">
|
|
<nav class="wow fadeInDown animated" data-animation="fadeInDown animated" data-delay=".2s">
|
|
<div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
|
|
|
|
<a class="nav-item nav-link active show" id="nav-profile-tab" data-toggle="tab"
|
|
href="#two" role="nav-home-tab" aria-selected="true"><img src="img/t-icon.png"
|
|
alt="img" class="drk-icon">
|
|
<img src="img/t-w-icon1.png" alt="img" class="lgt-icon">
|
|
<div class="nav-content">
|
|
<strong>Coming</strong>
|
|
<span>3月底-6月初</span>
|
|
</div>
|
|
</a>
|
|
<a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#three"
|
|
role="tab" aria-selected="false"><img src="img/t-icon.png" alt="img"
|
|
class="drk-icon">
|
|
<img src="img/t-w-icon1.png" alt="img" class="lgt-icon">
|
|
<div class="nav-content">
|
|
<strong>Next</strong>
|
|
<span>5月</span>
|
|
</div>
|
|
</a>
|
|
|
|
</div>
|
|
</nav>
|
|
<div class="tab-content py-3 px-3 px-sm-0 wow fadeInDown animated"
|
|
data-animation="fadeInDown animated" data-delay=".2s" id="nav-tabContent">
|
|
<div class="tab-pane fade" id="one" role="tabpanel" aria-labelledby="nav-profile-tab">
|
|
|
|
<div class="row mb-30">
|
|
<div class="col-lg-12">
|
|
<div class="event-list-content fix">
|
|
<ul data-animation="fadeInUp animated" data-delay=".2s"
|
|
style="animation-delay: 0.2s;" class="">
|
|
<li><i class="fas fa-map-marker-alt"></i> Hong Kong</li>
|
|
<li><i class="far fa-clock"></i>3月21日</li>
|
|
</ul>
|
|
<h2>新聞發佈會及初賽啟動禮時間 </h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane fade active show" id="two" role="tabpanel"
|
|
aria-labelledby="nav-home-tab">
|
|
|
|
<div class="row mb-30">
|
|
<div class="col-lg-12">
|
|
<div class="event-list-content fix">
|
|
<ul data-animation="fadeInUp animated" data-delay=".2s"
|
|
style="animation-delay: 0.2s;" class="">
|
|
<li><i class="fas fa-map-marker-alt"></i> Hong Kong</li>
|
|
<li><i class="far fa-clock"></i>3月底-6月初</li>
|
|
</ul>
|
|
<h2>比賽攻略及遊學線路設計技巧
|
|
工作坊時間
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<div class="tab-pane fade" id="three" role="tabpanel" aria-labelledby="nav-contact-tab">
|
|
|
|
<div class="row mb-30">
|
|
<div class="col-lg-12">
|
|
<div class="event-list-content fix">
|
|
<ul data-animation="fadeInUp animated" data-delay=".2s"
|
|
style="animation-delay: 0.2s;" class="">
|
|
<li><i class="fas fa-map-marker-alt"></i> Hong Kong</li>
|
|
<li><i class="far fa-clock"></i>5月18日</li>
|
|
</ul>
|
|
<h2>Hello Hong Kong 挑戰賽截止報名
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-30">
|
|
<div class="col-lg-12">
|
|
<div class="event-list-content fix">
|
|
<ul data-animation="fadeInUp animated" data-delay=".2s"
|
|
style="animation-delay: 0.2s;" class="">
|
|
<li><i class="fas fa-map-marker-alt"></i> Hong Kong</li>
|
|
<li><i class="far fa-clock"></i>5月底</li>
|
|
</ul>
|
|
<h2>初賽成績公佈時間
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
<!-- event -->
|
|
<div class="event fix pt-120 pb-120">
|
|
<div class="section-t team-t paroller" data-paroller-factor="0.15" data-paroller-factor-lg="0.15"
|
|
data-paroller-factor-md="0.15" data-paroller-factor-sm="0.15" data-paroller-type="foreground"
|
|
data-paroller-direction="horizontal">
|
|
<h2>HISTORY</h2>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="col-xl-6 col-lg-8">
|
|
<div class="section-title text-center mb-80">
|
|
<span class="wow fadeInUp animated" data-animation="fadeInUp animated"
|
|
data-delay=".2s">HISTORY</span>
|
|
<h2 class="wow fadeInUp animated" data-animation="fadeInUp animated" data-delay=".2s">Past Event
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12 ">
|
|
<nav class="wow fadeInDown animated" data-animation="fadeInDown animated" data-delay=".2s">
|
|
<div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
|
|
<a class="nav-item nav-link active show" id="tab" data-toggle="tab" href="#pastone"
|
|
role="tab">
|
|
<img src="img/t-icon.png" alt="img" class="drk-icon">
|
|
<img src="img/t-w-icon1.png" alt="img" class="lgt-icon">
|
|
<div class="nav-content">
|
|
<strong>香港賽區·啟動禮&新聞發佈會</strong>
|
|
<span>2023年3月21日</span>
|
|
</div>
|
|
</a>
|
|
<a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#pasttwo" role="nav-home-tab" aria-selected="true"><img src="img/t-icon.png" alt="img" class="drk-icon">
|
|
<img src="img/t-w-icon1.png" alt="img" class="lgt-icon">
|
|
<div class="nav-content">
|
|
<strong>廣州賽區·啟動儀式</strong>
|
|
<span>2023年4月21日</span>
|
|
</div>
|
|
</a>
|
|
<a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#pastthree" role="nav-home-tab" aria-selected="true"><img src="img/t-icon.png" alt="img" class="drk-icon">
|
|
<img src="img/t-w-icon1.png" alt="img" class="lgt-icon">
|
|
<div class="nav-content">
|
|
<strong>挑戰賽工作坊首發儀式</strong>
|
|
<span>2023年4月30日</span>
|
|
</div>
|
|
</a>
|
|
<!-- <a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#three" role="tab" aria-selected="false"><img src="img/t-icon.png" alt="img" class="drk-icon">
|
|
<img src="img/t-w-icon1.png" alt="img" class="lgt-icon">
|
|
<div class="nav-content">
|
|
<strong>Third</strong>
|
|
<span>5月底</span>
|
|
</div>
|
|
</a> -->
|
|
|
|
</div>
|
|
</nav>
|
|
<div class="tab-content py-3 px-3 px-sm-0 wow fadeInDown animated"
|
|
data-animation="fadeInDown animated" data-delay=".2s" id="nav-tabContent">
|
|
<div class="tab-pane fade active show" id="pastone" role="tabpanel"
|
|
aria-labelledby="nav-profile-tab">
|
|
<!-- row loop -->
|
|
<div class="row mb-30">
|
|
<!-- <div class="col-lg-2">
|
|
<div class="user">
|
|
<div class="title">
|
|
<img src="img/event_avatar_1.png" alt="img">
|
|
<h5>Rosalina William</h5>
|
|
<p>UX Deisgn</p>
|
|
</div>
|
|
<ul>
|
|
<li><i class="fal fa-coffee"></i> Coffe & Snacks</li>
|
|
<li><i class="fal fa-video"></i> Video Streming</li>
|
|
</ul>
|
|
</div>
|
|
</div> -->
|
|
<div class="col-lg-12">
|
|
<div class="event-list-content fix">
|
|
<ul data-animation="fadeInUp animated" data-delay=".2s"
|
|
style="animation-delay: 0.2s;" class="">
|
|
<li><i class="fas fa-map-marker-alt"></i> Hong Kong</li>
|
|
<li><i class="far fa-clock"></i>3月21日</li>
|
|
</ul>
|
|
<h2>2023香港文化旅遊導賞員挑戰賽新聞發佈會</h2>
|
|
<a href="新聞發佈會.html" class="btn mt-20">Read More</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-12">
|
|
<div class="event-list-content fix">
|
|
<ul data-animation="fadeInUp animated" data-delay=".2s"
|
|
style="animation-delay: 0.2s;" class="">
|
|
<li><i class="fas fa-map-marker-alt"></i> Hong Kong</li>
|
|
<li><i class="far fa-clock"></i>3月21日</li>
|
|
</ul>
|
|
<h2>2023香港文化旅遊導賞員挑戰賽初賽啟動禮 </h2>
|
|
<a href="invitation.html" class="btn mt-20">Read More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- row loop -->
|
|
</div>
|
|
<div class="tab-pane fade" id="pasttwo" role="tabpanel" aria-labelledby="nav-home-tab">
|
|
<!-- row loop -->
|
|
<div class="row mb-30">
|
|
<div class="col-lg-12">
|
|
<div class="event-list-content fix">
|
|
<ul data-animation="fadeInUp animated" data-delay=".2s"
|
|
style="animation-delay: 0.2s;" class="">
|
|
<li><i class="fas fa-map-marker-alt"></i>Guang Zhou</li>
|
|
<li><i class="far fa-clock"></i>4月21日下午2點</li>
|
|
</ul>
|
|
<h2>Hello Hong Kong 挑戰賽-廣州賽區·啟動儀式
|
|
</h2>
|
|
<!-- <p>In order to save time you have to break down the content strategy for the event or conference you are planning step by step. Creating this process from scratch will take the longest amount of time to build, but once you have content production foundation.</p> -->
|
|
<!-- <a href="#" class="btn mt-20 mr-10"><i class="far fa-ticket-alt"></i> Buy Ticket</a> -->
|
|
<a href="guangzhouInit.html" class="btn mt-20">Read More</a>
|
|
<!-- <div class="crical"><i class="fal fa-video"></i> </div> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="tab-pane fade" id="pastthree" role="tabpanel" aria-labelledby="nav-contact-tab">
|
|
<!-- row loop -->
|
|
<div class="row mb-30">
|
|
<div class="col-lg-12">
|
|
<div class="event-list-content fix">
|
|
<ul data-animation="fadeInUp animated" data-delay=".2s"
|
|
style="animation-delay: 0.2s;" class="">
|
|
<li><i class="fas fa-map-marker-alt"></i> Hong Kong</li>
|
|
<li><i class="far fa-clock"></i>4月30日</li>
|
|
</ul>
|
|
<h2>挑戰賽工作坊首發儀式
|
|
</h2>
|
|
<!-- <p>In order to save time you have to break down the content strategy for the event or conference you are planning step by step. Creating this process from scratch will take the longest amount of time to build, but once you have content production foundation.</p>
|
|
<a href="#" class="btn mt-20 mr-10"><i class="far fa-ticket-alt"></i> Buy Ticket</a>
|
|
|
|
<div class="crical"><i class="fal fa-video"></i> </div> -->
|
|
<a href="workshopInit.html" class="btn mt-20">Read More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- <div class="col-lg-12 justify-content-center text-center">
|
|
<a href="#" class="btn mt-20 mr-10">More Program +</a>
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- counter-area-end -->
|
|
<!-- pricing-area -->
|
|
<section id="pricing" class="pricing-area pt-113 pb-90 fix"
|
|
style="background-image:url(img/pricing_bg.jpg);background-size: cover;">
|
|
<div class="section-t team-t paroller" data-paroller-factor="0.15" data-paroller-factor-lg="0.15"
|
|
data-paroller-factor-md="0.15" data-paroller-factor-sm="0.15" data-paroller-type="foreground"
|
|
data-paroller-direction="horizontal">
|
|
<h2>參賽須知</h2>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="col-xl-6 col-lg-8">
|
|
<div class="section-title text-center mb-80">
|
|
<span class="wow fadeInUp animated" data-animation="fadeInUp animated"
|
|
data-delay=".2s">參賽須知</span>
|
|
<h2 class="wow fadeInUp animated" data-animation="fadeInUp animated" data-delay=".4s">初賽報名</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-6">
|
|
<div class="pricing-box text-center mb-30 wow fadeInDown animated"
|
|
data-animation="fadeInDown animated" data-delay=".2s">
|
|
<div class="pricing-head">
|
|
<h4>參賽資格及方式</h4>
|
|
<div class="price-count mb-30">
|
|
<h2><small>3-5人</small>小組</h2>
|
|
</div>
|
|
</div>
|
|
<div class="pricing-body mb-40" style="width:100%">
|
|
<p>• 16歲以上中學生至29歲青年<br>• 以3-5人小組形式組隊參加</p>
|
|
<strong>粵語• 普通話• 英語</strong>
|
|
<div class="bar">
|
|
<!-- <span style="width:100%;"></span> -->
|
|
</div>
|
|
<!-- <div class="bar-no">350/500</div> -->
|
|
|
|
<div class="pricing-btn mt-40 active">
|
|
<a href="uploadInstruction.pdf" class="btn" style="
|
|
background: #ff007a;
|
|
color: #fff;
|
|
border-color: #ff007a;
|
|
box-shadow: 0px 10px 19px 0px #ff007a66 !important;">IG上載注意事項</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6">
|
|
<div class="pricing-box active text-center mb-30 wow fadeInDown animated"
|
|
data-animation="fadeInDown animated" data-delay=".2s">
|
|
<!-- <div class="tag">Exclusive author</div> -->
|
|
<div class="pricing-head" style="width:100%">
|
|
<h4>Fee</h4>
|
|
<div class="price-count mb-30">
|
|
<h2><small>HKD$</small>100</h2>
|
|
</div>
|
|
</div>
|
|
<div class="pricing-body mb-40" style="width:100%">
|
|
<!-- <p>Time to sit down and think about what kind of content should be created, time to stop.</p>
|
|
<strong>All prices exclude 25% VAT</strong>
|
|
<div class="bar">
|
|
<span style="width:50%;"></span>
|
|
</div>
|
|
<div class="bar-no">350/500</div> -->
|
|
<div class="pricing-btn mt-40">
|
|
<a href="https://forms.gle/GrdHdPspYdQd6cLB8" class="btn"><i
|
|
class="far fa-ticket-alt"></i>報名</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6">
|
|
<div class="pricing-box text-center mb-30 wow fadeInDown animated"
|
|
data-animation="fadeInDown animated" data-delay=".2s">
|
|
<div class="pricing-head">
|
|
<h4>決賽名額及獎勵方式</h4>
|
|
<div class="price-count mb-30">
|
|
<h2><small>TOP</small>20</h2>
|
|
</div>
|
|
</div>
|
|
<div class="pricing-body mb-40" style="text-align: left;">
|
|
<p>評分最高的20支參賽隊伍將進入決賽,爭奪往返世界各地的機票及豐厚獎學金</p>
|
|
<p>所有進入決賽的隊伍將獲取免費參加『深圳龍華觀瀾湖文體旅遊深度參觀考察遊學團』或『廣州南沙文體旅遊深度參觀考察遊學團』資格</p>
|
|
<p>所有參賽者，獲得參賽證書+NFT證書一張</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- consultant -area -->
|
|
<!-- <section id="team" class="team-area p-relative pt-120 pb-120 fix">
|
|
<div class="section-t team-t paroller" data-paroller-factor="0.15" data-paroller-factor-lg="0.15" data-paroller-factor-md="0.15" data-paroller-factor-sm="0.15" data-paroller-type="foreground" data-paroller-direction="horizontal"><h2>籌委會顧問</h2></div>
|
|
<div class="circal1 item-zoom-inout"></div>
|
|
<div class="circal2 item-zoom-inout"></div>
|
|
<div class="circal3 item-zoom-inout"></div>
|
|
<div class="circal4 item-zoom-inout"></div>
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-xl-6 col-lg-8">
|
|
<div class="section-title text-center mb-80">
|
|
<span class="wow fadeInUp animated" data-animation="fadeInUp animated" data-delay=".2s">排名不分先後</span>
|
|
<h2 class="wow fadeInUp animated" data-animation="fadeInUp animated" data-delay=".4s">組委會顧問名單</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-6 wow fadeInDown animated" data-animation="fadeInUp animated" data-delay=".2s">
|
|
<div class="single-team text-center pt-50 pb-50 mb-30">
|
|
<div class="team-thumb">
|
|
<img src="img/speaker_1.png" alt="img">
|
|
</div>
|
|
<div class="team-info">
|
|
<h5>鄭敏如</h5>
|
|
<p>女士</p>
|
|
<p>Founder & CEO</p>
|
|
<strong>Fire Epic Ltd.</strong>
|
|
<div class="team-social pt-15 pb-15 mb-15">
|
|
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
|
<a href="#"><i class="fab fa-twitter"></i></a>
|
|
<a href="https://www.instagram.com/hellohk_micee"><i class="fab fa-instagram"></i></a>
|
|
<a href="#"><i class="fab fa-dribbble"></i></a>
|
|
</div>
|
|
<span>Content Writer</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 wow fadeInDown animated" data-animation="fadeInUp animated" data-delay=".2s">
|
|
<div class="single-team text-center pt-50 pb-50 mb-30">
|
|
<div class="team-thumb">
|
|
<img src="img/speaker_2.png" alt="img">
|
|
</div>
|
|
<div class="team-info">
|
|
<h5>何桂明 </h5>
|
|
<p>女士</p>
|
|
<p>Founder & CEO</p>
|
|
<strong>Fire Epic Ltd.</strong>
|
|
<div class="team-social pt-15 pb-15 mb-15">
|
|
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
|
<a href="#"><i class="fab fa-twitter"></i></a>
|
|
<a href="https://www.instagram.com/hellohk_micee"><i class="fab fa-instagram"></i></a>
|
|
<a href="#"><i class="fab fa-dribbble"></i></a>
|
|
</div>
|
|
<span>Content Writer</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 wow fadeInDown animated" data-animation="fadeInUp animated" data-delay=".2s">
|
|
<div class="single-team text-center pt-50 pb-50 mb-30">
|
|
<div class="tag">Gold</div>
|
|
<div class="team-thumb">
|
|
<img src="img/speaker_3.png" alt="img">
|
|
</div>
|
|
<div class="team-info">
|
|
<h5>鄧秉森 </h5>
|
|
<p>博士</p>
|
|
<p>Founder & CEO</p>
|
|
<strong>Fire Epic Ltd.</strong>
|
|
<div class="team-social pt-15 pb-15 mb-15">
|
|
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
|
<a href="#"><i class="fab fa-twitter"></i></a>
|
|
<a href="https://www.instagram.com/hellohk_micee"><i class="fab fa-instagram"></i></a>
|
|
<a href="#"><i class="fab fa-dribbble"></i></a>
|
|
</div>
|
|
<span>Content Writer</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 wow fadeInDown animated" data-animation="fadeInUp animated" data-delay=".2s">
|
|
<div class="single-team text-center pt-50 pb-50 mb-30">
|
|
<div class="team-thumb">
|
|
<img src="img/speaker_4.png" alt="img">
|
|
</div>
|
|
<div class="team-info">
|
|
<h5>梁國鵬</h5>
|
|
<p> 先生</p>
|
|
<strong>Fire Epic Ltd.</strong>
|
|
<div class="team-social pt-15 pb-15 mb-15">
|
|
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
|
<a href="#"><i class="fab fa-twitter"></i></a>
|
|
<a href="https://www.instagram.com/hellohk_micee"><i class="fab fa-instagram"></i></a>
|
|
<a href="#"><i class="fab fa-dribbble"></i></a>
|
|
</div>
|
|
<span>Content Writer</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 wow fadeInDown animated" data-animation="fadeInUp animated" data-delay=".2s">
|
|
<div class="single-team text-center pt-50 pb-50 mb-30">
|
|
<div class="team-thumb">
|
|
<img src="img/speaker_4.png" alt="img">
|
|
</div>
|
|
<div class="team-info">
|
|
<h5>何民傑 </h5>
|
|
<p>先生</p>
|
|
<strong>Fire Epic Ltd.</strong>
|
|
<div class="team-social pt-15 pb-15 mb-15">
|
|
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
|
<a href="#"><i class="fab fa-twitter"></i></a>
|
|
<a href="https://www.instagram.com/hellohk_micee"><i class="fab fa-instagram"></i></a>
|
|
<a href="#"><i class="fab fa-dribbble"></i></a>
|
|
</div>
|
|
<span>Content Writer</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 wow fadeInDown animated" data-animation="fadeInUp animated" data-delay=".2s">
|
|
<div class="single-team text-center pt-50 pb-50 mb-30">
|
|
<div class="team-thumb">
|
|
<img src="img/speaker_4.png" alt="img">
|
|
</div>
|
|
<div class="team-info">
|
|
<h5>朱偉明 </h5>
|
|
<p>先生</p>
|
|
<strong>Fire Epic Ltd.</strong>
|
|
<div class="team-social pt-15 pb-15 mb-15">
|
|
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
|
<a href="#"><i class="fab fa-twitter"></i></a>
|
|
<a href="https://www.instagram.com/hellohk_micee"><i class="fab fa-instagram"></i></a>
|
|
<a href="#"><i class="fab fa-dribbble"></i></a>
|
|
</div>
|
|
<span>Content Writer</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> -->
|
|
<!-- consult -area-end -->
|
|
|
|
<section class="sponsors services-bg pt-113 fix">
|
|
<div class="container">
|
|
<div class="section-t team-t paroller" data-paroller-factor="0.15" data-paroller-factor-lg="0.15"
|
|
data-paroller-factor-md="0.15" data-paroller-factor-sm="0.15" data-paroller-type="foreground"
|
|
data-paroller-direction="horizontal">
|
|
<h2>Sponsors</h2>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="col-xl-8 col-lg-8">
|
|
<div class="section-title mb-80">
|
|
<span class="wow fadeInUp animated" data-animation="fadeInUp animated"
|
|
data-delay=".2s">Sponsors</span>
|
|
<h2 class="wow fadeInUp animated" data-animation="fadeInUp animated" data-delay=".2s">Happy
|
|
Sponsors</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-12 col-md-12 text-center">
|
|
<ul class="wow fadeInDown animated" data-animation="fadeInDown animated" data-delay=".2s"
|
|
style="background-color: white;">
|
|
<li><img style="max-width:225px;" src="img/sponsor/sponser_1.jpg" alt="img"></li>
|
|
<li><img style="max-width:225px;" src="img/sponsor/sponser_2.jpg" alt="img"></li>
|
|
<li><img style="max-width:225px;" src="img/sponsor/sponser_3.jpg" alt="img"></li>
|
|
<li><img style="max-width:225px;" src="img/sponsor/sponser_4.jpg" alt="img"></li>
|
|
<li><img style="max-width:225px;" src="img/sponsor/sponser_5.jpg" alt="img"></li>
|
|
<li><img style="max-width:225px;" src="img/sponsor/sponser_6.jpg" alt="img"></li>
|
|
<li><img style="max-width:225px;" src="img/sponsor/sponser_7.jpg" alt="img"></li>
|
|
<li><img style="max-width:225px;" src="img/sponsor/sponser_8.jpg" alt="img"></li>
|
|
<li><img style="max-width:225px;" src="img/sponsor/sponser_9.jpg" alt="img"></li>
|
|
<li><img style="max-width:225px;" src="img/sponsor/sponser_10.jpg" alt="img"></li>
|
|
<li><img style="max-width:225px;" src="img/sponsor/sponser_11.jpg" alt="img"></li>
|
|
<li><img style="max-width:225px;" src="img/sponsor/sponser_12.jpg" alt="img"></li>
|
|
<li><img style="max-width:225px;" src="img/sponsor/sponser_13.jpg" alt="img"></li>
|
|
<li><img style="max-width:225px;" src="img/sponsor/sponser_14.jpg" alt="img"></li>
|
|
<li><img style="max-width:225px;" src="img/sponsor/sponser_15.jpg" alt="img"></li>
|
|
<li><img style="max-width:225px;" src="img/sponsor/sponser_16.jpg" alt="img"></li>
|
|
<li><img style="max-width:225px;" src="img/sponsor/sponser_17.jpg" alt="img"></li>
|
|
<li><img style="max-width:225px;" src="img/sponsor/sponser_18.jpg" alt="img"></li>
|
|
<li><img style="max-width:225px;" src="img/sponsor/sponser_19.jpg" alt="img"></li>
|
|
<li><img style="max-width:225px;" src="img/sponsor/sponser_20.jpg" alt="img"></li>
|
|
<li><img style="max-width:225px;" src="img/sponsor/sponser_21.jpg" alt="img"></li>
|
|
<li><img style="max-width:225px;" src="img/sponsor/sponser_22.jpg" alt="img"></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="row">
|
|
<div class="col-12">
|
|
<div class="s-video-wrap wow fadeInUp animated" data-animation="fadeInUp animated" data-delay=".2s" style="background-image:url(img/video_bg.png)" style="background-image:url(img/video_bg.png)">
|
|
<div class="s-video-content mb-80">
|
|
<a href="https://www.youtube.com/watch?v=7e90gBu4pas" class="popup-video mb-50"><i class="fas fa-play"></i></a>
|
|
<h2>Intro Video</h2>
|
|
<p>The issue with any content strategy is time.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
</section>
|
|
<!-- Sponsors-area-end -->
|
|
<section class="pricing services-bg pt-113 fix mb-80">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="s-video-wrap wow fadeInUp animated" data-animation="fadeInUp animated"
|
|
data-delay=".2s" style="background-image:url(img/video_bg_intro.jpg)">
|
|
<div class="s-video-content mb-80">
|
|
<a href="https://youtube.com/v=lkBaMhGCtkQ" target="_blank" class="popup-video mb-50"><i
|
|
class="fas fa-play"></i></a>
|
|
<h2>比賽規則介紹視頻</h2>
|
|
<p> </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="s-video-wrap wow fadeInUp animated" data-animation="fadeInUp animated"
|
|
data-delay=".2s" style="background-image:url(img/video_bg_4.jpg)">
|
|
<div class="s-video-content mb-80">
|
|
<a href="https://youtube.com/v=GNi0attMcXA" target="_blank" class="popup-video mb-50"><i
|
|
class="fas fa-play"></i></a>
|
|
<h2> </h2>
|
|
<p> </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="s-video-wrap wow fadeInUp animated" data-animation="fadeInUp animated"
|
|
data-delay=".2s" style="background-image:url(img/video_bg_1.jpg)">
|
|
<div class="s-video-content mb-80">
|
|
<a href="https://www.youtube.com/watch?v=LCz0DfN2bMw" target="_blank"
|
|
class="popup-video mb-50"><i class="fas fa-play"></i></a>
|
|
<h2> </h2>
|
|
<p> </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12">
|
|
<div class="s-video-wrap wow fadeInUp animated" data-animation="fadeInUp animated"
|
|
data-delay=".2s" style="background-image:url(img/video_bg_2.jpg)">
|
|
<div class="s-video-content mb-80">
|
|
<a href="https://youtube.com/watch?v=hroQGiacUMc" target="_blank"
|
|
class="popup-video mb-50"><i class="fas fa-play"></i></a>
|
|
<h2> </h2>
|
|
<p> </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12">
|
|
<div class="s-video-wrap wow fadeInUp animated" data-animation="fadeInUp animated"
|
|
data-delay=".2s" style="background-image:url(img/video_bg_3.jpg)">
|
|
<div class="s-video-content mb-80">
|
|
<a href="https://youtube.com/v=ljQuNCEsNxo" target="_blank" class="popup-video mb-50"><i
|
|
class="fas fa-play"></i></a>
|
|
<h2> </h2>
|
|
<p> </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-12">
|
|
<div class="s-video-wrap wow fadeInUp animated" data-animation="fadeInUp animated"
|
|
data-delay=".2s" style="background-image:url(img/video_bg_5.png)">
|
|
<div class="s-video-content mb-80">
|
|
<a href="https://youtube.com/v=pPKza2n8nPQ" class="popup-video mb-50"><i
|
|
class="fas fa-play"></i></a>
|
|
<h2> </h2>
|
|
<p> </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
<!-- main-area-end -->
|
|
<!-- footer -->
|
|
<footer class="footer-bg footer-p" style="background-image:url(img/footer_bg_img.jpg);background-size: cover;">
|
|
|
|
<div class="footer-top">
|
|
<div class="container">
|
|
<div class="row justify-content-between">
|
|
<div class="col-xl-12 col-lg-12 col-sm-12 text-center">
|
|
<div class="footer-widget pt-120 mb-30">
|
|
<div class="logo mb-35">
|
|
<a href="#"><img src="img/logo/logo.png" style="width: 174px;" alt="logo"></a>
|
|
</div>
|
|
<div class="footer-text mb-20">
|
|
<p>遊遍世界，學貫中西</p>
|
|
</div>
|
|
<div class="footer-social">
|
|
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
|
<a href="#"><i class="fab fa-twitter"></i></a>
|
|
<a href="https://www.instagram.com/hellohk_micee"><i class="fab fa-instagram"></i></a>
|
|
<a href="#"><i class="fab fa-weixin"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="copyright-wrap pb-120">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="copyright-text text-center">
|
|
<div class="footer-link">
|
|
<ul>
|
|
<li><a href="about.html">初心</a></li>
|
|
<li><a href="blog.html">報導</a></li>
|
|
<li><a href="history.html">歷史記錄</a></li>
|
|
<li><a href="https://forms.gle/GrdHdPspYdQd6cLB8">報名</a></li>
|
|
<li><a href="uploadInstruction.pdf" >IG上載注意事項</a></li>
|
|
</ul>
|
|
</div>
|
|
<div style="padding-top: 50px">
|
|
<p>Copyright© <span>遊學天地 </span> | All Rights Reserved</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- footer-end -->
|
|
|
|
|
|
|
|
<!-- JS here -->
|
|
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
|
|
<script src="js/vendor/jquery-1.12.4.min.js"></script>
|
|
<script src="js/popper.min.js"></script>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script src="js/one-page-nav-min.js"></script>
|
|
<script src="js/slick.min.js"></script>
|
|
<script src="js/ajax-form.js"></script>
|
|
<script src="js/paroller.js"></script>
|
|
<script src="js/wow.min.js"></script>
|
|
<script src="js/parallax.min.js"></script>
|
|
<script src="js/jquery.waypoints.min.js"></script>
|
|
<script src="js/jquery.countdown.min.js"></script>
|
|
<script src="js/jquery.counterup.min.js"></script>
|
|
<script src="js/jquery.scrollUp.min.js"></script>
|
|
<script src="js/jquery.magnific-popup.min.js"></script>
|
|
<script src="js/element-in-view.js"></script>
|
|
<script src="js/isotope.pkgd.min.js"></script>
|
|
<script src="js/imagesloaded.pkgd.min.js"></script>
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
|
|
</html> |