Home Explore Help
Register Sign In
shyaf
/
shyaf-resource
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
shyaf-resource
/
www
/
about2016.html

about2016.html 7.4 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167 
  1. 

  2. <!doctype html>
    3. 

  3. <html lang="en">
    4. 

  4.   <head>
    5. 

  5.     <meta charset="utf-8">
    6. 

  6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    7. 

  7.     <meta name="description" content="">
    8. 

  8.     <meta name="author" content="">
    9. 

  9. 

  10.     <title>上海青年艺术博览会</title>
    11. 

  11. 

  12.     <!-- Bootstrap core CSS -->
    13. 

  13.     <link href="css/bootstrap.min.css?v=2" rel="stylesheet" type="text/css">
    14. 

  14.     <link href="css/layout.css?v=4" rel="stylesheet" type="text/css">
    15. 

  15.     <link href="css/BannerSlide.css" rel="stylesheet" type="text/css">
    16. 

  16.   </head>
    17. 

  17. 

  18.   <body>
    19. 

  19. 

  20.     <nav class="navbar navbar-expand-md navbar-dark bg-dark mb-4">
    21. 

  21.       <div class="bar-tit">
    22. 

  22.         <a class="navbar-brand" href="#"><img src="images/logo3.png"  alt=""/></a>
    23. 

  23.           <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
    24. 

  24.             <span class="navbar-toggler-icon"></span>
    25. 

  25.           </button>
    26. 

  26.           <div class="collapse navbar-collapse" id="navbarCollapse">
    27. 

  27.             <ul class="navbar-nav mr-auto bar-ul">
    28. 

  28.               <li class="nav-item bar-li">
    29. 

  29.                 <a class="nav-link" href="index.html">首页</a>
    30. 

  30.               </li>
    31. 

  31.               <li class="nav-item bar-li dropdown active">
    32. 

  32.                 <a class="nav-link dropdown-toggle" href="about2018.html" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">关于展会</a>
    33. 

  33.                 <div class="dropdown-menu" aria-labelledby="navbarDropdown">
    34. 

  34.                   <a class="dropdown-item" href="about2020.html">2020青艺博</a>
    35. 

  35.                   <a class="dropdown-item" href="about2019.html">2019青艺博</a>
    36. 

  36.                   <a class="dropdown-item" href="about2018.html">2018青艺博</a>
    37. 

  37.                   <a class="dropdown-item" href="about2017.html">2017青艺博</a>
    38. 

  38.                   <a class="dropdown-item active" href="about2016.html">2016青艺博</a>
    39. 

  39.                   <a class="dropdown-item" href="about2015.html">2015青艺博</a>
    40. 

  40.                   <div class="dropdown-divider"></div>
    41. 

  41.                   <a class="dropdown-item" href="aboutforum.html">论坛</a>
    42. 

  42.                 </div>
    43. 

  43.               </li>
    44. 

  44.               <li class="nav-item bar-li">
    45. 

  45.                 <a class="nav-link" href="artist2018.html">合作艺术家</a>
    46. 

  46.               </li>
    47. 

  47.                <li class="nav-item bar-li">
    48. 

  48.                 <a class="nav-link" href="http://www.shyaf.com/signup">参展报名</a>
    49. 

  49.               </li>
    50. 

  50.                <li class="nav-item bar-li">
    51. 

  51.                 <a class="nav-link" href="partner.html">合作伙伴</a>
    52. 

  52.               </li>
    53. 

  53.                <li class="nav-item bar-li">
    54. 

  54.                 <a class="nav-link" href="contact.html">联系我们</a>
    55. 

  55.               </li>
    56. 

  56.             </ul>
    57. 

  57.           </div>
    58. 

  58.       </div>
    59. 

  59.     </nav>
    60. 

  60. 

  61.     <main role="main" class="container">
    62. 

  62.       <div class="jumbotron">
    63. 

  63.       	<div class="homeBanner">
    64. 

  64.           <div class="swiper-container">
    65. 

  65.             <div class="swiper-wrapper">
    66. 

  66.               <div class="swiper-slide"><img src="images/banner2020-1.jpg"/></div>
    67. 

  67.               <div class="swiper-slide"><img src="images/banner2019.jpeg"/></div>
    68. 

  68.               <div class="swiper-slide"><img src="images/banner2018-2-01.jpg"/></div>
    69. 

  69.               <div class="swiper-slide"><img src="images/banner2018-L-01.jpg"/></div>
    70. 

  70.             </div>
    71. 

  71.             <div class="pagination"></div>
    72. 

  72.             <div class="swiper-button-prev"></div>
    73. 

  73.             <div class="swiper-button-next"></div>
    74. 

  74.           </div>
    75. 

  75.         </div>
    76. 

  76.       </div>
    77. 

  77.       <div class="row tab">
    78. 

  78.         <div class="col-md-4 col-sm-6 col-6">
    79. 

  79.           <div class="tabOFF" >
    80. 

  80.             <a href="about2020.html">2020青艺博</a>
    81. 

  81.           </div>
    82. 

  82.         </div>
    83. 

  83.         <div class="col-md-4 col-sm-6 col-6">
    84. 

  84.           <div class="tabOFF" >
    85. 

  85.             <a href="about2019.html">2019青艺博</a>
    86. 

  86.           </div>
    87. 

  87.         </div>
    88. 

  88.         <div class="col-md-4 col-sm-6 col-6">
    89. 

  89.           <div class="tabOFF" >
    90. 

  90.             <a href="about2018.html">2018青艺博</a>
    91. 

  91.           </div>
    92. 

  92.         </div>
    93. 

  93.         <div class="col-md-4 col-sm-6 col-6">
    94. 

  94.           <div class="tabOFF" >
    95. 

  95.             <a href="about2017.html">2017青艺博</a>
    96. 

  96.           </div>
    97. 

  97.         </div>
    98. 

  98.         <div class="col-md-4 col-sm-6 col-6">
    99. 

  99.           <div class="tabON" >
    100. 

  100.             <a href="about2016.html">2016青艺博</a>
    101. 

  101.           </div>
    102. 

  102.         </div>
    103. 

  103.         <div class="col-md-4 col-sm-6 col-6">
    104. 

  104.           <div class="tabOFF" >
    105. 

  105.             <a href="about2015.html">2015青艺博</a>
    106. 

  106.           </div>
    107. 

  107.         </div>
    108. 

  108. 

  109.       </div>
    110. 

  110.       <div class="paragraph paragraph-about">
    111. 

  111.       	<h4>2016上海青年艺术博览会概况</h4>
    112. 

  112.       	<a>2016年上海青年艺术博览会聚集推广45岁以下青年艺术家的画廊和近五年内仍然坚持艺术创作的青年，通过征集、推荐、选拔的方式，择优组织参展。充分利用专业资源，将兼具市场前景，相对稳定艺术风格且有个人见解，其语言和技术手段为言之有物的青年艺术家，针对性地推荐给上海乃至国际性艺术机构，为其今后发展建路搭桥，对年轻艺术进行有力的扶持和引导。遴选出的画廊及青年艺术家分别在画廊荟萃及策展人提出的主题展区内分类予以呈现。<br>
    113. 

  113.        <h4>2016年展会数据</h4>
    114. 

  114.        <a>2016上海青年艺术博览会共收到有效投稿2746件,来自7个国家全国多个省市的388位艺术家参与,其中各类作品销售成交同比去年增长35%，销售总数150多件,作品单价从2000-100000元不等,画廊荟萃版块成交总数达50多件
    115. 

  115. ,现场观展人数比2015年增长40%左右，总计将近三万人次<br>
    116. 

  116. 

  117. 在上海青年艺术博览会展期同时对公众开放</a>
    118. 

  118.        <h4>2016年展会信息</h4>
    119. 

  119.        <a>展览地点：上海展览中心（静安区延安中路1000号）<br>
    120. 

  120. 			展览时间：<br>
    121. 

  121. 6月30日 12：00-18：00  布展<br>
    122. 

  122. 7月01日 08：30-12：00  布展<br>
    123. 

  123. 7月01日 14：00-21：00  VIP预展暨开幕式<br>
    124. 

  124. 7月02日 10：00-18：00  公众开放日<br>
    125. 

  125. 7月03日 10：00-18：00  公众开放日<br>
    126. 

  126. 7月04日 10：00-14：00  公众开放日<br>
    127. 

  127. 7月04日 15：00起   撤展</a>
    128. 

  128. </a>
    129. 

  129.       </div>
    130. 

  130.       
    131. 

  131.        
    132. 

  132.        
    133. 

  133.       
    134. 

  134.   </main>
    135. 

  135.   
    136. 

  136.     <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> 
    137. 

  137.   
    138. 

  138. 

  139.   <!-- Bootstrap core JavaScript
    140. 

  140.     ================================================== -->
    141. 

  141.     <!-- Placed at the end of the document so the pages load faster -->
    142. 

  142.    <script src="js/jquery-3.2.1.slim.min.js"></script>
    143. 

  143.     <script>window.jQuery || document.write('<script src="../../../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
    144. 

  144.     <script src="js/popper.min.js"></script>
    145. 

  145.     <script src="js/bootstrap.min.js"></script>
    146. 

  146.     <script src="js/swiper3.07.jquery.min.js"></script>
    147. 

  147.     <script type="text/javascript">
    148. 

  148.       
    149. 

  149.     $(document).ready(function() {
    150. 

  150.       var mySwiper = new Swiper('.swiper-container',{
    151. 

  151.         calculateHeight:true,
    152. 

  152.         resizeReInit:true,
    153. 

  153.         pagination:".pagination",
    154. 

  154.         autoplay:5000,
    155. 

  155.         paginationClickable:true,
    156. 

  156.         loop: true,
    157. 

  157.         autoplayDisableOnInteraction:false,
    158. 

  158.         prevButton:'.swiper-button-prev',
    159. 

  159.         nextButton:'.swiper-button-next',
    160. 

  160.       });   
    161. 

  161.     });
    162. 

  162.     </script>
    163. 

  163.     
    164. 

  164. 

  165.   </body>
    166. 

  166. </html>
    167. 

  167.