huaxia/htmls/artNetwork/trainDetail.html

152 lines
6.9 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>培训</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
<link rel="stylesheet" type="text/css" href="../../css/ispinner.css"/>
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- Swiper -->
<div class="ont-swiper swiper-container" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></div> -->
<!-- 指示点 -->
<div class="swiper-pagination"></div>
</div>
<script>
let swiper = new Swiper('.ont-swiper', {
cssMode: false,//禁止鼠标滑动,切换
loop:true,
autoplay: {
delay: 3000,
stopOnLastSlide: true,
disableOnInteraction: false,
},
pagination: {
el: '.swiper-pagination',
clickable :true,
},
mousewheel: false,//禁止鼠标滚动,切换
});
</script>
<div class="dao-boxw head-box pr">
<img class="cq-cp logo" src="../../img/logo.png">
<div class="head-nav-box fs dmedia">
<div class="guan-box">
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
<div onclick="goToPage(2)" class="cq-cp dac">
<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
<span class="cq-cp">我的购物车</span>
</div>
<span class="sy-dian"></span>
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
<span class="sy-dian"></span>
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
<div class="dn">
<span>个人中心</span>
<span>【退出】</span>
</div>
</div>
<div class="dend w100 ac">
<div class="w100">
<ul class="dao-box dac">
<li class="pr">
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
<!---->
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="exhibition.html">展览</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">培训</a><div class="xiahx pa"></div></div>
<span class="redD pa"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
</ul>
</div>
<div class="pr input-box backf">
<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
<img class="pa cq-cp" src="../../img/sy-search.png">
</div>
</div>
</div>
</div>
<div class="p-zy320 backe6">
<div class="djbac">
<div class="font-40 allitem-title">培训</div>
<div class="dac m-s20">
<div class="cq-cp zx-gg">课堂介绍</div>
<div class="cq-cp zx-gg" style="margin: 0 10px;">课堂视频</div>
<div class="cq-cp zx-gg">在线直播</div>
</div>
</div>
</div>
<div class="p-zy320">
<div class="dis backf5 m-sx30">
<div class="pr fs w50">
<img width="100%" class="px-item-img" src="../../img/public/px01.png" alt="图片丢失" title="">
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="播放按钮" >
</div>
<div class="p-zy40 w50 m-s30">
<div class="font-20 linh28 dac p-x10 bbt"><span class="quan"></span><div class="clips1">培训课名陈四岛集珍唐人书画培训</div></div>
<div class="font-16 col19 clips4 m-s20 m-x10 fb">课程简介</div>
<div class="font-15 col19 linh30 clips4 op8">本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推</div>
</div>
</div>
<div class="backf5" style="padding: 6px;">
<div class="p-sx20 backf">
<div class="djb bbt m-zy20 p-x20">
<div class="font-36">详情介绍</div>
</div>
<div class=" p-zy20">
<div class="tin2 p-sx30 linh30">1921—2021中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情兴废系乎时序。”为了庆祝1921—2021中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情兴废系乎时序。”为了庆祝1921—2021中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情兴废系乎时序。”为了庆祝</div>
<img width="100%" src="../../img/public/px-d01.png" >
<img width="100%" src="../../img/public/px-d02.png" >
</div>
</div>
</div>
</div>
<!-- 底部导航 -->
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
<!-- 回到顶部 -->
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
</body>
</html>