网页设计-绿色清新科技互联网企业交互动态全套网站资源-CSDN文库

共73个文件

jpg：20个

js：16个

png：11个

网页设计

动态网站

需积分: 23 54 浏览量 2023-02-24 09:34:54 上传评论收藏 3.69MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

网页设计作业源码.rar （73个子文件）

218

assets

plugins-scroll.js 6KB

jquery.scrollTo.min.js 2KB

jquery.appear.js 1KB

imagesloaded.min.js 8KB

jquery.flexslider-min.js 22KB

smooth.scroll.min.js 6KB

bootstrap

bootstrap.min.js 36KB

main.js 15KB

jquery.scrolly.js 2KB

jquery.magnific-popup.min.js 21KB

jquery.countTo.js 949B

isotope.min.js 40KB

pace.min.js 12KB

owl.carousel.min.js 39KB

jquery.min.js 82KB

maps.js 8KB

map

map.html 3KB

img

video-business.jpg 52KB

quote-girl.jpg 31KB

logo_white.png 4KB

news2.jpg 100KB

slider3.jpg 114KB

quote-man.jpg 28KB

staff4.jpg 13KB

tablet.png 357KB

staff1.jpg 15KB

page-header.png 71KB

logo-square-6-dark.png 11KB

about.jpg 114KB

staff2.jpg 12KB

staff7.jpg 14KB

logo.png 5KB

logo-square-4-dark.png 8KB

staff3.jpg 13KB

logo-square-3-dark.png 13KB

logo@2x.png 8KB

news1.jpg 108KB

quote-business.jpg 136KB

news4.jpg 125KB

quote-girl-two.jpg 25KB

logo-square-2-dark.png 7KB

logo_white@2x.png 8KB

slider.jpg 94KB

ab.jpg 138KB

staff6.jpg 13KB

staff8.jpg 11KB

staff5.jpg 13KB

logo-square-5-dark.png 7KB

css

style.css 169KB

flexslider.css 7KB

owl.carousel.css 9KB

bootstrap

bootstrap.min.css 118KB

bootstrap-theme.min.css 23KB

magnific-popup.css 9KB

font-awesome.min.css 30KB

ionicons.min.css 50KB

fonts

glyphicons-halflings-regular.svg 61KB

glyphicons-halflings-regular.ttf 40KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

fonts

fontawesome-webfont.eot 162KB

fontawesome-webfont.woff 96KB

fontawesome-webfont.woff2 75KB

ionicons.ttf 184KB

ionicons.eot 118KB

ionicons.woff 66KB

fontawesome-webfont.ttf 162KB

news_detail.html 13KB

services.html 18KB

index.html 31KB

contact.html 17KB

about.html 18KB

news.html 19KB

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1">  <title>Home</title>  <link rel="stylesheet" href="assets/css/bootstrap/bootstrap.min.css">  <link rel="stylesheet" href="assets/css/bootstrap/bootstrap-theme.min.css">  <link rel="stylesheet" href="assets/css/style.css">  <link rel="stylesheet" href="assets/css/font-awesome.min.css"> <link rel="stylesheet" href="assets/css/ionicons.min.css">  <link rel="stylesheet" href="assets/css/flexslider.css">  <link rel="stylesheet" href="assets/css/owl.carousel.css">  <link rel="stylesheet" href="assets/css/magnific-popup.css">    </head> <body>  <div id="myloader"> <div class="loader"> <div class="grid"> <div class="cube cube1"></div> <div class="cube cube2"></div> <div class="cube cube3"></div> <div class="cube cube4"></div> <div class="cube cube5"></div> <div class="cube cube6"></div> <div class="cube cube7"></div> <div class="cube cube8"></div> <div class="cube cube9"></div> </div> </div> </div>  <header id="header"> <div class="top-nav"> <div class="container">  <div id="logo"> <a class="navbar-brand" href="index.html"> <img src="assets/img/logo.png" class="normal" alt="logo"> <img src="assets/img/logo@2x.png" class="retina" alt="logo"> </a> </div>  <div class="secondary-menu"> <ul> <li class="mail"><i class="fa fa-envelope" aria-hidden="true"></i><a href="maito:info@domain.com">123456@123.com</a></li> <li class="phone"><i class="fa fa-phone" aria-hidden="true"></i>400-12345678</li>  <li class="search"> <i class="fa fa-search" aria-hidden="true"></i> </li> </ul> </div> </div> </div> <nav class="navbar navbar-default"> <div class="container">  <div id="menu-classic"> <div class="menu-holder"> <ul> <li><a href="index.html">网站首页</a></li> <li><a href="about.html">关于我们</a></li> <li><a href="services.html">服务介绍</a></li> <li><a href="news.html">新闻中心</a></li> <li><a href="contact.html">联系我们</a></li> </ul> </div> </div>   <div id="menu-responsive-classic"> <div class="menu-button"> <span class="bar bar-1"></span> <span class="bar bar-2"></span> <span class="bar bar-3"></span> </div> </div>  <div class="secondary-menu-mobile"> <ul> <li class="mail"><i class="fa fa-envelope" aria-hidden="true"></i><a href="maito:info@domain.com">123456@123.com</a></li> <li class="phone"><i class="fa fa-phone" aria-hidden="true"></i>400-12345678</li>  <li class="search"> <i class="fa fa-search" aria-hidden="true"></i> </li> </ul> </div> </div> </nav> <div id="header-searchform"> <form class="search-form"> <div class="form-input"> <input type="text" placeholder="search..."> <span class="form-button-close"> <button type="button"><i class="material-icons">close</i></button> </span> <span class="form-button"> <button type="button">搜索</button> </span> </div> </form> </div> </header>   <div id="main-wrap">  <div id="page-content" class="header-static">  <div id="flexslider-nav" class="fullpage-wrap small"> <ul class="slides"> <li style="background-image:url(assets/img/slider.jpg)"> <div class="text center"> <h1 class="heading center white margin-bottom-small flex-animation">服务过万客户 <br>提供专业的服务</h1> <p class="heading white center margin-bottom flex-animation">用心积累点滴，创造行业精品</p> <div class="padding-onlytop-md flex-animation"> <a href="" class="btn-alt small shadow margin-xs-bottom-small">了解我们</a> <a href="" class="btn-alt small shadow">立即联系</a> </div> </div> <div class="gradient dark"></div> </li> <li style="background-image:url(assets/img/slider3.jpg)"> <div class="text center"> <h1 class="heading center white margin-bottom-small flex-animation no-opacity">为您的公司</h1> <p class="heading white center margin-bottom flex-animation no-opacity">提供独特的方案</p> <div class="padding-onlytop-md flex-animation no-opacity"> <a href="" class="btn-alt small shadow margin-xs-bottom-small">立即联系</a> </div>

评论收藏

内容反馈