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

183 lines
12 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-27 07:31:44 +00:00
<link rel="stylesheet" href="../../css/huaxia.css">
头部
2021-09-22 09:42:32 +00:00
<link rel="stylesheet" href="../../css/centerHead.css">
查错
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
头部
2021-09-22 09:42:32 +00:00
后续修改
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-22 09:42:32 +00:00
<header class="ty_herader">
<img src="../../img/grzx/topimg.jpg" title="图1" alt="图片已缺失">
响应式
2021-09-27 07:31:44 +00:00
<nav class="dis p-zy320 pod" >
<a href="">
<img src="../../img/logo.png" title="图2" alt="图片已缺失">
</a>
<div class="ty_listnavdIV">
头部
2021-09-22 09:42:32 +00:00
<ul class="ty_listnav">
<li> 123</li>
<li><span class="ty_di"></span><a target="_parent" href="../../index.html">网站首页</a></li>
<li><span class="ty_di"></span><a target="_parent" class="ty_gr" href="../aboutUs/aboutUs.html">关于我们</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../logshoppingcar/shopcar.html"><img class="ty_topicon" title="图3" src="../../img/sy-scart.png" alt="图片已缺失">我的购物车</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../artNetwork/pointsMall.html">积分商城</a></li>
响应式
2021-09-27 07:31:44 +00:00
<li><span class="ty_di"></span><a target="_parent" href="../contactUs/contactUs.html">联系我们</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../grzx/personalData.html" >个人中心</a></li>
头部
2021-09-22 09:42:32 +00:00
<li><a target="_parent" href="../logshoppingcar/login.html">【退出】</a></li>
响应式
2021-09-27 07:31:44 +00:00
头部
2021-09-22 09:42:32 +00:00
</ul>
响应式
2021-09-27 07:31:44 +00:00
</div>
<div class="ty_btntop">
<img class="ty_btntopimg" src="../../img/public/gn.png">
</div>
头部
2021-09-22 09:42:32 +00:00
</nav>
</header>
查错
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>