master

分支 (4)

管理

管理

master

bb

wind_bb

wind

c2_net
/
blogs_author.html

<!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.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="index.html">主頁</a></li>
                        <li><a href="focus.html">文創焦點</a> </li>
                        <li><a href="report.html">報導</a></li>
                        <li><a href="blogs.html">文創博客</a></li>
                        <li><a href="goodday.html">好日子</a></li>
                        <li><a href="video.html">錄像</a></li>
                        <li><a href="periodical.html">期刊</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="">中文</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">訂閱</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="">中文</a>| <a href="">EN</a>| <a href="">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">訂閱</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="">中文</a>| <a href="">EN</a>| <a href="">PT</a></div>
                 </div>

                <ul>
                    <li ><a href="index.html">主頁</a></li>
                    <li><a href="focus.html">文創焦點</a></li>
                    <li><a href="report.html">報導</a>
                        <ul class="nav-well-menu">
                            <li><a href="">文創放大鏡</a></li>
                            <li><a href="">在地正文創</a></li>
                            <li><a href="">走過文創大地</a></li>
                            <li><a href="">品牌故事</a></li>
                            <li><a href="">文創新秀</a></li>
                            <li><a href="">世界正文創</a></li>
                            <li><a href="">文創數字在說話</a></li>
                        </ul>
                    </li>
                    <li><a href="blogs.html">文創博客</a></li>
                    <li><a href="goodday.html">好日子</a></li>
                    <li><a href="video.html">錄像</a></li>
                    <li><a href="periodical.html">期刊</a></li>
                </ul>
                   </div>
            </div>

        <div class="container mt-3">
            <div class="author-con">
                <div class="col-md-3 col-xs-4 animated scroll_response" data-animation="fadeInLeft" >
                    <div class="item-img">
                        <div class="b-img" style="background:url(images/img1.jpg) no-repeat; background-size: cover;background-position: center;"></div>
                    </div>
                </div>
                <div class="col-md-9 col-xs-8 animated scroll_response" data-animation="fadeInRight">
                    <div class="right">
                        <h3>鄧曉炯</h3>
                        <h4>寫作人、文化評論人，曾獲澳門文學獎、澳門中篇小説獎，出版作品包括：小説集《浮城》、《刺客》、《迷魂》及評論集......</h4>
                    </div>
                </div>
            </div>
            <div class="title mb-3 animated scroll_response" data-animation="fadeInUp"><span>文章</span></div>
            <div class="article-li">
                <div class="blogs-con animated scroll_response" data-animation="fadeInUp">
                    <div class="right">
                        <a href="blogs_info.html"><h3 class="mt-1">標題</h3></a>
                        <p>文字</p>
                        <div class="item-time">2017年12月 ｜ 第二十四期 <a href="">梁雄業</a></div>
                    </div>
                </div>
                <div class="blogs-con animated scroll_response" data-animation="fadeInUp">
                    <div class="right">
                        <a href=""><h3 class="mt-1">標題</h3></a>
                        <p>文字</p>
                        <div class="item-time">2017年12月 ｜ 第二十四期 <a href="">梁雄業</a></div>
                    </div>
                </div>
                <div class="blogs-con animated scroll_response" data-animation="fadeInUp">
                    <div class="right">
                        <a href=""><h3 class="mt-1">標題</h3></a>
                        <p>文字</p>
                        <div class="item-time">2017年12月 ｜ 第二十四期 <a href="">梁雄業</a></div>
                    </div>
                </div>
                <div class="blogs-con animated scroll_response" data-animation="fadeInUp">
                    <div class="right">
                        <a href=""><h3 class="mt-1">標題</h3></a>
                        <p>文字</p>
                        <div class="item-time">2017年12月 ｜ 第二十四期 <a href="">梁雄業</a></div>
                    </div>
                </div>
                <div class="blogs-con animated scroll_response" data-animation="fadeInUp">
                    <div class="right">
                        <a href=""><h3 class="mt-1">標題</h3></a>
                        <p>文字</p>
                        <div class="item-time">2017年12月 ｜ 第二十四期 <a href="">梁雄業</a></div>
                    </div>
                </div>
                <div class="blogs-con animated scroll_response" data-animation="fadeInUp">
                    <div class="right">
                        <a href=""><h3 class="mt-1">標題</h3></a>
                        <p>文字</p>
                        <div class="item-time">2017年12月 ｜ 第二十四期 <a href="">梁雄業</a></div>
                    </div>
                </div>
                <div class="text-center animated scroll_response" data-animation="fadeInUp">
                     <a href="" class="more">更多</a>
                </div>
            </div>

        </div>


        <div class="footer">
            <div class="container">
                <div class="f-nav" >
                    <a href="about.html">關於我們</a>｜
                    <a href="contact.html">聯絡我們</a>｜
                    <a href="policy.html">服務條款及私隱權保護政策</a>
                </div>
                <p>
                    瀏覽此網站建議使用Safari 5.0、Firefox 27.0、Internet Explorer 9.0或以上版本 <br />
                    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">&times;</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>

        <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>