aboutforum.html 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <meta name="description" content="">
  7. <meta name="author" content="">
  8. <title>上海青年艺术博览会</title>
  9. <!-- Bootstrap core CSS -->
  10. <link href="css/bootstrap.min.css?v=2" rel="stylesheet" type="text/css">
  11. <link href="css/layout.css?v=4" rel="stylesheet" type="text/css">
  12. <link href="css/BannerSlide.css" rel="stylesheet" type="text/css">
  13. </head>
  14. <body>
  15. <nav class="navbar navbar-expand-md navbar-dark bg-dark mb-4">
  16. <div class="bar-tit">
  17. <a class="navbar-brand" href="#"><img src="images/logo3.png" alt=""/></a>
  18. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
  19. <span class="navbar-toggler-icon"></span>
  20. </button>
  21. <div class="collapse navbar-collapse" id="navbarCollapse">
  22. <ul class="navbar-nav mr-auto bar-ul">
  23. <li class="nav-item bar-li">
  24. <a class="nav-link" href="index.html">首页</a>
  25. </li>
  26. <li class="nav-item bar-li dropdown active">
  27. <a class="nav-link dropdown-toggle" href="about2018.html" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">关于展会</a>
  28. <div class="dropdown-menu" aria-labelledby="navbarDropdown">
  29. <a class="dropdown-item" href="about2019.html">2019青艺博</a>
  30. <a class="dropdown-item" href="about2018.html">2018青艺博</a>
  31. <a class="dropdown-item" href="about2017.html">2017青艺博</a>
  32. <a class="dropdown-item" href="about2016.html">2016青艺博</a>
  33. <a class="dropdown-item" href="about2015.html">2015青艺博</a>
  34. <div class="dropdown-divider"></div>
  35. <a class="dropdown-item active" href="aboutforum.html">论坛</a>
  36. </div>
  37. </li>
  38. <li class="nav-item bar-li">
  39. <a class="nav-link" href="artist2018.html">合作艺术家</a>
  40. </li>
  41. <li class="nav-item bar-li">
  42. <a class="nav-link" href="http://www.shyaf.com/signup">参展报名</a>
  43. </li>
  44. <li class="nav-item bar-li">
  45. <a class="nav-link" href="partner.html">合作伙伴</a>
  46. </li>
  47. <li class="nav-item bar-li">
  48. <a class="nav-link" href="contact.html">联系我们</a>
  49. </li>
  50. </ul>
  51. </div>
  52. </div>
  53. </nav>
  54. <main role="main" class="container">
  55. <div class="jumbotron">
  56. <div class="homeBanner">
  57. <div class="swiper-container">
  58. <div class="swiper-wrapper">
  59. <div class="swiper-slide"><img src="images/banner2018-2-01.jpg"/></div>
  60. <div class="swiper-slide"><img src="images/banner2018-L-01.jpg"/></div>
  61. </div>
  62. <div class="pagination"></div>
  63. <div class="swiper-button-prev"></div>
  64. <div class="swiper-button-next"></div>
  65. </div>
  66. </div>
  67. </div>
  68. <div class="paragraph paragraph-about">
  69. </div>
  70. <table width="90%" border="1" align="center" class="forumBOX" frame=void>
  71. <tbody>
  72. <tr>
  73. <td colspan="2" style=" text-align:center"><strong>2018 上海青年艺术博览会论坛</strong></td>
  74. </tr>
  75. <tr>
  76. <td align="right">时间:</td>
  77. <td>11月17日 13:00-14:00</td>
  78. </tr>
  79. <tr>
  80. <td align="right">论坛主题:</td>
  81. <td>艺术与跨界</td>
  82. </tr>
  83. <tr>
  84. <td align="right">主讲人:</td>
  85. <td><img src="images/portrait/2_2.png" width="91" height="91" alt=""/><strong>李季</strong>/吉门文化创始人、艺术家<br>
  86. <img src="images/portrait/3_81.png" width="91" height="91" alt=""/><strong>罗依尔</strong>/策展人、艺术脱口秀发起人<br>
  87. <img src="images/portrait/6.png" width="91" height="91" alt=""/><strong>王毅丁</strong>/音乐制作人 网易签约音乐人</td>
  88. </tr>
  89. <tr>
  90. <td colspan="2" style=" background-color:#6F5E78; height:2px;"></td>
  91. </tr>
  92. <tr>
  93. <td align="right">时间:</td>
  94. <td>11月17日 14:00-15:00</td>
  95. </tr>
  96. <tr>
  97. <td align="right">论坛主题:</td>
  98. <td>文化·艺术·光之道</td>
  99. </tr>
  100. <tr>
  101. <td align="right">主讲人:</td>
  102. <td><img src="images/portrait/55_54.png" width="91" height="91" alt=""/><strong>刘志敏</strong>/玛雅博物馆照明品牌 产品经理、运营总监</td>
  103. </tr>
  104. <tr>
  105. <td colspan="2" style=" background-color:#6F5E78; height:2px;"></td>
  106. </tr>
  107. <tr>
  108. <td align="right">时间:</td>
  109. <td>11月17日 15:00-16:00</td>
  110. </tr>
  111. <tr>
  112. <td align="right">论坛主题:</td>
  113. <td>艺术啊!你在哪儿?</td>
  114. </tr>
  115. <tr>
  116. <td align="right">主讲人:</td>
  117. <td><img src="images/portrait/44.png" width="91" height="91" alt=""/><strong>郭彦甫</strong>/台湾演员、跨界艺术家</td>
  118. </tr>
  119. <tr>
  120. <td colspan="2" style=" background-color:#6F5E78; height:2px;"></td>
  121. </tr>
  122. <tr>
  123. <td align="right">时间:</td>
  124. <td>11月18日 13:00-14:00</td>
  125. </tr>
  126. <tr>
  127. <td align="right">论坛主题:</td>
  128. <td>收藏家收购当代艺术作品的标准</td>
  129. </tr>
  130. <tr>
  131. <td align="right">主讲人:</td>
  132. <td><img src="images/portrait/3.png" width="91" height="91" alt=""/><strong>Dr.WIYU WAHONO(黄国台)</strong>/转媒体艺术收藏家</td>
  133. </tr>
  134. <tr>
  135. <td colspan="2" style=" background-color:#6F5E78; height:2px;"></td>
  136. </tr>
  137. <tr>
  138. <td align="right">时间:</td>
  139. <td>11月18日 14:00-15:00</td>
  140. </tr>
  141. <tr>
  142. <td align="right">论坛主题:</td>
  143. <td>交互与连接:移动互联网时代的艺术创作生态</td>
  144. </tr>
  145. <tr>
  146. <td align="right">主讲人:</td>
  147. <td><img src="images/portrait/2.png" width="91" height="91" alt=""/><strong>谢晓冬</strong>/策展人、在艺App创始人、CEO</td>
  148. </tr>
  149. <tr>
  150. <td colspan="2" style=" background-color:#6F5E78; height:2px;"></td>
  151. </tr>
  152. <tr>
  153. <td align="right">时间:</td>
  154. <td>11月18日 15:00-16:00</td>
  155. </tr>
  156. <tr>
  157. <td align="right">论坛主题:</td>
  158. <td>FLX-ed Topic</td>
  159. </tr>
  160. <tr>
  161. <td align="right">主讲人:</td>
  162. <td><img src="images/portrait/1_44.png" width="91" height="91" alt=""/><img src="images/portrait/7.png" width="91" height="91" alt=""/><strong>分号C</strong>/新媒体艺术组合 <br> <img src="images/portrait/1.png" width="91" height="91" alt=""/><strong>Nencol</strong>/声音设计艺术家</td>
  163. </tr>
  164. <tr>
  165. <td colspan="2" style=" background-color:#6F5E78; height:2px;"></td>
  166. </tr>
  167. <tr>
  168. <td colspan="2" align="right" >*如有变动,以现场公布为准</td>
  169. </tr>
  170. </tbody>
  171. </table>
  172. <br>
  173. </main>
  174. <div class="bottom"><span><br>上海青年艺术博览会 © 版权所有 | <a href="http://www.beian.miit.gov.cn" target="_blank" style="color: #eee;">沪ICP备15011673号</a><br> 沪公网安备31010502001539号</span></div>
  175. <!-- Bootstrap core JavaScript
  176. ================================================== -->
  177. <!-- Placed at the end of the document so the pages load faster -->
  178. <script src="js/jquery-3.2.1.slim.min.js"></script>
  179. <script>window.jQuery || document.write('<script src="../../../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
  180. <script src="js/popper.min.js"></script>
  181. <script src="js/bootstrap.min.js"></script>
  182. <script src="js/swiper3.07.jquery.min.js"></script>
  183. <script type="text/javascript">
  184. $(document).ready(function() {
  185. var mySwiper = new Swiper('.swiper-container',{
  186. calculateHeight:true,
  187. resizeReInit:true,
  188. pagination:".pagination",
  189. autoplay:5000,
  190. paginationClickable:true,
  191. loop: true,
  192. autoplayDisableOnInteraction:false,
  193. prevButton:'.swiper-button-prev',
  194. nextButton:'.swiper-button-next',
  195. });
  196. });
  197. </script>
  198. </body>
  199. </html>