<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="./libs/scrollReveal/scrollreveal.min.js"></script>
<link rel="stylesheet" href="./css/font.css">
<link rel="stylesheet" href="./libs/glide/glide.core.min.css">
<link rel="stylesheet" href="./libs/glide/glide.theme.min.css">
<link rel="stylesheet" href="./css/index.css">
<title>虫链Java Library网络科技有限公司</title>
</head>
<body>
<!-- 导航 -->
<header>
<div class="logo">虫链Java Library网络科技</div>
<nav>
<a href="#home">首页</a>
<a href="#about-us">关于我们</a>
<a href="#showcases">成功案例</a>
<a href="#service">服务流程</a>
<a href="#team-intro">团队介绍</a>
<a href="#company-activities">资讯中心</a>
<i class="fa fa-search"></i>
</nav>
<!-- 小屏幕按钮 -->
<div class="burger">
<div class="burger-line1"></div>
<div class="burger-line2"></div>
<div class="burger-line3"></div>
</div>
</header>
<!-- 轮播图 -->
<div id="home" class="glide">
<div class="glide__track" data-glide-el="track">
<div class="glide__slides">
<!-- 第一张轮播图 -->
<div class="glide__slide">
<div class="slide-caption">
<h1>十年高端网站设计经验，用创新点缀人生，让科技融入理想。</h1>
<h3>
科技创新大平台，智慧生活新引擎。依靠科技进步推进经济跨越式发展。用创新点缀人生，让科技融入理想
</h3>
<button class="explore-btn">探索更多</button>
</div>
<!-- 遮罩层 -->
<div class="backdrop"></div>
<img src="images/bg1.jpg" alt="">
</div>
<div class="glide__slide">
<div class="slide-caption">
<h1>十年高端网站设计经验，用创新点缀人生，让科技融入理想。</h1>
<h3>
科技创新大平台，智慧生活新引擎。依靠科技进步推进经济跨越式发展。用创新点缀人生，让科技融入理想
</h3>
<button class="explore-btn">探索更多</button>
</div>
<!-- 遮罩层 -->
<div class="backdrop"></div>
<img src="images/bg.jpg" alt="">
</div>
<!-- 第二张轮播 -->
<div class="glide__slide">
<div class="slide-caption left">
<h1>科技改变世界</h1>
<h3>
立足科学发展，着力自主创新。加速科技进步，为全市经济社会发展提供有力支持。凝聚科技创意，成就创新梦想。
</h3>
<button class="explore-btn">探索更多</button>
</div>
<!-- 遮罩层 -->
<div class="backdrop"></div>
<img src="images/15.jpg" alt="">
</div>
</div>
</div>
<!-- 切换按钮 -->
<div class="glide__arrows" data-glide-el="controls">
<button class="glide__arrow glide__arrow--left" data-glide-dir="<">
< </button>
<button class="glide__arrow glide__arrow--right" data-glide-dir=">">
>
</button>
</div>
<!-- 控制圆点 -->
<div class="glide__bullets" data-glide-el="controls[nav]">
<button class="glide__bullet" data-glide-dir="=0"></button>
<button class="glide__bullet" data-glide-dir="=1"></button>
<button class="glide__bullet" data-glide-dir="=2"></button>
</div>
</div>
<!-- 关于我们 -->
<div class="container-wrapper">
<section id="about-us" class="about-us">
<h2 class="title1">关于我们</h2>
<p class="intro">
公司一直是以技术型开发为主的专业公司，高端的美工设计团队及程序开发团队，网站开发，网站建设与网络营销活动策划相关的企业组织。
</p>
<div class="features">
<div class="feature">
<i class="fa fa-lightbulb-o"></i>
<h4 class="feature-title">品牌创意</h4>
<p class="feature-content">让各知名行业门户脱颖而出,从满足预期到走向卓越。为企业设计独特的并能完美呈现企业价值观的视觉。</p>
</div>
<div class="feature">
<i class="fa fa-line-chart"></i>
<h4 class="feature-title">整合营销</h4>
<p class="feature-content">通过市场进入分析，指定网络营销战略，网络营销实施。</p>
</div>
<div class="feature">
<i class="fa fa-shopping-cart"></i>
<h4 class="feature-title">电子商务</h4>
<p class="feature-content">根据企业需求，开发不同的销售渠道，通过网上直销</p>
</div>
<div class="feature">
<i class="fa fa-desktop"></i>
<h4 class="feature-title">网页设计</h4>
<p class="feature-content">企业官网专属的高端定制化服务
解决方案，全面满足建设核心与运行管理
并提升企业品牌的有效传播。</p>
</div>
<div class="feature">
<i class="fa fa-tachometer"></i>
<h4 class="feature-title">网站优化</h4>
<p class="feature-content">先分析后合作，先排名后付费，整站SEO优化让您的网站有更多关键词的自然排名，长期稳定共赢</p>
</div>
<div class="feature">
<i class="fa fa-lightbulb-o"></i>
<h4 class="feature-title">网站架设</h4>
<p class="feature-content">从策划到设计制作，每一步都追求做到细腻，结合搜索引擎优化与用户体验优化，制作可持续发展的企业网站</p>
</div>
</div>
</section>
<!-- 成功案例 -->
<section id="showcases" class="showcases section-bg">
<h2 class="title1">成功案例</h2>
<!-- 筛选按钮 -->
<div class="filter-btns">
<button class="filter-btn active" data-filter="*">全部</button>
<button class="filter-btn" data-filter=".web">企业集团</button>
<button class="filter-btn" data-filter=".mobile">移动金融</button>
<button class="filter-btn" data-filter=".science">设计建筑</button>
</div>
<!-- 筛选图片 -->
<div class="cases">
<div class="case-item web science">
<img src="images/11.jpg" alt="">
</div>
<div class="case-item web">
<img src="images/12.jpg" alt="">
</div>
<div class="case-item mobile science">
<img src="images/13.jpg" alt="">
</div>
<div class="case-item web mobile">
<img src="images/14.jpg" alt="">
</div>
<div class="case-item mobile science">
<img src="images/15.jpg" alt="">
</div>
<div class="case-item web science">
<img src="images/16.jpg" alt="">
</div>
<div class="case-item science web mobile">
<img src="images/17.jpg" alt="">
</div>
<div class="case-item mobile science">
<img src="images/18.jpg" alt="">
</div>
</div>
</section>
<!-- 服务 -->
<section id="service" class="service">
<h2 class="title1">服务流程</h2>
<p class="intro">
网络综合公司，提供包括网络基础服务（比如域名，主机，邮箱）和网络增值服务（如网站建设和推广，网站优化）等业务
</p>
<div class="services">
<div class="service-item">
<i class="fa fa-comments"></i>
<h2 class="service-title">需求沟通</h2>
<p class="service-content">
客户提出网站建�
宽屏html5网络科技有限公司官网单页面响应式模板
版权申诉
5星 · 超过95%的资源 100 浏览量
2022-06-21
13:16:38
上传
评论
收藏 1.5MB ZIP 举报 
宽屏html5网络科技有限公司官网单页面响应式模板.zip （34个子文件） 
宽屏html5网络科技有限公司官网单页面响应式模板 css 
font.css 30KB index.css 14KB images 03.jpeg 42KB
15.jpg 146KB
22.png 16KB 14.jpg 54KB 5.jpg 16KB 21.png 28KB 04.jpeg 23KB 19.jpg 65KB 02.jpeg 25KB 11.jpg 117KB 4.jpg 10KB 17.jpg 47KB 18.jpg 58KB 13.jpg 125KB 16.jpg 52KB 23.png 45KB bg.jpg 95KB 12.jpg 106KB 01.jpeg 53KB bg1.jpg 120KB fonts fontawesome-webfont.eot 162KB fontawesome-webfont.woff2 75KB fontawesome-webfont.ttf 162KB
index.html 17KB js index.js 4KB libs scrollReveal scrollreveal.min.js 16KB anime anime.min.js 17KB isotope isotope.pkgd.min.js 35KB glide glide.theme.min.css 1KB glide.core.min.css 788B glide.min.js 24KB smooth-scroll smooth-scroll.polyfills.min.js 6KB资源评论
xiaqianseed2024-01-31资源使用价值高，内容详实，给了我很多新想法，感谢大佬分享~
虫链JavaLibrary
- 粉丝: 2w+
- 资源: 1
