zxf/index.html

109 lines
4.7 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">
<title>首页</title>
<link rel="stylesheet" href="css/reset.css">
<script src="libs/jquery.1.11.1.min.js"></script>
<!-- animate -->
<link rel="stylesheet" href="libs/animate.min.css">
<script src="libs/wow.min.js"></script>
<!-- swiper -->
<link rel="stylesheet" href="libs/swiper/swiper.min.css">
<script src="libs/swiper/swiper.min.js"></script>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="header"></div>
<div class="container">
<div class="section main-banner swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a class="item" style="background-image: url('images/banner.png');" href="">
<div class="banner-text">
<p>您的现金流安全 <span class="cname">左心房</span>来守护</p>
<p>YOUR CASH FLOW LEFT ATRIUM TO GUARD</p>
</div>
</a>
</div>
<div class="swiper-slide">
<a class="item" style="background-image: url('images/banner.png');" href="">
<div class="banner-text">
<p>您的现金流安全 <span class="cname">左心房</span>来守护</p>
<p>YOUR CASH FLOW LEFT ATRIUM TO GUARD</p>
</div>
</a>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
<script>
var swiper = new Swiper('.main-banner', {
pagination: '.swiper-pagination',
paginationClickable: true,
centeredSlides: true,
autoplay: 5000,
autoplayDisableOnInteraction: false,
});
</script>
<!-- 简介 -->
<div class="section main-wrap idx-about">
<div class="section-title style-1 wow fadeInDown">
<h2 class="title">企业<span class="rtext">简介</span></h2>
</div>
<div class="ia-container wow fadeInDown">
<p>
左心房成立于2016年是一家全国性的连锁助贷平台业务覆盖全国30个省市。公司以"让每一位客户拥有健康的现金流"为使命,关注客户的长期现金流安全与健康,力图通过自身合规的服务理念、透明的服务流程,打造受客户欢迎,受社会尊敬的助贷品牌。
</p>
</div>
<div class="ia-image">
<img src="images/tu.png" alt="">
</div>
</div>
<!-- 文化 -->
<div class="section main-wrap idx-calture">
<div class="section-title style-1 wow fadeInDown">
<h2 class="title">企业<span class="rtext">文化</span></h2>
</div>
<ul class="ic-container">
<li class="caltrue-item wow fadeInDown" data-wow-delay="0.1s">
<div class="title">
<img class="cover" src="images/qizi1.png" alt="">
<h3 class="text">使命</h3>
</div>
<p class="desc">让每一位客户拥有健康的现金流</p>
</li>
<li class="caltrue-item wow fadeInDown" data-wow-delay="0.2s">
<div class="title">
<img class="cover" src="images/jipiao-2.png" alt="">
<h3 class="text">愿景</h3>
</div>
<p class="desc">帮助5000万名用户解决融资问题</p>
</li>
<li class="caltrue-item wow fadeInDown" data-wow-delay="0.3s">
<div class="title">
<img class="cover" src="images/zuanshi.png" alt="">
<h3 class="text">价值观</h3>
</div>
<p class="desc">以客户为中心,以奋斗者为本</p>
</li>
<li class="caltrue-item wow fadeInDown" data-wow-delay="0.4s">
<div class="title">
<img class="cover" src="images/hezuo.png" alt="">
<h3 class="text">服务理念</h3>
</div>
<p class="desc">用对待家人的态度服务客户</p>
</li>
</ul>
</div>
</div>
<div class="footer"></div>
<script src="js/main.js"></script>
</body>
</html>