Files
CompanyProject/衣莎项目/源码/衣莎官网源码/joinIsa.html
2024-09-27 01:32:49 +08:00

315 lines
16 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>加入伊莎</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0/css/swiper.min.css">
<link rel="stylesheet" href="./css/page/aboutIsa.css">
<link rel="stylesheet" href="./css/page/Join.css">
<link rel="stylesheet" href="./css/page/joinIsa.css">
</head>
<body>
<!-- 头部start -->
<header>
<div class="header flex-con1">
<div class="logo flex-con2">
<img src="./img/logo1.png" alt="" srcset="">
<img src="./img/logo2.png" alt="" srcset="">
</div>
<div class="menu">
<ul>
<li>
<a class="a" href="./index.html">首页</a>
</li>
<li>
<a class="a" href="./aboutIsa.html">关于伊莎</a>
<section class="nav-item nav-menu">
<section><a href="./aboutIsa.html?id=0">品牌理念</a></section>
<section><a href="./aboutIsa.html?id=1">发展历程</a></section>
<section><a href="./aboutIsa.html?id=2">企业生态</a></section>
<section><a href="./aboutIsa.html?id=3">荣誉客户</a></section>
</section>
</li>
<li>
<a class="a" href="./products.html">产品与服务</a>
<section class="nav-item nav-menu">
<section><a href="./products.html?id=0">服务范围</a></section>
<section><a href="./products.html?id=1">品质管控</a></section>
<section><a href="./products.html?id=2">团体洗衣</a></section>
<section><a href="./products.html?id=3">我要洗衣</a></section>
</section>
</li>
<li>
<a class="a" href="./distribution.html">门店分布</a>
</li>
<li>
<a class="a" href="./Join.html">招商加盟</a>
<section class="nav-item nav-menu">
<section><a href="./Join.html?id=0">加盟优势</a></section>
<section><a href="./Join.html?id=1">加盟流程</a></section>
<section><a href="./Join.html?id=2">我要加盟</a></section>
</section>
</li>
<li>
<a class="a" href="./news.html">媒体中心</a>
<section class="nav-item nav-menu">
<section><a href="./news.html?id=0">公司动态</a></section>
<section><a href="./news.html?id=1">通知公告</a></section>
<section><a href="./news.html?id=2">行业资讯</a></section>
</section>
</li>
<li class="nav-item liactive">
<a class="a" href="./joinIsa.html">加入伊莎</a>
<section class="nav-item nav-menu">
<section><a href="./joinIsa.html?id=0">关于我们</a></section>
<section><a href="./joinIsa.html?id=1">团队风采</a></section>
<section><a href="./joinIsa.html?id=2">加入我们</a></section>
</section>
</li>
<li>
<a class="a" href="./contactus.html">联系我们</a>
</li>
</ul>
</div>
</div>
<div class="wheel comm-topact">
<img src="./img/afafafqwqwgq.png" class="topact-big-img" alt="" srcset="">
</div>
</header>
<!-- 头部end -->
<!-- 内容 -->
<div class="main">
<div class="about-title" id="at">
<div class="atitle-cen">
<ul>
<li class="alitivce">关于我们</li>
<li>团队风采</li>
<li>加入我们</li>
</ul>
</div>
</div>
<div class="joinlsa-cen">
<div id="type-cen">
<div class="typec joining">
<div class="row while rowp">
<div class="title wow fadeInUp">
<h4>关于我们</h4>
<p>About us</p>
</div>
<div class="about-j">
<ul>
<li class="wow fadeInUp" data-wow-delay=".1s">
<h2>使命</h2>
<p>每人 每天 穿干净衣服</p>
</li>
<li class="wow fadeInUp" data-wow-delay=".2s">
<h2>愿景</h2>
<p>成为值得尊敬的企业</p>
</li>
<li class="wow fadeInUp" data-wow-delay=".3s">
<h2>价值观</h2>
<p>凭良心 讲信用</p>
</li>
</ul>
<div class="clear"></div>
</div>
<div class="about-text">
<p class="wow fadeInUp" data-wow-delay=".1s">
伊莎洗衣,是合肥伊尔萨洗衣服务有限公司旗下直营品牌,作为意大利伊尔萨家族的成员,成立于2001年9月,是合肥首家国际连锁洗衣公司。伊莎洗衣,作为省政府招商引资合作单位,率先为省政府办公厅提供后勤洗衣服务。公司软硬件设施的配置秉承了伊莎时尚洗衣“优质环保”的一贯主旨,并将世界先进的技术设备、科学的管理模式及完善的服务体系融为一体,开创了合肥高端连锁洗衣服务的先河。
</p>
<p class="wow fadeInUp" data-wow-delay=".2s">
伊莎连锁洗衣,深耕合肥十八载,拥有30多家连锁门店、大型智能洗衣工厂、线上洗护平台,服务超10万多合肥高品质家庭用户和60多家团体企事业单位,现如今已成为安徽洗衣领先品牌。
</p>
<p class="wow fadeInUp" data-wow-delay=".3s">
2019年公司开启加盟模式,计划在合肥开设超100家连锁门店,与合肥洗衣界友商共同努力,为合肥每一个家庭提供更好的高品质洗衣服务。</p>
</div>
</div>
</div>
<div class="typec team">
<div class="row while rowp">
<div class="title wow fadeInUp">
<h4>团队风采</h4>
<p>Teamwork</p>
</div>
<div class="team-cen wow fadeInUp">
<!-- 幻灯片 -->
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-lw">
<img src="./img/qwfqgqd.png" alt="" srcset="">
<p>工厂员工风采</p>
</div>
<div class="swiper-slide swiper-lw">
<img src="./img/ewfgwefqwef.png" alt="" srcset="">
<p>员工会议</p>
</div>
<div class="swiper-slide swiper-lw">
<img src="./img/iklytujtyhjrthr.png" alt="" srcset="">
<p>工厂员工风采</p>
</div>
<div class="swiper-slide swiper-lw">
<img src="./img/ewfgwefqwef.png" alt="" srcset="">
<p>员工会议</p>
</div>
<div class="swiper-slide swiper-lw">
<img src="./img/iklytujtyhjrthr.png" alt="" srcset="">
<p>工厂员工风采</p>
</div>
<div class="swiper-slide swiper-lw">
<img src="./img/qwfqgqd.png" alt="" srcset="">
<p>员工会议</p>
</div>
<div class="swiper-slide swiper-lw">
<img src="./img/ewfgwefqwef.png" alt="" srcset="">
<p>工厂员工风采</p>
</div>
<div class="swiper-slide swiper-lw">
<img src="./img/iklytujtyhjrthr.png" alt="" srcset="">
<p>员工会议</p>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
<!-- 幻灯片end -->
</div>
</div>
</div>
<div class="typec myAbout">
<div class="row rowp">
<div class="title wow fadeInUp">
<h4 class="while100">加入我们</h4>
</div>
</div>
<div class="myjoin-cen wow fadeInUp">
<div class="myFrom flex-con3">
<div class="fromImg">
<img src="./img/icon/1.png" alt="" srcset="">
</div>
<div class="fromInput">
<input type="text" placeholder="姓名">
</div>
</div>
<div class="myFrom flex-con3">
<div class="fromImg">
<img src="./img/icon/2.png" alt="" srcset="">
</div>
<div class="fromInput">
<input type="text" placeholder="电话">
</div>
</div>
<div class="myFrom flex-con3">
<div class="fromImg">
<img src="./img/icon/3.png" alt="" srcset="">
</div>
<div class="fromInput">
<input type="text" placeholder="意向岗位">
</div>
</div>
<div class="goButton">提交</div>
</div>
</div>
</div>
</div>
<div class="row while">
<div class="conus rowp">
<div class="title wow fadeInUp">
<h4>联系我们</h4>
</div>
<div class="conus-cen">
<div class="wxh flex-con2 wow fadeInUp" data-wow-delay=".2s">
<div>
<img src="./img/asdasdafa.png" alt="" srcset="">
<p>扫一扫加官网微信</p>
</div>
</div>
<div class="us wow fadeInUp" data-wow-delay=".3s">
<div class="us-p">
<p>服务热线:</p>
<span>400-0551-071</span>
</div>
<div class="us-p">
<p>在线时间:</p>
<p>周一至周六8:30-17:30</p>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<!-- 内容end -->
<!-- 尾部 -->
<footer>
<div class="footer">
<div class="dizi">
<p class="clamp1">公司地址:合肥市黄山路436号盛景国际大厦五层</p>
<p class="clamp1">© 2018 Copyright By Cirda Foundation 合肥伊尔萨洗衣服务有限公司 版权所有 皖ICP备09029122号-2</p>
</div>
<div class="logof">
<img src="./img/logo3.png" alt="" srcset="">
</div>
</div>
</footer>
<!-- 尾部end -->
<script src="https://code.jquery.com/jquery-1.12.4.min.js"
integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0/js/swiper.min.js"></script>
<script src="./js/pubilc.js"></script>
<script src="./js/wow.js"></script>
<script src="./js/util.js"></script>
<script>
if (!(/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent))) { //移动端
// 页面滚动时动画显示模块
$(document).ready(function () {
var wow = new WOW(
{
boxClass: 'wow', // animated element css class (default is wow)
animateClass: 'animated', // animation css class (default is animated)
offset: 0, // distance to the element when triggering the animation (default is 0)
mobile: true, // trigger animations on mobile devices (default is true)
live: true, // act on asynchronously loaded content (default is true)
callback: function (box) {
// the callback is fired every time an animation is started
// the argument that is passed in is the DOM node being animated
},
crollContainer: null // optional scroll container selector, otherwise use window
}
);
wow.init();
});
}
// 幻灯片
var mySwipers = new Swiper('.swiper-container', {
loop: true,
slidesPerView: 'auto',
loopedSlides: 5,
autoplay: {
delay: 1000,
stopOnLastSlide: false,
disableOnInteraction: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
})
// 获取URL参数 可以获得路径参数
if (!!getQueryString("id")) {
var index = getQueryString("id")
$(".atitle-cen ul li.alitivce").removeClass("alitivce")
$(".atitle-cen ul li").eq(index).addClass("alitivce")
$(".types.newsActive").removeClass("newsActive")
$(".types").eq(index).addClass("newsActive")
window.scrollTo(0, $(".typec").eq(index).offset().top - 100);
}
</script>
</body>
</html>