1 Star 0 Fork 0

许东洋/gonghang

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
index.html 17.94 KB
一键复制 编辑 原始数据 按行查看 历史
许东洋 提交于 2021-11-25 16:34 . title
<!DOCTYPE html>
<html lang="en">
<head>
<title>中国工商银行</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
<div class="container">
<a class="navbar-brand" href="index.html">中国工商银行</a></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav"
aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
<span class="oi oi-menu"></span> 菜单
</button>
<div class="collapse navbar-collapse" id="ftco-nav">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a href="#index" class="nav-link">首页</a></li>
<li class="nav-item"><a href="#tedian" class="nav-link">特点介绍</a></li>
<li class="nav-item"><a href="#gongneng" class="nav-link">功能模块</a></li>
<li class="nav-item"><a href="#renyuan" class="nav-link" >人员场景问题</a></li>
<li class="nav-item"><a href="#gongyinglian" class="nav-link">供应链价值</a></li>
<li class="nav-item"><a href="#lianxi" class="nav-link">联系我们</a></li>
</ul>
</div>
</div>
</nav>
<!-- END nav -->
<div class="hero-wrap js-fullheight" id="index">
<div class="overlay"></div>
<div class="container-fluid px-0">
<div class="row d-md-flex no-gutters slider-text align-items-center js-fullheight justify-content-start">
<img class="one-third js-fullheight align-self-end order-md-first img-fluid"
src="images/undraw_co-working_825n_1.svg" alt="" style="height: 600px">
<div class="one-forth d-flex ftco-animate js-fullheight" style="justify-content: center;">
<div class="text">
<span class="subheading">工银聚</span>
<h1 class="mb-3"><span>工 - 工业电商</span> <span>银 - 交易银行</span> <span>聚 - 数据整合</span></h1>
<p>电子供应链 → 产融生态圈</p>
<!-- <p><a href="#" class="btn btn-secondary px-4 py-3">Get in touch</a></p> -->
</div>
</div>
</div>
</div>
</div>
<section class="ftco-section" style="margin-top: -15em;background-image: linear-gradient(#3f52e3,#6eb5ff, #f7cdd6);">
<div class="container">
<div class="row justify-content-center mb-5 pb-3">
<div class="col-md-7 text-center heading-section ftco-animate">
<h2 class="mb-4" style="position: relative; top: 1.2em; color: #FFF" id="tedian">特点介绍</h2>
</div>
</div>
<div class="row d-flex">
<div class="col-lg-3 col-md-6 ftco-animate">
<div class="block-7">
<div class="text-center">
<!-- <h2 class="heading">模块化</h2> -->
<span class="btn btn-tertiary d-block px-3 py-3 mb-4"
style="border-radius: 0; border-top-left-radius: 20px; border-top-right-radius: 20px">模块化</span>
<h3 class="heading-2 mb-3">服务功能模块化,快速复制、快速响应。</h3>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 ftco-animate">
<div class="block-7">
<div class="text-center">
<!-- <h2 class="heading">订制化</h2> -->
<span class="btn btn-tertiary d-block px-3 py-3 mb-4"
style="border-radius: 0; border-top-left-radius: 20px; border-top-right-radius: 20px">订制化</span>
<h3 class="heading-2 mb-3">既支持与企业系统对接提供订制服务,也支持独立版提供标准服务。</h3>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 ftco-animate">
<div class="block-7">
<div class="text-center">
<!-- <h2 class="heading">嵌入式</h2> -->
<span class="btn btn-tertiary d-block px-3 py-3 mb-4"
style="border-radius: 0; border-top-left-radius: 20px; border-top-right-radius: 20px">嵌入式</span>
<h3 class="heading-2 mb-3">信息服务和金融服务一站式集成,满足多种场景需求。</h3>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 ftco-animate">
<div class="block-7">
<div class="text-center">
<!-- <h2 class="heading">开放式</h2> -->
<span class="btn btn-tertiary d-block px-3 py-3 mb-4"
style="border-radius: 0; border-top-left-radius: 20px; border-top-right-radius: 20px">开放式</span>
<h3 class="heading-2 mb-3">兼容并蓄,支持多种场景,支持本他行客户使用。</h3>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- <section class="ftco-section ftco-partner"> -->
<!-- <section class="ftco-section ftco-partner">
<div class="container">
<div class="row">
<div class="col-sm ftco-animate heading">
<a href="#" class="partner"><img src="images/partner-1.png" class="img-fluid" alt="Colorlib Template"></a>
</div>
<div class="col-sm ftco-animate">
<a href="#" class="partner"><img src="images/partner-2.png" class="img-fluid" alt="Colorlib Template"></a>
</div>
<div class="col-sm ftco-animate">
<a href="#" class="partner"><img src="images/partner-3.png" class="img-fluid" alt="Colorlib Template"></a>
</div>
<div class="col-sm ftco-animate">
<a href="#" class="partner"><img src="images/partner-4.png" class="img-fluid" alt="Colorlib Template"></a>
</div>
</div>
</div>
</section> -->
<!-- <section class="ftco-domain">
<div class="container">
<div class="row d-flex align-items-center">
<div class="col-lg-5 heading-white mb-4 mb-sm-4 mb-lg-0 ftco-animate">
<h2>Search Your Domain Name</h2>
<p>A small river named Duden flows by their place</p>
</div>
<div class="col-lg-7 p-5 ftco-wrap ftco-animate">
<form action="#" class="domain-form d-flex mb-3">
<div class="form-group domain-name">
<input type="text" class="form-control name px-4" placeholder="Enter your domain name...">
</div>
<div class="form-group domain-select d-flex">
<div class="select-wrap">
<div class="icon"><span class="ion-ios-arrow-down"></span></div>
<select name="" id="" class="form-control">
<option value="">.com</option>
<option value="">.net</option>
<option value="">.biz</option>
<option value="">.co</option>
<option value="">.me</option>
</select>
</div>
<input type="submit" class="search-domain btn btn-primary text-center" value="Search">
</div>
</form>
<p class="domain-price mt-2">
<span><small>.com</small> $9.75</span>
<span><small>.net</small> $9.50</span>
<span><small>.biz</small> $8.95</span>
<span><small>.co</small> $7.80</span>
<span><small>.me</small> $7.95</span>
</p>
</div>
</div>
</div>
</section> -->
<section class="ftco-section services-section" style="background-image: linear-gradient(#f7cdd6,#98edc4);">
<div class="container">
<div class="row justify-content-center mb-5">
<div class="col-md-8 text-center heading-section ftco-animate">
<h2 class="mb-3" id="gongneng">功能模块</h2>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 d-flex align-self-stretch ftco-animate">
<div class="media block-6 services d-flex">
<div class="icon d-flex align-items-center justify-content-center">
<span class="flaticon-cloud"></span>
</div>
<div class="media-body pl-4">
<h3 class="heading">服务入口</h3>
<p class="mb-0">可由工银聚建立独立网站;也可直接嵌入企业集采平台、企业门户。</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-self-stretch ftco-animate">
<div class="media block-6 services d-flex">
<div class="icon d-flex align-items-center justify-content-center">
<span class="flaticon-server"></span>
</div>
<div class="media-body pl-4">
<h3 class="heading">招投标</h3>
<p class="mb-0">给企业提供透明且智能的招投标服务,满足不同企业差异化需求。</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-self-stretch ftco-animate">
<div class="media block-6 services d-flex">
<div class="icon d-flex align-items-center justify-content-center">
<span class="flaticon-customer-service"></span>
</div>
<div class="media-body pl-4">
<h3 class="heading">采购协同</h3>
<p>给企业提供采购确认、发货、入库、对账等过程中的高效协同服务。</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-self-stretch ftco-animate">
<div class="media block-6 services d-flex">
<div class="icon d-flex align-items-center justify-content-center">
<span class="flaticon-life-insurance"></span>
</div>
<div class="media-body pl-4">
<h3 class="heading">融资管理</h3>
<p>为企业搭建融资管理系统,无缝嵌入银行融资产品,助力企业提升供应链价值。</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-self-stretch ftco-animate">
<div class="media block-6 services d-flex">
<div class="icon d-flex align-items-center justify-content-center">
<span class="flaticon-cloud-computing"></span>
</div>
<div class="media-body pl-4">
<h3 class="heading">付款管理</h3>
<p>提供银企互联、工银e企付、快捷开票、工银e信、付款票据通等付款方式,满足企业多样化需求。</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-self-stretch ftco-animate">
<div class="media block-6 services d-flex">
<div class="icon d-flex align-items-center justify-content-center">
<span class="flaticon-settings"></span>
</div>
<div class="media-body pl-4">
<h3 class="heading">辅助支持</h3>
<p>提供企业系统管理、单据管理、报表管理功能,满足企业统筹管理需求。</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-section" style="background-image: linear-gradient(#98edc4, #c5f5f5);">
<div class="container">
<div class="row justify-content-center mb-5">
<div class="col-md-8 text-center heading-section ftco-animate">
<h2 class="mb-3" id="renyuan">解决各类人员场景问题</h2>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 ftco-animate">
<div class="staff">
<div class="text pt-3 px-3 pb-4 text-center">
<h3>采购业务员</h3>
<span class="position mb-2" style="color: #ff8ca7">合作前</span>
<div class="faded" style="color: #ff8ca7">
<p>采购业务员通过线下方式与供应商沟通需求、签署合同,微信+邮件+电话……</p>
</div>
<span class="position mb-2" style="color:cyan">合作后</span>
<div class="faded" style="color:cyan">
<p>采购业务员通过平台一站式完成招投标、 合同签署、采购发货等全部流程</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 ftco-animate">
<div class="staff">
<div class="text pt-3 px-3 pb-4 text-center">
<h3>仓库管理员</h3>
<span class="position mb-2" style="color: #ff8ca7">合作前</span>
<div class="faded" style="color: #ff8ca7">
<p>仓库管理员收到货之后逐笔核对,手工记录,再与系统数据进行比对。</p>
</div>
<span class="position mb-2" style="color:cyan">合作后</span>
<div class="faded" style="color:cyan">
<p>仓库管理员收到货之后扫码入库,联动更新系统数据。</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 ftco-animate">
<div class="staff">
<div class="text pt-3 px-3 pb-4 text-center">
<h3>财务人员</h3>
<span class="position mb-2" style="color: #ff8ca7">合作前</span>
<div class="faded" style="color: #ff8ca7">
<p>财务人员手工录入发票、手工对账、手工付款……</p>
</div>
<span class="position mb-2" style="color:cyan">合作后</span>
<div class="faded" style="color:cyan">
<p>财务人员小程序扫码验证发票信息,自动记账、对账,联动付款</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 ftco-animate">
<div class="staff">
<div class="text pt-3 px-3 pb-4 text-center">
<h3>供应商</h3>
<span class="position mb-2" style="color: #ff8ca7">合作前</span>
<div class="faded" style="color: #ff8ca7">
<p>供应商通过线下与核心企业进行交互,采购、发货、开票、结算等各个环节都需要不断进行交互。</p>
</div>
<span class="position mb-2" style="color:cyan">合作后</span>
<div class="faded" style="color:cyan">
<p>供应商从合同签署开始,全流程线上交互,所以记录线上留存,高效沟通,信息实时、透明。</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-section" style="background-image: linear-gradient(#c5f5f5, #a069f9);">
<div class="container">
<div class="row justify-content-center mb-5">
<div class="col-md-8 text-center heading-section ftco-animate">
<h2 class="mb-3" id="gongyinglian">提供企业供应链价值</h2>
</div>
</div>
<div class="row">
<div class="col-lg-6 py-5">
<div class="row">
<div class="col-md-12 ftco-animate d-flex">
<div class="media block-6 services border d-flex p-3 mb-3">
<div class="icon icon-2 d-flex align-items-center justify-content-center">
<span class="flaticon-cloud-computing"></span>
</div>
<div class="media-body pl-4">
<h3 class="heading">优化基础数据完善供应链</h3>
<p class="mb-0">1.对ERP数据进行拓展延伸</p>
<p class="mb-0">2.企业与供应商可在线互动</p>
<p class="mb-0">3.推进企业供应链延伸完善</p>
</div>
</div>
</div>
<div class="col-md-12 ftco-animate d-flex">
<div class="media block-6 services border d-flex p-3 mb-3">
<div class="icon icon-2 d-flex align-items-center justify-content-center">
<span class="flaticon-cloud"></span>
</div>
<div class="media-body pl-4">
<h3 class="heading">发挥企业优势提升供应链价值</h3>
<p class="mb-0">1.解决小企业融资贵、融资难问题</p>
<p class="mb-0">2.无缝对接银行供应链融资产品</p>
<p class="mb-0">3.供应商可以依托供应链融资,无需额外担保和抵押</p>
</div>
</div>
</div>
<div class="col-md-12 ftco-animate d-flex">
<div class="media block-6 services border d-flex p-3 mb-3">
<div class="icon icon-2 d-flex align-items-center justify-content-center">
<span class="flaticon-server"></span>
</div>
<div class="media-body pl-4">
<h3 class="heading">信息数据共享优化管理水平</h3>
<p class="mb-0">1.取消纸质单据,提高管理效率</p>
<p class="mb-0">2.优化订单管理,缩短订单周期</p>
<p class="mb-0">3.ERP数据共享,减少重复劳动</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="ftco-footer ftco-bg-dark ftco-section" style="background-image: linear-gradient(#a16af9, #924fff); padding-top: 1em">
<div class="container">
<div class="row mb-5">
<div class="col-md">
<div class="ftco-footer-widget mb-4" style="text-align: center">
<h2 class="ftco-heading-2" id="lianxi">联系我们</h2>
<a href="http://www.icbc.com.cn" target="_blank">www.icbc.com.cn</a>
</div>
</div>
<!-- <div class="col-md" id="lianxi">
<div class="ftco-footer-widget mb-4 ml-md-5">
<h2 class="ftco-heading-2">微信</h2>
<img src="images/ercode.png" />
</div>
</div> -->
</div>
</div>
</footer>
<audio preload autoplay loop id="vd">
<source src="1.mp3" type="audio/mpeg">
</audio>
<!-- loader -->
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px">
<circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee" />
<circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10"
stroke="#F96D00" />
</svg></div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery-migrate-3.0.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.animateNumber.min.js"></script>
<script src="js/scrollax.min.js"></script>
<script src="js/google-map.js"></script>
<script src="js/main.js"></script>
<script>
function toggleSound() {
var music = document.getElementById("vd");//获取ID
music.play(); //没有就播放
}
$(function () {
$("#ftco-nav li").click(function () {
$(".navbar-toggler").click();
})
toggleSound();
})
</script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/xudy1987/gonghang.git
git@gitee.com:xudy1987/gonghang.git
xudy1987
gonghang
gonghang
master

搜索帮助