代码拉取完成，页面将自动刷新
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<title>C<sup>2</sup>_net</title>
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdn.bootcss.com/animate.css/3.5.2/animate.css">
<link href="css/common.css" rel="stylesheet" type="text/css"/>
<link href="css/main_en.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<!--[if lt IE 9]>
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="top-bar">
<div class="container">
<div class="nav-mobile visible-xs">
<button class="nav-ico"><span class="glyphicon glyphicon-align-justify"></span></button>
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Feature</a> </li>
<li><a href="#">Reports</a></li>
<li><a href="#">Blogs</a></li>
<li><a href="#">Event Calender</a></li>
<li><a href="#">Video</a></li>
<li><a href="#">Magazine</a></li>
<div class="share pt-0">
<a href=""><img src="images/share-fb.jpg" alt=""/></a>
<a href=""><img src="images/share-yt.jpg" alt=""/></a>
<a href=""><img src="images/share-wt.jpg" alt=""/></a>
</div>
</ul>
</div>
<div class="lan-mobile visible-xs">
<button>中文</button>
<ul>
<li><a href="index.html">中文</a></li>
<li><a href="">EN</a></li>
<li><a href="">PT</a></li>
</ul>
</div>
</div>
</div>
<div class="container block-relative">
<div class="logo block-center">
<a href="index.html"><img src="images/logo.png"/></a>
<div class="line"></div>
</div>
<div class="share">
<div class="share-con hidden-xs">
<a href=""><img src="images/share-fb.jpg" alt=""/></a>
<a href=""><img src="images/share-yt.jpg" alt=""/></a>
<a href=""><img src="images/share-wt.jpg" alt=""/></a>
</div>
<button class="book" data-toggle="modal" data-target="#book">Subscribe</button>
<div class="search">
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#search"><img src="images/search.jpg" alt=""/></button>
</div>
<div class="lan hidden-xs"><a href="index.html">中文</a>| <a href="index_en.html">EN</a>| <a href="index_pt.html">PT</a></div>
</div>
</div>
<div class="nav hidden-xs">
<div class="container block-relative">
<div class="nav-logo">
<a href="index.html"><img src="images/logo.png" alt=""/></a>
</div>
<div class="nav-lan">
<button class="book" data-toggle="modal" data-target="#book">Subscribe</button>
<div class="search">
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#search"><img src="images/search.jpg" alt=""/></button>
</div>
<div class="lan"><a href="index.html">中文</a>| <a href="index_en.html">EN</a>| <a href="index_pt.html">PT</a></div>
</div>
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Feature</a></li>
<li><a href="#">Reports</a>
<ul class="nav-well-menu">
<li><a href="">Close-up</a></li>
<li><a href="">Local Force</a></li>
<li><a href="">Go Global</a></li>
<li><a href="">Brand Story</a></li>
<li><a href="">Extravaganza</a></li>
<li><a href="">Around the Globe</a></li>
<li><a href="">Infographics</a></li>
</ul>
</li>
<li><a href="#">Blogs</a></li>
<li><a href="#">Event Calender</a></li>
<li><a href="#">Video</a></li>
<li><a href="#">Magazine</a></li>
</ul>
</div>
</div>
<div class="banner animated scroll_response" data-animation="fadeInUp">
<div class="container">
<div id="banner" class="carousel slide" data-ride="carousel">
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="images/banner.jpg" alt=""/>
</div>
<div class="item">
<img src="images/banner.jpg" alt=""/>
</div>
<div class="item">
<img src="images/banner.jpg" alt=""/>
</div>
</div>
<ol class="carousel-indicators">
<li data-target="#banner" data-slide-to="0" class="active"></li>
<li data-target="#banner" data-slide-to="1"></li>
<li data-target="#banner" data-slide-to="2"></li>
</ol>
<a class="left carousel-control" href="#banner" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#banner" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
<div class="container">
<div class="title animated scroll_response" data-animation="fadeInUp"><span>Current Feature</span></div>
<div class="text-center animated scroll_response pull-right" data-animation="fadeInUp">
<a href="" class="more">More</a>
</div>
<div class="focus row pt-1">
<div class="col-md-8 left">
<a href="focus_info.html">
<div class="item-img">
<div class="b-img" style="background:url(images/img7.jpg) no-repeat; background-size: cover;background-position: center;"></div>
</div>
<div class="item-title">
<h4>A survival guide for brick-and-mortar bookstores</h4>
<p>By Jasper Hou 25/04/2018</p>
<p>Local design brand TICK.DESIGN was founded in November 2015 by two Macao sisters of post-90s, Katy Lui and Tramy Lui. And it’s now a popular design company in the local market with high-profile clients such as Louis Vuitton and McDonald’s. </p>
</div>
</a>
</div>
<div class="col-md-4 right">
<div class="col-xs-6 col-md-12 p-0">
<a href="focus_info.html">
<div class="item-img">
<div class="b-img" style="background:url(images/img3.jpg) no-repeat; background-size: cover;background-position: center;"></div>
<div class="showdown">
<div class="show-text2">A survival guide for brick-and-mortar bookstores<br />08/2017</div>
</div>
</div>
<div class="item-title">
<h4>A survival guide for brick-and-mortar bookstores</h4>
</div>
</a>
</div>
<div class="col-xs-6 col-md-12 p-0">
<a href="focus_info.html" class="mt-3">
<div class="item-img">
<div class="b-img" style="background:url(images/img2.jpg) no-repeat; background-size: cover;background-position: center;"></div>
<div class="showdown">
<div class="show-text2">Issue 26 <br />08/2017</div>
</div>
</div>
<div class="item-title">
<h4>A survival guide for brick-and-mortar bookstores</h4>
</div>
</a>
</div>
</div>
</div>
<div class="title animated scroll_response" data-animation="fadeInUp"><span>Current Reports</span></div>
<div class="text-center clearfix animated scroll_response pull-right" data-animation="fadeInUp">
<a href="" class="more">More</a>
</div>
<div class="report row pt-1">
<div class="col-md-4 animated scroll_response" data-animation="fadeInUp">
<a href="report_info.html">
<div class="item-img">
<div class="b-img after1" style="background:url(images/img1.jpg) no-repeat; background-size: cover;background-position: center;"></div>
</div>
<h4 class="item-title">A survival guide for brick-and-mortar bookstores</h4>
<p>By Jasper Hou <span class="pull-right">08/2017│Issue 26</span></p>
</a>
</div>
<div class="col-md-4 animated scroll_response" data-animation="fadeInUp">
<a href="report_info.html">
<div class="item-img">
<div class="b-img after1" style="background:url(images/img2.jpg) no-repeat; background-size: cover;background-position: center;"></div>
</div>
<h4 class="item-title">A survival guide for brick-and-mortar bookstores</h4>
<p>By Jasper Hou <span class="pull-right">08/2017│Issue 26</span></p>
</a>
</div>
<div class="col-md-4 animated scroll_response" data-animation="fadeInUp">
<a href="report_info.html">
<div class="item-img">
<div class="b-img after1" style="background:url(images/img3.jpg) no-repeat; background-size: cover;background-position: center;"></div>
</div>
<h4 class="item-title">A survival guide for brick-and-mortar bookstores</h4>
<p>By Jasper Hou <span class="pull-right">08/2017│Issue 26</span></p>
</a>
</div>
</div>
<div class="title animated scroll_response" data-animation="fadeInUp" ><span>Event Calender</span></div>
<div class="goodday row hidden-xs">
<div class="col-md-4 animated scroll_response" data-animation="fadeInUp">
<a href="" data-toggle="modal" data-target="#goodday">
<div class="item-img">
<div class="b-img" style="background:url(images/img4.jpg) no-repeat; background-size: cover;background-position: center;"></div>
</div>
<div class="item-title">
<h4>A survival guide for brick-and-mortar bookstores</h4>
<p>08/2017</p>
</div>
</a>
</div>
<div class="col-md-4 animated scroll_response" data-animation="fadeInUp">
<a href="" data-toggle="modal" data-target="#goodday">
<div class="item-img">
<div class="b-img" style="background:url(images/img4.jpg) no-repeat; background-size: cover;background-position: center;"></div>
</div>
<div class="item-title">
<h4>A survival guide for brick-and-mortar bookstores</h4>
<p>08/2017</p>
</div>
</a>
</div>
<div class="col-md-4 animated scroll_response" data-animation="fadeInUp">
<a href="" data-toggle="modal" data-target="#goodday">
<div class="item-img">
<div class="b-img" style="background:url(images/img4.jpg) no-repeat; background-size: cover;background-position: center;"></div>
</div>
<div class="item-title">
<h4>A survival guide for brick-and-mortar bookstores</h4>
<p>08/2017</p>
</div>
</a>
</div>
</div>
<div class="goodday-mobile row visible-xs">
<div class="col-xs-6 animated scroll_response" data-animation="fadeInUp">
<a href="" data-toggle="modal" data-target="#goodday">
<div class="item-img">
<img src="images/img4.jpg" alt="" />
</div>
<div class="item-title">
<h4>A survival guide for brick-and-mortar bookstores</h4>
<p>08/2017</p>
</div>
</a>
</div>
<div class="col-xs-6 animated scroll_response" data-animation="fadeInUp">
<a href="" data-toggle="modal" data-target="#goodday">
<div class="item-img">
<img src="images/img4.jpg" alt="" />
</div>
<div class="item-title">
<h4>A survival guide for brick-and-mortar bookstores</h4>
<p>08/2017</p>
</div>
</a>
</div>
</div>
<div class="title animated scroll_response" data-animation="fadeInUp"><span>Current Magazine</span></div>
<div class="goodday-e row">
<div class="col-md-4 animated scroll_response" data-animation="fadeInUp">
<a href="">
<div class="item-img">
<img src="images/img5.jpg" alt=""/>
</div>
<span>Downloads</span>
</a>
</div>
<div class="col-md-8 animated scroll_response" data-animation="fadeInUp">
<a href="">
<div class="item-img">
<img src="images/img6.jpg" alt=""/>
</div>
<span>Read</span>
</a>
</div>
</div>
</div>
<div class="footer">
<div class="container">
<div class="f-nav">
<a href="about.html">About us</a>｜
<a href="contact.html">Contact us</a>｜
<a href="policy.html">Terms of Service and Privacy Policy</a>
</div>
<p >
Best viewed with Safari 5.0, Chrome 33.0, Firefox 27.0, Internet Explorer 9.0 or above <br />
Subscribe to C<sup>2</sup>© 2018
</p>
</div>
<a href="" class="to-top">
<span class="glyphicon glyphicon-chevron-up" aria-hidden="true"></span>
</a>
</div>
<!--book Modal -->
<div class="modal fade" id="book" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body book-con">
<h2 class="text-center">訂閱《C<sup>2</sup>文創誌》</h2>
<input type="text" class="form-control mt-5" placeholder="電郵地址">
<button class="btn btn-default block-center" type="button">搜索</button>
<h4 class="text-center">訂閱條款：</h4>
<p>
《C<sup>2</sup>文創誌》的訂閱服務有可能因技術或網絡問題而未能如期發出，《C<sup>2</sup>文創誌》不會因此而負上任何責任。
倘您要求本網站提供訂閱《C<sup>2</sup>文創誌》的服務，本網站只會要求您提供電郵地址。收集該資料的目的是提供最新的
《C<sup>2</sup>文創誌》予您。
如閣下已閱讀、瞭解並同意接受上述訂閱條款，請於以上空白格填寫欲接收每月《C<sup>2</sup>文創誌》的電郵地址。
</p>
</div>
</div>
</div>
</div>
<!--serach Modal -->
<div class="modal fade" id="search" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<div class="modal-body">
<div class="search-con">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
<button class="btn btn-default" type="button">搜索</button>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="goodday" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<div class="modal-body goodday-text">
<h3>互動即興劇場《Choice3.0》工作坊</h3>
<div class="row">
<div class="col-md-7">
由澳門社工局及戲劇農莊主合辦，《Choice3.0》工作
坊將於九月展開，現在正式開始接受報名，上課時間
為9月10、17日下午3時至6時，於社工局健康生活教
育園地進行，工作坊中會教授互動即興劇的表演技巧
並於工作坊中甄選出演員進行演出。《Choice》系列
在過往已取得不少佳績，在2015及2016年演出均每場
爆滿，反應熱烈。
互動即興劇場《Choice3.0》預定於11 月初，假澳門
社工局-健康生活教育園地上演。是次演出由戲劇農莊
負責製作及演出。
正如現實一樣，每人每天都進行著以自己為主角的未
知故事。在《Choice3.0》中，每位演員均有以自己
為主角的篇章，可是卻沒有劇本，只有基礎框架及演
員，而即場演出的過程中亦會穿插按觀眾要求而加入
的角色。在無數未知的情況下，觀眾與演員將親歷其
中，一同尋找和迎接未知的結局。
報名及查詢可致電(853)2870 5005(逢星期一至五，
14:30 – 18:30)；亦可瀏覽www.tfarmers.org下載報
名表格。
<a href="">参考网站</a>
</div>
<div class="col-md-5">
<img src="images/20180111224407.png" alt=""/>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/waypoints/4.0.1/jquery.waypoints.min.js"></script>
<script src="js/common.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
</body>
</html>
Loading...
举报
请认真填写举报原因，尽可能描述详细。
请选择举报类型
误判申诉
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化