610 lines
32 KiB
HTML
610 lines
32 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta name="author" content="irstheme">
|
||
|
||
<title>全程物流链解决方案 - 岸基科技</title>
|
||
<link rel="icon" type="image/x-icon" href="/favicon.ico">
|
||
<meta name="title" content="烟台岸基网络科技有限公司">
|
||
<meta name="Description"
|
||
content="烟台岸基网络科技有限公司是从事于全程物流链科技服务的互联网软件公司，致力于打造港航企业的互联网生态圈，研发出了航运电子商务平台系统、多码头智能操作系统、全程物流链管理系统等软件产品。">
|
||
<meta name="keywords"
|
||
content="物流平台开发,O2O物流平台,航运,船代软件,船代系统,船舶代理软件,船舶代理系统,航运大数据,航运电商,互联网+航运,数字化航运,货运代理管理系统,货代系统,货代软件,全程物流链管理系统,全程物流链软件,物流供应链,物流管理系统,协同运输,智慧物流管理系统,物流平台开发,供应链物流管理">
|
||
|
||
<link href="assets/css/themify-icons.css" rel="stylesheet">
|
||
<link href="assets/css/flaticon.css" rel="stylesheet">
|
||
<link rel="stylesheet" href="assets/css/bootstrap-3.3.4.css">
|
||
<link href="assets/css/animate.css" rel="stylesheet">
|
||
<link href="assets/css/owl.carousel.css" rel="stylesheet">
|
||
<link href="assets/css/owl.theme.css" rel="stylesheet">
|
||
<link href="assets/css/slick.css" rel="stylesheet">
|
||
<link href="assets/css/slick-theme.css" rel="stylesheet">
|
||
<link href="assets/css/swiper.min.css" rel="stylesheet">
|
||
<link href="assets/css/owl.transitions.css" rel="stylesheet">
|
||
<link href="assets/css/odometer-theme-default.css" rel="stylesheet">
|
||
<link href="assets/css/jquery.fancybox.css" rel="stylesheet">
|
||
<link href="assets/css/style.css" rel="stylesheet">
|
||
<link href="assets/css/pro.css" rel="stylesheet">
|
||
<link href="assets/css/solution.css" rel="stylesheet">
|
||
|
||
<!--[if lt IE 9]>
|
||
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||
<![endif]-->
|
||
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<!-- start page-wrapper -->
|
||
<div class="page-wrapper">
|
||
|
||
<!-- start preloader -->
|
||
<div class="preloader">
|
||
<div class="sk-folding-cube">
|
||
<div class="sk-cube1 sk-cube"></div>
|
||
<div class="sk-cube2 sk-cube"></div>
|
||
<div class="sk-cube4 sk-cube"></div>
|
||
<div class="sk-cube3 sk-cube"></div>
|
||
</div>
|
||
</div>
|
||
<!-- end preloader -->
|
||
|
||
<!-- Start header -->
|
||
<div id="header"></div>
|
||
<!-- end of header -->
|
||
|
||
|
||
<!-- Hero Section -->
|
||
<section class="solution-hero solution-hero--logistics-chain">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6 hero-content">
|
||
<div class="reveal">
|
||
<div class="hero-badge">
|
||
<span class="pulse-dot"></span>
|
||
大型物流集团
|
||
</div>
|
||
<h1 class="hero-title">
|
||
全程物流链解决方案</span>
|
||
</h1>
|
||
<p class="hero-desc">
|
||
覆盖订舱、报关、运输、仓储、交付全流程，打破信息孤岛，实现业务协同与智能决策，助力物流企业数字化转型升级。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 hero-stats hidden-sm hidden-xs">
|
||
<div class="reveal" style="transition-delay: 200ms;">
|
||
<div class="stats-card-container">
|
||
<div class="stats-grid">
|
||
<div class="stat-item">
|
||
<i class="ti-layout-grid2 stat-icon blue"></i>
|
||
<div class="stat-number">标准化</div>
|
||
<div class="stat-label">统一架构与数据标准</div>
|
||
</div>
|
||
<div class="stat-item">
|
||
<i class="ti-widget stat-icon cyan"></i>
|
||
<div class="stat-number">灵活化</div>
|
||
<div class="stat-label">模块化配置快速适配</div>
|
||
</div>
|
||
<div class="stat-item">
|
||
<i class="ti-pulse stat-icon green"></i>
|
||
<div class="stat-number">智能化</div>
|
||
<div class="stat-label">AI大模型深度应用</div>
|
||
</div>
|
||
<div class="stat-item">
|
||
<i class="ti-eye stat-icon indigo"></i>
|
||
<div class="stat-number">可视化</div>
|
||
<div class="stat-label">全链路实时监控</div>
|
||
</div>
|
||
<div class="stats-center-icon">
|
||
<i class="ti-truck"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Pain Points Section -->
|
||
<section class="pain-points-section" id="solution">
|
||
<div class="container">
|
||
<div class="section-header reveal">
|
||
<h2>直击行业四大核心痛点</h2>
|
||
<p>行业困境亟待破局，数智升级势在必行</p>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-3 col-sm-6">
|
||
<div class="pain-point-card reveal">
|
||
<div class="pain-point-icon red">
|
||
<i class="ti-layout-list-post"></i>
|
||
</div>
|
||
<h3>系统杂、数据不通</h3>
|
||
<p>订舱、报关、运输等各环节系统独立，数据重复录入、人工传递，易出错、效率低。</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3 col-sm-6">
|
||
<div class="pain-point-card reveal" style="transition-delay: 100ms;">
|
||
<div class="pain-point-icon orange">
|
||
<i class="ti-money"></i>
|
||
</div>
|
||
<h3>业财脱节、成本难控</h3>
|
||
<p>业财数据分属不同系统，口径不一、更新滞后，导致成本核算不及时、费用管控不精准。</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3 col-sm-6">
|
||
<div class="pain-point-card reveal" style="transition-delay: 200ms;">
|
||
<div class="pain-point-icon yellow">
|
||
<i class="ti-location-pin"></i>
|
||
</div>
|
||
<h3>网点分散，协同不足</h3>
|
||
<p>多地网点依赖人工沟通，数据同步慢，缺乏统一平台，资源调度难、业务协同差。</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3 col-sm-6">
|
||
<div class="pain-point-card reveal" style="transition-delay: 300ms;">
|
||
<div class="pain-point-icon purple">
|
||
<i class="ti-bar-chart"></i>
|
||
</div>
|
||
<h3>缺乏数据驱动能力</h3>
|
||
<p>系统仅支持基础操作，无法对业务量、运力、成本等核心数据进行分析预测。
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Solution Architecture Section -->
|
||
<section class="architecture-section">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-4">
|
||
<div class="reveal">
|
||
<h2 style="font-size: 32px; font-weight: 700; margin-bottom: 40px; color: #fff;">全程物流链平台框架</h2>
|
||
|
||
<div class="arch-step">
|
||
<div class="arch-step-number blue">01</div>
|
||
<div class="arch-step-content">
|
||
<h4 class="blue">统一业务门户</h4>
|
||
<p>为船公司、船代、货代、报关、仓储等提供统一的业务线上营业厅，一站式处理全流程业务。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="arch-step">
|
||
<div class="arch-step-number blue">02</div>
|
||
<div class="arch-step-content">
|
||
<h4 class="blue">全链条协同</h4>
|
||
<p>打通订舱、报关、运输、仓储、交付各环节，实现数据互通、业务联动，消除信息孤岛。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="arch-step">
|
||
<div class="arch-step-number blue">03</div>
|
||
<div class="arch-step-content">
|
||
<h4 class="blue">智能分析决策</h4>
|
||
<p>通过AI大模型与数据分析技术，对全链条数据进行深度挖掘，提供智能预测与决策支持。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-8">
|
||
<div class="reveal" style="transition-delay: 200ms;">
|
||
<div class="arch-visual-container">
|
||
<img src="assets/images/solution/chain.webp" alt="全程物流链架构图">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Product Matrix Section -->
|
||
<section class="products-section" id="products">
|
||
<div class="container">
|
||
<div class="section-header-flex reveal">
|
||
<div class="section-header-left">
|
||
<div class="section-label">Product Matrix</div>
|
||
<h2>部分产品与服务</h2>
|
||
<p>从智能生产到供应链协同，全方位覆盖大型港航集团业务场景。</p>
|
||
</div>
|
||
<a href="product_eCommerce.html" class="view-all-link hidden-xs">
|
||
查看所有产品 <i class="ti-arrow-right"></i>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-4">
|
||
<div class="product-card reveal">
|
||
<div class="product-card-bar blue"></div>
|
||
<div class="product-card-body">
|
||
|
||
<h3>岸基船公司运营管理系统</h3>
|
||
<p>业务智能操作、船舶动态管理、EDI无缝交换、决策数据看板，赋能航运全流程一站式解决方案。</p>
|
||
<a href="product_shipping_company.html" target="_parent">
|
||
<div class="product-card-footer">
|
||
<span>了解详情</span>
|
||
<div class="product-card-arrow">
|
||
<i class="ti-arrow-right"></i>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="product-card reveal" style="transition-delay: 100ms;">
|
||
<div class="product-card-bar cyan"></div>
|
||
<div class="product-card-body">
|
||
|
||
<h3>岸基船舶管理系统</h3>
|
||
<p>根据船公司的经营和运营管理特点，定制化开发符合船公司适用的船舶综合管理系统。实现经营管理和运营管理一体化、体系和经营一体化、业务财务一体化，提升各部门间的数据共享和协同能力。</p>
|
||
<a href="product_shipping_boat.html" target="_parent">
|
||
<div class="product-card-footer">
|
||
<span>了解详情</span>
|
||
<div class="product-card-arrow">
|
||
<i class="ti-arrow-right"></i>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="product-card reveal" style="transition-delay: 200ms;">
|
||
<div class="product-card-bar indigo"></div>
|
||
<div class="product-card-body">
|
||
|
||
<h3>岸基仓储管理系统</h3>
|
||
<p>提供在线委托、预约、结算、运力撮合等服务。平台已完成对国产操作环境和浏览器的兼容性适配。</p>
|
||
<a href="product_full_logistics_chain_warehouse.html" target="_parent">
|
||
<div class="product-card-footer">
|
||
<span>了解详情</span>
|
||
<div class="product-card-arrow">
|
||
<i class="ti-arrow-right"></i>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="product-card reveal">
|
||
<div class="product-card-bar blue"></div>
|
||
<div class="product-card-body">
|
||
<h3>岸基船舶代理系统</h3>
|
||
<p>面向船代公司提供完整业务操作解决方案，通过“互联网+”服务模式满足企业内部操作需求。支持船务、单证、箱管、商务、财务等多部门协同，搭建智能高效业务平台，实现线上线下“一站式”服务。</p>
|
||
<a href="product_full_logistics_chain_ship_agent.html" target="_parent">
|
||
<div class="product-card-footer">
|
||
<span>了解详情</span>
|
||
<div class="product-card-arrow">
|
||
<i class="ti-arrow-right"></i>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="product-card reveal" style="transition-delay: 100ms;">
|
||
<div class="product-card-bar cyan"></div>
|
||
<div class="product-card-body">
|
||
|
||
<h3>岸基货运代理系统</h3>
|
||
<p>针对货代业务特点，运用先进计算机技术，提升业务单证的智能识别、费用智能对账等服务能力，实现业务的标准化、流程化、智能化操作，实现货物委托、提单确认、海关预配、EDI、费用结算、客户服务等业务的高效操作。</p>
|
||
<a href="product_full_logistics_chain_cargo_agent.html" target="_parent">
|
||
<div class="product-card-footer">
|
||
<span>了解详情</span>
|
||
<div class="product-card-arrow">
|
||
<i class="ti-arrow-right"></i>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="product-card reveal" style="transition-delay: 200ms;">
|
||
<div class="product-card-bar indigo"></div>
|
||
<div class="product-card-body">
|
||
|
||
<h3>岸基车辆运输管理系统</h3>
|
||
<p>专门用于优化和管理运输流程的解决方案，系统以业财一体化的管理理念，优化车辆调度，实现运输收入、成本的精细化管理。</p>
|
||
<a href="product_full_logistics_chain_vehicle_transport.html" target="_parent">
|
||
<div class="product-card-footer">
|
||
<span>了解详情</span>
|
||
<div class="product-card-arrow">
|
||
<i class="ti-arrow-right"></i>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Value Section -->
|
||
<section class="value-section" id="value">
|
||
<div class="container">
|
||
<div class="section-header reveal">
|
||
<h2>产品核心价值</h2>
|
||
<p>不仅是软件升级，更是物流企业的全面数字化转型。</p>
|
||
</div>
|
||
<div class="value-grid">
|
||
<div class="value-grid-item">
|
||
<div class="value-item reveal">
|
||
<div class="value-icon">
|
||
<i class="ti-check-box"></i>
|
||
</div>
|
||
<div class="value-content">
|
||
<h3>规则统一，效率提升</h3>
|
||
<p>统一订单、运单、费用等数据标准，财务对账从3-5天缩至4小时内，核对人力减少60%。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="value-grid-item">
|
||
<div class="value-item reveal" style="transition-delay: 50ms;">
|
||
<div class="value-icon">
|
||
<i class="ti-widget"></i>
|
||
</div>
|
||
<div class="value-content">
|
||
<h3>灵活扩展，快速响应</h3>
|
||
<p>“基础平台+业务插件”模式，新增业务类型无需重构，系统调整时间从2-4周缩至2-3天。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="value-grid-item">
|
||
<div class="value-item reveal" style="transition-delay: 100ms;">
|
||
<div class="value-icon">
|
||
<i class="ti-thought"></i>
|
||
</div>
|
||
<div class="value-content">
|
||
<h3>自动化降本，人效倍增</h3>
|
||
<p>舱单自动发送、费用自动计算等，单票操作时间从10分钟压至2分钟，单人日处理量从30票提升至100票以上。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="value-grid-item">
|
||
<div class="value-item reveal" style="transition-delay: 150ms;">
|
||
<div class="value-icon">
|
||
<i class="ti-timer"></i>
|
||
</div>
|
||
<div class="value-content">
|
||
<h3>可视化管控，服务升级</h3>
|
||
<p>全链路状态实时图形化展示，客户自助查询使客服咨询量下降40%-50%，异常响应时间缩至15分钟。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Advantages Section -->
|
||
<section class="advantages-section" id="about">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<div class="reveal">
|
||
<h2 style="font-size: 32px; font-weight: 700; margin-bottom: 40px;color: #fff;">我们的核心优势</h2>
|
||
|
||
<div class="advantage-item">
|
||
<div class="advantage-check">
|
||
<i class="ti-check-box"></i>
|
||
</div>
|
||
<div>
|
||
<h4>整体行业经验深厚且实力过硬</h4>
|
||
<p>团队10年以上物流+软件实战经验，覆盖货代、船代、报关、仓储等业态，方案贴合实际作业流程，上线即用。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="advantage-item">
|
||
<div class="advantage-check">
|
||
<i class="ti-check-box"></i>
|
||
</div>
|
||
<div>
|
||
<h4>技术架构先进可靠</h4>
|
||
<p>系统采用前沿互联网分布式架构，大幅提升运行稳定性与横向扩展能力。同时依托微服务架构与热加载技术，简化需求迭代实现流程，支持系统在不停机状态下完成更新升级。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="advantage-item">
|
||
<div class="advantage-check">
|
||
<i class="ti-check-box"></i>
|
||
</div>
|
||
<div>
|
||
<h4>产品成熟已落地验证</h4>
|
||
<p>智能化（自动识别）、自动化（费用计算、流程触发）、可视化（全链路追踪）等功能已在合德、上港联代、锦江航运等大客户项目中验证。
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="reveal" style="transition-delay: 200ms;">
|
||
<div class="stats-boxes">
|
||
<div class="stat-box">
|
||
<div class="stat-number">20+</div>
|
||
<div class="stat-label">年行业经验</div>
|
||
</div>
|
||
<div class="stat-box">
|
||
<div class="stat-number">60+</div>
|
||
<div class="stat-label">知识产权</div>
|
||
</div>
|
||
<div class="stat-box full-width">
|
||
<div class="stat-number">10+</div>
|
||
<div class="stat-label">核心团队成员十年以上从业经验</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Cases Section -->
|
||
<section class="cases-section" id="cases">
|
||
<div class="container">
|
||
<div class="section-header reveal">
|
||
<h2>标杆客户案例</h2>
|
||
</div>
|
||
|
||
<div class="cases-slider">
|
||
<div class="case-slide">
|
||
<a class="case-card-link" href="classiccase/hede_international_shipping.html?tab=supplychain">
|
||
<div class="case-card">
|
||
<div class="case-card-header teal">
|
||
<h3>唐山港合德海运有限公司</h3>
|
||
</div>
|
||
<div class="case-card-body">
|
||
<p>为合德物流打造的全球供应链综合管理平台，实现从订舱到交付的全流程数字化管理，提升全球物流协同效率。</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="case-slide">
|
||
<a class="case-card-link" href="classiccase/shanggang_liandai_booking.html?tab=integration">
|
||
<div class="case-card">
|
||
<div class="case-card-header cyan">
|
||
<h3>上海上港联合国际船舶代理有限公司</h3>
|
||
</div>
|
||
<div class="case-card-body">
|
||
<p>为上港联代打造的船货代一体化云平台，整合船代与货代业务，实现业务协同、数据共享，大幅提升运营效率。</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="case-slide">
|
||
<a class="case-card-link" href="classiccase/jinjiang_shipping_ecommerce.html">
|
||
<div class="case-card">
|
||
<div class="case-card-header green">
|
||
<h3>上海锦江航运（集团）股份有限公司</h3>
|
||
</div>
|
||
<div class="case-card-body">
|
||
<p>为锦江航运打造的电子商务平台，实现在线订舱、运价查询、货物跟踪等功能，提升客户服务体验与业务转化效率。</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="case-slide">
|
||
<a class="case-card-link" href="classiccase/rizhao_huahai_shipping.html">
|
||
<div class="case-card">
|
||
<div class="case-card-header indigo">
|
||
<h3>日照华海国际船舶代理有限公司</h3>
|
||
</div>
|
||
<div class="case-card-body">
|
||
<p>为华海物流打造的全国港口船货代理ERP系统，覆盖全国多个港口，实现业务统一管理、财务实时核算、资源优化配置。</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="case-slide">
|
||
<a class="case-card-link" href="classiccase/lianyungang_china_korea_ferry.html">
|
||
<div class="case-card">
|
||
<div class="case-card-header teal">
|
||
<h3>连云港中韩轮渡有限公司</h3>
|
||
</div>
|
||
<div class="case-card-body">
|
||
<p>为连云港中韩轮渡打造的综合业务管理平台，整合客运、货运、代理等业务，实现全流程数字化管理与高效协同。</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="case-slide">
|
||
<a class="case-card-link" href="classiccase/shanghai_hanghua_ship_agent.html">
|
||
<div class="case-card">
|
||
<div class="case-card-header cyan">
|
||
<h3>上海航华国际船务代理有限公司</h3>
|
||
</div>
|
||
<div class="case-card-body">
|
||
<p>为上海航华打造的船代业务管理系统，实现船舶调度、港口作业、费用结算等业务的全流程数字化，提升作业效率。</p>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
|
||
<!-- start site-footer -->
|
||
<div id="footer"></div>
|
||
<!-- end site-footer -->
|
||
</div>
|
||
<!-- end of page-wrapper -->
|
||
|
||
|
||
|
||
<!-- All JavaScript files
|
||
================================================== -->
|
||
<script src="assets/js/jquery-1.11.0.js"></script>
|
||
<script src="assets/js/bootstrap.min.js"></script>
|
||
<script src="assets/js/kefu.js"></script>
|
||
<!-- Plugins for this template -->
|
||
<script src="assets/js/jquery-plugin-collection.js"></script>
|
||
|
||
<!-- Custom script for this template -->
|
||
<script src="assets/js/script.js"></script>
|
||
|
||
<script type="text/javascript">
|
||
$("#footer").load("footer.html");
|
||
$("#header").load("header.html");
|
||
|
||
// Scroll Reveal Animation
|
||
$(document).ready(function() {
|
||
function revealOnScroll() {
|
||
var reveals = document.querySelectorAll('.reveal');
|
||
|
||
for (var i = 0; i < reveals.length; i += 1) {
|
||
var element = reveals[i];
|
||
var windowHeight = window.innerHeight;
|
||
var elementTop = element.getBoundingClientRect().top;
|
||
var elementVisible = 100;
|
||
|
||
if (elementTop < windowHeight - elementVisible) {
|
||
element.classList.add('active');
|
||
}
|
||
}
|
||
}
|
||
|
||
// Initial check
|
||
revealOnScroll();
|
||
|
||
// On scroll
|
||
$(window).on('scroll', function() {
|
||
revealOnScroll();
|
||
});
|
||
|
||
// Smooth scroll for anchor links
|
||
$('a[href^="#"]').on('click', function(e) {
|
||
e.preventDefault();
|
||
var target = $(this.hash);
|
||
if (target.length) {
|
||
$('html, body').animate({
|
||
scrollTop: target.offset().top - 80
|
||
}, 600);
|
||
}
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
|
||
</html>
|