topnuomi
/
zxf
mirror of https://gitee.com/topnuomi/zxf
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

完善关于我们、详情页面

This commit is contained in:
TOP糯米 2023-09-28 17:06:54 +08:00
parent 8b8dbcd576
commit 3b50ed9c86
20 changed files with 760 additions and 120 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

118
about.html Normal file
View File

@ -0,0 +1,118 @@
<!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 sec-banner" style="background-image: url('/images/banner2.png');">
<div class="banner-text">
<p>您的现金流安全 <span class="cname">左心房</span>来守护</p>
<p>YOUR CASH FLOW LEFT ATRIUM TO GUARD</p>
</div>
</div>
<div class="full-wrap about">
<div class="section main-wrap about-textarea">
<div class="section-title style-1 wow fadeInDown">
<img src="images/logo-about.png" alt="">
</div>
<div class="content wow fadeInUp">
<p>
左心房成立于2016年，总部位于杭州市西湖区，拥有7年以上助贷服务经验。自创立以来，左心房以“让每一位客户拥有健康的现金流”为使命，关注客户的长期现金流安全与健康，秉承着诚信为本、客户为先的服务理念，致办于利用自身的科技能力试能线下助贷服务团队，将自己合规的服务理念及透明的服务流程推广至全国，打造行业领先的全国助贷服务生态。旗下业包括全国连锁助贷服务、线上融资知识分享等。业务规模遍布全国30个省份，100+城市，500+门店。是一家有品牌、有服务、有温度、敢承诺的安心助贷平台。
</p>
</div>
<ul class="img-group">
<li class="item wow fadeInUp" data-wow-delay="0.1s">
<img src="images/banner2.png" alt="">
</li>
<li class="item wow fadeInUp" data-wow-delay="0.2s">
<img src="images/banner2.png" alt="">
</li>
<li class="item wow fadeInUp" data-wow-delay="0.3s">
<img src="images/banner2.png" alt="">
</li>
</ul>
</div>
</div>
<div class="section main-wrap mapcont">
<div class="section-title style-1 wow fadeInDown">
<h2 class="title">企业<span class="rtext">文化</span></h2>
</div>
<div class="mcont wow fadeIn">
<img src="images/ditu.png" alt="">
</div>
</div>
<div class="section main-wrap addrcont">
<div class="section-title style-1 wow fadeInDown">
<h2 class="title"><span class="rtext">直营门店</span></h2>
</div>
<ul class="aacont clearfix wow fadeIn">
<li>
<a href="">上海市嘉定区华江路720号歆翱商务大厦5楼</a>
</li>
<li>
<a href="">上海市嘉定区华江路720号歆翱商务大厦5楼</a>
</li>
<li>
<a href="">上海市嘉定区华江路720号歆翱商务大厦5楼</a>
</li>
<li>
<a href="">上海市嘉定区华江路720号歆翱商务大厦5楼</a>
</li>
<li>
<a href="">上海市嘉定区华江路720号歆翱商务大厦5楼</a>
</li>
<li>
<a href="">上海市嘉定区华江路720号歆翱商务大厦5楼</a>
</li>
<li>
<a href="">上海市嘉定区华江路720号歆翱商务大厦5楼</a>
</li>
<li>
<a href="">上海市嘉定区华江路720号歆翱商务大厦5楼</a>
</li>
<li>
<a href="">上海市嘉定区华江路720号歆翱商务大厦5楼</a>
</li>
<li>
<a href="">上海市嘉定区华江路720号歆翱商务大厦5楼</a>
</li>
<li>
<a href="">上海市嘉定区华江路720号歆翱商务大厦5楼</a>
</li>
<li>
<a href="">上海市嘉定区华江路720号歆翱商务大厦5楼</a>
</li>
<li>
<a href="">上海市嘉定区华江路720号歆翱商务大厦5楼</a>
</li>
<li>
<a href="">上海市嘉定区华江路720号歆翱商务大厦5楼</a>
</li>
<li>
<a href="">上海市嘉定区华江路720号歆翱商务大厦5楼</a>
</li>
</ul>
</div>
</div>
<div class="footer"></div>
<script src="js/main.js"></script>
</body>
</html>

24
common/footer.html Normal file
View File

