chen
/
huaxia
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
huaxia/htmls/aboutUs/aboutUs.html

161 lines
11 KiB
HTML
Raw Normal View History

查错
2021-09-18 03:38:27 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>关于我们</title>
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css" />
<link rel="stylesheet" href="../../css/aboutUs.css">
修改
2021-09-22 00:55:19 +00:00
查错
2021-09-18 03:38:27 +00:00
<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>
修改
2021-09-22 00:55:19 +00:00
<script src="../../js/huaxia.js"></script>
<style>
.ty_topifrane {
修改细节
2021-09-18 09:46:18 +00:00
width: 100%;
修改
2021-09-22 00:55:19 +00:00
height: 285px;
修改细节
2021-09-18 09:46:18 +00:00
}
修改
2021-09-22 00:55:19 +00:00
.ty_moban {
width: 100%;
box-shadow: 0px 3px 4px rgb(0 0 0 / 6%);
padding-bottom: 7px;
position: relative;
height: 2px;
z-index: 2;
}
后续修改
2021-09-22 07:31:56 +00:00
.foot-iframe {
width: 100%;
height: 400px;
}
修改
2021-09-22 00:55:19 +00:00
</style>
查错
2021-09-18 03:38:27 +00:00
</head>
<body>
修改细节
2021-09-18 09:46:18 +00:00
<iframe src="../../public/center-head.html" class="ty_topifrane" frameborder="0" scrolling="no"></iframe>
<P class="ty_moban"></P>
查错
2021-09-18 03:38:27 +00:00
<div class="ty_her ty_pd">
关于我们
</div>
<div class="mian ty_pd">
<p class="ty_text">华夏艺术网于1998年开通，是国内最早最大的书画艺术门户网站之一，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等授权主办。经过多年来不间断的运营发展，已成为国内知名的艺术类门户网站。华夏艺术网为艺术家、艺术行业单位构建了艺术信息的交流平台，吸引了来自全国各地的艺术家及艺术机构加盟。通过网络信息技术手段，不断加强与社会各界的合作，与广大艺术家及画廊、拍卖行、收藏家、艺术团体建立起了业务联系，架起了艺术家与艺术市场之间的桥梁。</p>
<div class="ty_imgcon">
<img src="../../img/public/gy-img.png" alt="">
</div>
<div class="ty_renwucon">
<div class="ty_renwu">
<img src="../../img/public/gz-renwu.png" alt="">
<p class="ty_text ty-pd">谭朝晖，斋号“净砚斋”。原为空军某企业党委干部，曾先后任四川电信天府热线执行主编、成都信息港电子商务部部长、四川铁通互联网业务中心副总经理等职。1998年创办华夏艺术网，2003年创办净砚斋画廊。现为摩空精舍董事长、北京视觉经典美术馆副馆长，成都市画廊协会副会长，成都惠民职工画院理事长兼秘书长，成都市版权协会副会长，成都市阅读协会理事，成都市人民对外友好协会理事，四川省文化产业商会常务理事。</p>
</div>
<div class="ty_renwu">
<img src="../../img/public/ty-renw.png" alt="">
<p class="ty_text ty-pd">谭朝晖，斋号“净砚斋”。原为空军某企业党委干部，曾先后任四川电信天府热线执行主编、成都信息港电子商务部部长、四川铁通互联网业务中心副总经理等职。1998年创办华夏艺术网，2003年创办净砚斋画廊。现为摩空精舍董事长、北京视觉经典美术馆副馆长，成都市画廊协会副会长，成都惠民职工画院理事长兼秘书长，成都市版权协会副会长，成都市阅读协会理事，成都市人民对外友好协会理事，四川省文化产业商会常务理事。</p>
</div>
</div>
<div class="ty_titcon">
<p>图片展示</p>
<div>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午，有华樱出国主办，摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动，汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人，也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午，有华樱出国主办，摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动，汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人，也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午，有华樱出国主办，摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动，汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人，也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午，有华樱出国主办，摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动，汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人，也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午，有华樱出国主办，摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动，汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人，也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午，有华樱出国主办，摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动，汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人，也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午，有华樱出国主办，摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动，汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人，也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
修改细节
2021-09-18 09:46:18 +00:00
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no" marginwidth='0' marginheight='0'></iframe>
后续修改
2021-09-22 07:31:56 +00:00
查错
2021-09-18 03:38:27 +00:00
</body>
<script>
mySwiper = new Swiper('.swiper-container', {
// paginationClickable: true,
observer: true,
observeParents: true,
// initialSlide: swipIndex,
effect: 'coverflow',
centeredSlides: true,
spaceBetween: '1%',
slidesPerView: 2,
loop: true,
// autoplay: {
//     disableOnInteraction: false,
// },
navigation: {
// 
},
coverflowEffect: {
rotate: 0, //slide做3d旋转时Y轴的旋转角度
stretch: 392, //每个slide之间的拉伸值，越大slide靠得越紧。5.3.6 后可使用%百分比
depth: 100, //slide的位置深度。值越大z轴距离越远，看起来越小。
modifier: 1, //depth和rotate和stretch的倍率，相当于depth*modifier、rotate*modifier、stretch*modifier，值越大这三个参数的效果越明显。
slideShadows: false,
},
on: {
transitionEnd: function () {
this.activeIndex
}
}
});
</script>
</html>