diff --git a/about.html b/about.html new file mode 100644 index 0000000..99829c4 --- /dev/null +++ b/about.html @@ -0,0 +1,118 @@ + + + + + + + 关于 + + + + + + + + + + + + + +
+
+
+ +
+
+
+
+ +
+
+

+ 左心房成立于2016年，总部位于杭州市西湖区，拥有7年以上助贷服务经验。自创立以来，左心房以“让每一位客户拥有健康的现金流”为使命，关注客户的长期现金流安全与健康，秉承着诚信为本、客户为先的服务理念，致办于利用自身的科技能力试能线下助贷服务团队，将自己合规的服务理念及透明的服务流程推广至全国，打造行业领先的全国助贷服务生态。旗下业包括全国连锁助贷服务、线上融资知识分享等。业务规模遍布全国30个省份，100+城市，500+门店。是一家有品牌、有服务、有温度、敢承诺的安心助贷平台。 +

+
+
    +
  • + +
    • +
  • + +
    • +
  • + +
    • +
+
+
+
+
+

企业文化

+
+
+ +
+
+
+
+

直营门店

+
+ +
+
+
+ + + + + \ No newline at end of file diff --git a/common/footer.html b/common/footer.html new file mode 100644 index 0000000..89a815e --- /dev/null +++ b/common/footer.html @@ -0,0 +1,24 @@ +
+
+ +
+
+

公司名称：左心房企服（杭州）科技有限公司

+
+
+
+

客服热线：400-0707-091

+
+
+
+

服务时间：8:00 - 21:00

+
+
+

地址：杭州市西湖区西溪云起商务中心C座6楼

+
+
+
+ 备案号：浙ICP备2021038730号-1 +
+
+
\ No newline at end of file diff --git a/common/header.html b/common/header.html new file mode 100644 index 0000000..34180cc --- /dev/null +++ b/common/header.html @@ -0,0 +1,26 @@ +
+ +
+ +
+
\ No newline at end of file diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..02e5603 --- /dev/null +++ b/contact.html @@ -0,0 +1,40 @@ + + + + + + + 联系 + + + + + + + + + + + + + +
+
+
+ +
+
+
+

企业文化

+
+
+
+
+ + + + + \ No newline at end of file diff --git a/css/common/common.less b/css/common/common.less index acde12d..7695843 100644 --- a/css/common/common.less +++ b/css/common/common.less @@ -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; diff --git a/css/style.css b/css/style.css index 8c64eca..bc6608c 100644 --- a/css/style.css +++ b/css/style.css @@ -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; +} diff --git a/css/style.less b/css/style.less index cf78076..bfa1c50 100644 --- a/css/style.less +++ b/css/style.less @@ -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; + } + } } \ No newline at end of file diff --git a/detail.html b/detail.html new file mode 100644 index 0000000..c27c39a --- /dev/null +++ b/detail.html @@ -0,0 +1,57 @@ + + + + + + + 详情 + + + + + + + + + + + + + +
+
+
+ +
+
+
+

梳理债务清单梳理债务清单标题标题标题标题标题标题标题标题标题标题标题

+
+
+

+ 制定侵务清单，包斯所有借款、信用卡余额、贷款等， 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， + 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， + 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， + 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， + 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， + 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， 记录位务金额、利率、最低付款和到期日: + + 制定侵务清单，包斯所有借款、信用卡余额、贷款等， 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， + 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， + 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， + 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， + 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， + 记录位务金额、利率、最低付款和到期日:制定侵务清单，包斯所有借款、信用卡余额、贷款等， 记录位务金额、利率、最低付款和到期日: +

+
+
+
+
+ + + + + \ No newline at end of file diff --git a/images/banner2.png b/images/banner2.png new file mode 100644 index 0000000..93a5e1c Binary files /dev/null and b/images/banner2.png differ diff --git a/images/daohang.png b/images/daohang.png new file mode 100644 index 0000000..c8d669a Binary files /dev/null and b/images/daohang.png differ diff --git a/images/ditu.png b/images/ditu.png new file mode 100644 index 0000000..66e188c Binary files /dev/null and b/images/ditu.png differ diff --git a/images/header-bg.png b/images/header-bg.png new file mode 100644 index 0000000..2486520 Binary files /dev/null and b/images/header-bg.png differ diff --git a/images/hezuo.png b/images/hezuo.png new file mode 100644 index 0000000..f2aac2f Binary files /dev/null and b/images/hezuo.png differ diff --git a/images/jipiao-2.png b/images/jipiao-2.png new file mode 100644 index 0000000..6e2c6b4 Binary files /dev/null and b/images/jipiao-2.png differ diff --git a/images/logo-about.png b/images/logo-about.png new file mode 100644 index 0000000..fdcb57a Binary files /dev/null and b/images/logo-about.png differ diff --git a/images/qizi1.png b/images/qizi1.png new file mode 100644 index 0000000..e3450e0 Binary files /dev/null and b/images/qizi1.png differ diff --git a/images/tu.png b/images/tu.png new file mode 100644 index 0000000..262d910 Binary files /dev/null and b/images/tu.png differ diff --git a/images/zuanshi.png b/images/zuanshi.png new file mode 100644 index 0000000..e383307 Binary files /dev/null and b/images/zuanshi.png differ diff --git a/index.html b/index.html index cb8b25d..77d7928 100644 --- a/index.html +++ b/index.html @@ -18,40 +18,13 @@ -
-
- -
- -
-
-
+
-
+ @@ -59,7 +32,7 @@
-
+ @@ -74,46 +47,61 @@ paginationClickable: true, centeredSlides: true, autoplay: 5000, - autoplayDisableOnInteraction: false + autoplayDisableOnInteraction: false, }); -
-
+ +
+

企业简介

-
+

左心房成立于2016年，是一家全国性的连锁助贷平台，业务覆盖全国30个省市。公司以"让每一位客户拥有健康的现金流"为使命，关注客户的长期现金流安全与健康，力图通过自身合规的服务理念、透明的服务流程，打造受客户欢迎，受社会尊敬的助贷品牌。

-
-
-
-
-
- -
-
-

公司名称：左心房企服（杭州）科技有限公司

-
-
-
-

客服热线：400-0707-091

-
-
-
-

服务时间：8:00 - 21:00

-
-
-

地址：杭州市西湖区西溪云起商务中心C座6楼

-
-
-
- 备案号：浙ICP备2021038730号-1 -
+
+
+ +
+
+

企业文化

+
+
    +
  • +
    + +

    使命

    +
    +

    让每一位客户拥有健康的现金流

    +
    • +
  • +
    + +

    愿景

    +
    +

    帮助5000万名用户解决融资问题

    +
    • +
  • +
    + +

    价值观

    +
    +

    以客户为中心，以奋斗者为本

    +
    • +
  • +
    + +

    服务理念

    +
    +

    用对待家人的态度服务客户

    +
    • +
+
+
diff --git a/js/main.js b/js/main.js index 0050d78..9b04795 100644 --- a/js/main.js +++ b/js/main.js @@ -1,3 +1,6 @@ $(function () { + $('.header').load('/common/header.html'); + $('.footer').load('/common/footer.html'); + new WOW().init(); -}) \ No newline at end of file +});