@ -0,0 +1,24 @@
<div class="main main-wrap">
<div class="row">
<img class="logo-bottom" src="images/logo-bottom.png" />
</div>
<div class="row">
<p>公司名称：左心房企服（杭州）科技有限公司</p>
</div>
<div class="row">
<div class="tel">
<p>客服热线：400-0707-091</p>
</div>
</div>
<div class="row">
<p>服务时间：8:00 - 21:00</p>
</div>
<div class="row">
<p>地址：杭州市西湖区西溪云起商务中心C座6楼</p>
</div>
<div class="row">
<div class="icp">
备案号：<a href="" target="_blank">浙ICP备2021038730号-1</a>
</div>
</div>
</div>

26
common/header.html Normal file
View File

@ -0,0 +1,26 @@
<div class="main main-wrap">
<div class="logo">
<a href="" target="_blank">
<img src="images/logo.png" alt="">
</a>
</div>
<div class="menu">
<ul class="group">
<li class="item">
<a class="link active" href="/" target="_blank">首页</a>
</li>
<li class="item">
<a class="link" href="/about.html" target="_blank">关于左心房</a>
</li>
<li class="item">
<a class="link" href="" target="_blank">业务与介绍</a>
</li>
<li class="item">
<a class="link" href="" target="_blank">用户故事</a>
</li>
<li class="item">
<a class="link" href="/contact.html" target="_blank">联系我们</a>
</li>
</ul>
</div>
</div>

40
contact.html Normal file
View File

@ -0,0 +1,40 @@
<!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 sec-banner" style="background-image: url('/images/banner2.png');">
<div class="banner-text">
<p>您的现金流安全 <span class="cname">左心房</span>来守护</p>
<p>YOUR CASH FLOW LEFT ATRIUM TO GUARD</p>
</div>
</div>
<div class="section main-wrap">
<div class="section-title style-1 wow fadeInDown">
<h2 class="title">企业<span class="rtext">文化</span></h2>
</div>
</div>
</div>
<div class="footer"></div>
<script src="js/main.js"></script>
</body>
</html>

22
css/common/common.less
View File

