文件

136 行
5.2 KiB
HTML
可执行文件

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>关于我们</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Webinfo/Templatetwo/css/about.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Webinfo/Templateone/css/swiper-4.3.3.min.css"/>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Webinfo/Templatetwo/css/public.css"/>
<link href="{$webinfo['logo']['icourl']}" type="image/x-icon" rel="shortcut icon">
</head>
<style>
.aboutc{
background: #f1f1f1;
box-sizing: border-box;
padding: 50px 0;
}
.aboutc img{
width: 300px;
height: 300px;
}
</style>
<body>
<div class="header">
<div class="headerbox">
<div style="display: flex;align-items: center;">
<img class="logo" src="{$webinfo['logo']['weblogo']}"/>
<a href='{:U("Main/Index/index")}' class="headeri">首页</a>
<a href='{:U("Main/Product/index")}' class="headeri">产品中心</a>
<a href='{:U("Main/News/index")}' class="headeri">新闻动态</a>
<a href='javascript:;' class="headeri headeric">关于我们</a>
<a href='{:U("Main/Contact/index")}' class="headeri">联系我们</a>
</div>
<div class="login">商家登录</div>
</div>
</div>
<div class="abouta">
<img src="{$banner['image']}"/>
</div>
<div class="aboutf">
<div class="aboutfl">
<div class="aboutfla">关于我们</div>
<div>
<div class="aboutflb">
<div class="aboutflbi introduce">公司简介</div>
</div>
<div class="aboutflb">
<div class="aboutflbi science">公司环境</div>
</div>
</div>
</div>
<div class="aboutfr" id="introduce">
<div class="aboutfra">
<div class="aboutfra_txt">公司简介</div>
<img class="aboutfra_img" src="__PUBLIC__/Webinfo/Templatetwo/images/contact1.png"/>
</div>
<img class="aboutfrb" src="{$list['image']}"/>
<div class="aboutfrc">
{$list['content']}
</div>
</div>
<div class="aboutfr " id="science" style="display: none">
<div class="aboutfra">
<div class="aboutfra_txt">公司环境</div>
<img class="aboutfra_img" src="__PUBLIC__/Webinfo/Templatetwo/images/contact1.png"/>
</div>
<div class="aboutc">
<div class="swiper-container">
<div class="swiper-wrapper">
<volist name="images" id="intr">
<div class="swiper-slide">
<img src="{$intr['image']}"/>
</div>
</volist>
</div>
</div>
</div>
</div>
</div>
<div class="aboute">
<div class="aboute1">我们的使命</div>
<div class="aboute2">Our mission</div>
<div class="aboute3">
我们的生存,就是在恶劣的环境中坚强地创造生存空间;我们的团队,就是在充满斗争的对手中组织强大的团队;力量;我们的智慧,就是在强者之列不断竞争、超越!
</div>
<div class="aboute1">我们的愿景</div>
<div class="aboute2">Our Vision</div>
<div class="aboute3">
我们将一如既往的坚持创优意识,竭诚为客户提供优质的项目解决方案,努力为生活环境做出贡献。
</div>
</div>
<include file="Templatetwo/footer" />
</body>
<script type="text/javascript" src="__PUBLIC__/Webinfo/Templatetwo/js/jquery-3.2.1.min.js" ></script>
<script type="text/javascript" src="__PUBLIC__/Webinfo/Templatetwo/js/public.js" ></script>
<script type="text/javascript" src="__PUBLIC__/Webinfo/Templateone/js/swiper-4.3.3.min.js" ></script>
<script>
$('.introduce').click(function(){
$('#introduce').css('display','block');
$('#science').css('display','none');
});
$('.science').click(function(){
$('#science').css('display','block');
$('#introduce').css('display','none');
var mySwiper = new Swiper('.swiper-container', {
autoplay: true, //可选选项,自动滑动
direction: 'horizontal',
observer: true,
observerParents: true,
loop: true,
effect : 'coverflow',
slidesPerView: 5,
centeredSlides: true,
coverflowEffect: {
rotate: 0, //slide做3d旋转时Y轴的旋转角度。默认50
stretch: 0, //每个slide之间的拉伸值,越大slide靠得越紧。 默认0。
depth: 100, //slide的位置深度。值越大z轴距离越远,看起来越小。 默认100。
modifier: 1, //depth和rotate和stretch的倍率,相当于depth*modifier、rotate*modifier、stretch*modifier,值越大这三个参数的效果越明显。默认1
slideShadows : false //开启slide阴影。默认 true。
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
})
});
var url = window.location.protocol+"//"+window.location.host;
var a = url+"/index.php/Retail/login/index.html?code=1";
$(".login").click(function (){
window.location.href = a;
});
</script>
</html>