@ -40,8 +40,23 @@
// .generate-pb(100);
.clearfix {
zoom: 1;
}
.clearfix::after {
display: block;
content: '';
clear: both;
}
.full-wrap {
width: 100%;
}
.main-wrap {
width: @mw;
margin: 0 auto;
}
.mg-center {
@ -52,8 +67,13 @@
}
.header {
z-index: 20;
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
background-color: #010101;
background-image: url('/images/header-bg.png');
.main {
height: 90px;

238
css/style.css
View File

@ -1,5 +1,17 @@
.clearfix {
zoom: 1;
}
.clearfix::after {
display: block;
content: '';
clear: both;
}
.full-wrap {
width: 100%;
}
.main-wrap {
width: 1366px;
margin: 0 auto;
}
.mg-center {
margin-top: 0;
@ -8,8 +20,13 @@
margin-right: auto;
}
.header {
z-index: 20;
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
background-color: #010101;
background-image: url('/images/header-bg.png');
}
.header .main {
height: 90px;
@ -62,6 +79,22 @@
.footer .main .icp {
color: #999999;
}
.banner-text {
color: #FFFFFF;
text-align: center;
}
.banner-text p:nth-child(1) {
font-size: 38px;
margin-bottom: 25px;
line-height: 38px;
}
.banner-text p:nth-child(2) {
font-size: 30px;
line-height: 30px;
}
.banner-text .cname {
color: #E30020;
}
.section .section-title {
text-align: center;
}
@ -86,35 +119,26 @@
background: #D4D4D4;
margin: 0 15px;
}
.section.idx-about {
margin-top: 60px;
}
.section.idx-about .idx-about-container {
margin-top: 70px;
font-size: 20px;
color: #666666;
line-height: 36px;
}
.main-banner {
.section.main-banner {
width: 100%;
}
.main-banner .swiper-slide {
.section.main-banner .swiper-slide {
display: flex;
}
.main-banner .swiper-pagination-bullet {
.section.main-banner .swiper-pagination-bullet {
width: 40px;
height: 2px;
background: #F8F8F8;
border-radius: 0;
opacity: 1;
}
.main-banner .swiper-pagination-bullet-active {
.section.main-banner .swiper-pagination-bullet-active {
background: #E50020;
}
.main-banner .swiper-pagination {
.section.main-banner .swiper-pagination {
bottom: 40px;
}
.main-banner .item {
.section.main-banner .item {
display: flex;
justify-content: center;
align-items: center;
@ -122,32 +146,178 @@
height: 720px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.main-banner .text-box {
color: #FFFFFF;
text-align: center;
}
.main-banner .text-box p:nth-child(1),
.main-banner .text-box p:nth-child(2) {
.section.main-banner .banner-text p:nth-child(1),
.section.main-banner .banner-text p:nth-child(2) {
transform: translate3d(0, 20px, 0);
opacity: 0;
}
.main-banner .text-box p:nth-child(1) {
font-size: 38px;
margin-bottom: 25px;
line-height: 38px;
.section.main-banner .banner-text p:nth-child(1) {
transition: 0.8s ease 0.4s;
}
.main-banner .text-box p:nth-child(2) {
font-size: 30px;
line-height: 30px;
.section.main-banner .banner-text p:nth-child(2) {
transition: 0.8s ease 0.6s;
}
.main-banner .text-box .cname {
color: #E30020;
}
.main-banner .swiper-slide-active .text-box p:nth-child(1),
.main-banner .swiper-slide-active .text-box p:nth-child(2) {
.section.main-banner .swiper-slide-active .banner-text p:nth-child(1),
.section.main-banner .swiper-slide-active .banner-text p:nth-child(2) {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.section.idx-about {
margin-top: 60px;
}
.section.idx-about .ia-container {
margin-top: 70px;
font-size: 20px;
color: #666666;
line-height: 36px;
}
.section.idx-about .ia-image {
width: 100%;
margin-top: 80px;
font-size: 0;
}
.section.idx-about .ia-image img {
width: 100%;
}
.section.idx-calture {
margin-top: 90px;
margin-bottom: 60px;
}
.section.idx-calture .ic-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.section.idx-calture .caltrue-item {
display: flex;
justify-content: space-between;
flex-direction: column;
width: 650px;
height: 156px;
background: rgba(248, 248, 248, 0);
border: 1px solid #DDDDDD;
box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
border-radius: 20px;
box-sizing: border-box;
padding: 30px;
margin-top: 48px;
}
.section.idx-calture .title {
display: flex;
align-items: center;
}
.section.idx-calture .title .cover {
width: 30px;
height: 30px;
object-fit: scale-down;
margin-right: 15px;
}
.section.idx-calture .title .text {
font-size: 30px;
font-weight: bold;
color: #000001;
}
.section.idx-calture .desc {
font-size: 24px;
color: #666666;
}
.section.sec-banner {
width: 100%;
height: 450px;
display: flex;
align-items: center;
justify-content: center;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.section.sec-banner .banner-text {
padding-top: 60px;
}
.section.article-detail {
margin-top: 50px;
margin-bottom: 50px;
}
.section.article-detail .title {
padding: 30px 0;
text-align: center;
border-bottom: 4px dashed #E5E5E5;
}
.section.article-detail .title h1 {
font-size: 28px;
font-weight: normal;
color: #333333;
}
.section.article-detail .content {
padding: 30px 0;
}
.full-wrap.about {
background-color: #F7F7F7;
}
.section.about-textarea {
padding: 90px 0 65px 0;
}
.section.about-textarea .content {
font-size: 20px;
color: #666666;
line-height: 36px;
margin-top: 60px;
}
.section.about-textarea .img-group {
margin-top: 50px;
display: flex;
justify-content: space-between;
}
.section.about-textarea .img-group .item {
width: 442px;
height: 312px;
}
.section.about-textarea .img-group img {
width: 100%;
height: 100%;
object-fit: cover;
}
.section.mapcont {
margin-top: 70px;
}
.section.mapcont .mcont {
margin-top: 70px;
text-align: center;
}
.section.mapcont .mcont img {
max-width: 100%;
}
.section.addrcont {
margin-top: 70px;
margin-bottom: 90px;
}
.section.addrcont .aacont {
margin-top: 70px;
}
.section.addrcont .aacont li {
width: 50%;
float: left;
display: flex;
align-items: center;
margin-top: 35px;
}
.section.addrcont .aacont li:nth-child(1),
.section.addrcont .aacont li:nth-child(2) {
margin-top: 0;
}
.section.addrcont .aacont li::before {
content: '';
display: inline-block;
width: 27px;
height: 27px;
background-image: url('/images/daohang.png');
background-size: 100%;
flex-shrink: 0;
}
.section.addrcont .aacont a {
font-size: 20px;
color: #040000;
margin-left: 10px;
}

244
css/style.less
View File

@ -1,6 +1,26 @@
@import 'common/var.less';
@import 'common/common.less';
.banner-text {
color: #FFFFFF;
text-align: center;
p:nth-child(1) {
font-size: 38px;
margin-bottom: 25px;
line-height: 38px;
}
p:nth-child(2) {
font-size: 30px;
line-height: 30px;
}
.cname {
color: #E30020;
}
}
.section {
.section-title {
text-align: center;
@ -33,18 +53,7 @@
}
}
.section.idx-about {
margin-top: 60px;
.idx-about-container {
margin-top: 70px;
font-size: 20px;
color: #666666;
line-height: 36px;
}
}
.main-banner {
.section.main-banner {
width: 100%;
.swiper-slide {
@ -75,11 +84,10 @@
height: 720px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.text-box {
color: #FFFFFF;
text-align: center;
.banner-text {
p:nth-child(1),
p:nth-child(2) {
@ -88,24 +96,15 @@
}
p:nth-child(1) {
font-size: 38px;
margin-bottom: 25px;
line-height: 38px;
transition: .8s ease .4s;
}
p:nth-child(2) {
font-size: 30px;
line-height: 30px;
transition: .8s ease .6s;
}
.cname {
color: #E30020;
}
}
.swiper-slide-active .text-box {
.swiper-slide-active .banner-text {
p:nth-child(1),
p:nth-child(2) {
@ -113,4 +112,199 @@
transform: translate3d(0, 0, 0);
}
}
}
.section.idx-about {
margin-top: 60px;
.ia-container {
margin-top: 70px;
font-size: 20px;
color: #666666;
line-height: 36px;
}
.ia-image {
width: 100%;
margin-top: 80px;
font-size: 0;
img {
width: 100%;
}
}
}
.section.idx-calture {
margin-top: 90px;
margin-bottom: 60px;
.ic-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.caltrue-item {
display: flex;
justify-content: space-between;
flex-direction: column;
width: 650px;
height: 156px;
background: rgba(248, 248, 248, 0);
border: 1px solid #DDDDDD;
box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
border-radius: 20px;
box-sizing: border-box;
padding: 30px;
margin-top: 48px;
}
.title {
display: flex;
align-items: center;
.cover {
width: 30px;
height: 30px;
object-fit: scale-down;
margin-right: 15px;
}
.text {
font-size: 30px;
font-weight: bold;
color: #000001;
}
}
.desc {
font-size: 24px;
color: #666666;
}
}
.section.sec-banner {
width: 100%;
height: 450px;
display: flex;
align-items: center;
justify-content: center;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
.banner-text {
padding-top: 60px;
}
}
.section.article-detail {
margin-top: 50px;
margin-bottom: 50px;
.title {
padding: 30px 0;
text-align: center;
border-bottom: 4px dashed #E5E5E5;
h1 {
font-size: 28px;
font-weight: normal;
color: #333333;
}
}
.content {
padding: 30px 0;
}
}
.full-wrap.about {
background-color: #F7F7F7;
}
.section.about-textarea {
padding: 90px 0 65px 0;
.content {
font-size: 20px;
color: #666666;
line-height: 36px;
margin-top: 60px;
}
.img-group {
margin-top: 50px;
display: flex;
justify-content: space-between;
.item {
width: 442px;
height: 312px;
// float: left;
// margin-right: 20px;
}
// .item:nth-child(3n) {
// margin-right: 0;
// }
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
}
.section.mapcont {
margin-top: 70px;
.mcont {
margin-top: 70px;
text-align: center;
img {
max-width: 100%;
}
}
}
.section.addrcont {
margin-top: 70px;
margin-bottom: 90px;
.aacont {
margin-top: 70px;
li {
width: 50%;
float: left;
display: flex;
align-items: center;
margin-top: 35px;
}
li:nth-child(1),
li:nth-child(2) {
margin-top: 0;
}
li::before {
content: '';
display: inline-block;
width: 27px;
height: 27px;
background-image: url('/images/daohang.png');
background-size: 100%;
flex-shrink: 0;
}
a {
font-size: 20px;
color: #040000;
margin-left: 10px;
}
}
}

57
detail.html Normal file
View File

@ -0,0 +1,57 @@
<!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 sec-banner" style="background-image: url('/images/banner2.png');">
<div class="banner-text">
<p>您的现金流安全 <span class="cname">左心房</span>来守护</p>
<p>YOUR CASH FLOW LEFT ATRIUM TO GUARD</p>
</div>
</div>
<div class="section main-wrap article-detail">
<div class="title">
<h1>梳理债务清单梳理债务清单标题标题标题标题标题标题标题标题标题标题标题</h1>
</div>
<div class="content">
<p>
制定侵务清单，包斯所有借款、信用卡余额、贷款等， 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等，
记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等，
记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等，
记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等，
记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等，
记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， 记录位务金额、利率、最低付款和到期日:
制定侵务清单，包斯所有借款、信用卡余额、贷款等， 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等，
记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等，
记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等，
记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等，
记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等，
记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， 记录位务金额、利率、最低付款和到期日:
</p>
</div>
</div>
</div>
<div class="footer"></div>
<script src="js/main.js"></script>
</body>
</html>

BIN
images/banner2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 MiB

BIN
images/daohang.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
images/ditu.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 527 KiB

BIN
images/header-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 99 B

BIN
images/hezuo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
images/jipiao-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
images/logo-about.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.6 KiB

BIN
images/qizi1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 721 B

BIN
images/tu.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 636 KiB

BIN
images/zuanshi.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

106
index.html
View File

@ -18,40 +18,13 @@
</head>
<body>
<div class="header">
<div class="main main-wrap mg-center">
<div class="logo">
<a href="" target="_blank">
<img src="images/logo.png" alt="">
</a>
</div>
<div class="menu">
<ul class="group">
<li class="item">
<a class="link active" href="" target="_blank">首页</a>
</li>
<li class="item">
<a class="link" href="" target="_blank">关于左心房</a>
</li>
<li class="item">
<a class="link" href="" target="_blank">业务与介绍</a>
</li>
<li class="item">
<a class="link" href="" target="_blank">用户故事</a>
</li>
<li class="item">
<a class="link" href="" target="_blank">联系我们</a>
</li>
</ul>
</div>
</div>
</div>
<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="text-box">
<div class="banner-text">
<p>您的现金流安全 <span class="cname">左心房</span>来守护</p>
<p>YOUR CASH FLOW LEFT ATRIUM TO GUARD</p>
</div>
@ -59,7 +32,7 @@
</div>
<div class="swiper-slide">
<a class="item" style="background-image: url('images/banner.png');" href="">
<div class="text-box">
<div class="banner-text">
<p>您的现金流安全 <span class="cname">左心房</span>来守护</p>
<p>YOUR CASH FLOW LEFT ATRIUM TO GUARD</p>
</div>
@ -74,46 +47,61 @@
paginationClickable: true,
centeredSlides: true,
autoplay: 5000,
autoplayDisableOnInteraction: false
autoplayDisableOnInteraction: false,
});
</script>
<div class="section main-wrap idx-about mg-center">
<div class="section-title style-1">
<!-- 简介 -->
<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="idx-about-container mg-center">
<div class="ia-container wow fadeInDown">
<p>
左心房成立于2016年，是一家全国性的连锁助贷平台，业务覆盖全国30个省市。公司以"让每一位客户拥有健康的现金流"为使命，关注客户的长期现金流安全与健康，力图通过自身合规的服务理念、透明的服务流程，打造受客户欢迎，受社会尊敬的助贷品牌。
</p>
</div>
</div>
</div>
<div class="footer">
<div class="main main-wrap mg-center">
<div class="row">
<img class="logo-bottom" src="images/logo-bottom.png" />
</div>
<div class="row">
<p>公司名称：左心房企服（杭州）科技有限公司</p>
</div>
<div class="row">
<div class="tel">
<p>客服热线：400-0707-091</p>
</div>
</div>
<div class="row">
<p>服务时间：8:00 - 21:00</p>
</div>
<div class="row">
<p>地址：杭州市西湖区西溪云起商务中心C座6楼</p>
</div>
<div class="row">
<div class="icp">
备案号：<a href="" target="_blank">浙ICP备2021038730号-1</a>
</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>

5
js/main.js
View File

@ -1,3 +1,6 @@
$(function () {
$('.header').load('/common/header.html');
$('.footer').load('/common/footer.html');
new WOW().init();
})
});