宽屏的商务科技公司网站html5动画模板资源-CSDN文库

共76个文件

jpg：26个

css：11个

js：10个

需积分: 10 91 浏览量 2018-03-29 00:24:49 上传评论收藏 2.42MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

5abbc16b6a2c2.zip （76个子文件）

index.html 26KB

blog.html 17KB

webfonts

fa-solid-900.woff 48KB

fa-solid-900.woff2 38KB

fa-regular-400.svg 105KB

fa-brands-400.eot 96KB

fa-brands-400.woff2 53KB

fa-solid-900.eot 100KB

fa-solid-900.ttf 100KB

fa-regular-400.ttf 30KB

fa-regular-400.eot 30KB

fa-brands-400.ttf 96KB

fa-regular-400.woff2 12KB

fa-solid-900.svg 369KB

fa-brands-400.woff 62KB

fa-brands-400.svg 496KB

fa-regular-400.woff 14KB

about.html 21KB

project.html 13KB

images

b2.jpg 17KB

banner1.jpg 125KB

b1.jpg 31KB

left.png 1KB

t1.jpg 3KB

banner5.jpg 71KB

g2.jpg 178KB

p4.jpg 13KB

g5.jpg 13KB

g8.jpg 7KB

g4.jpg 25KB

g7.jpg 41KB

close.png 421B

banner4.jpg 155KB

p2.jpg 16KB

mid.png 37KB

p1.jpg 12KB

t4.jpg 3KB

p3.jpg 11KB

g3.jpg 24KB

banner2.jpg 184KB

g1.jpg 19KB

ab.png 67KB

Thumbs.db 25KB

g9.jpg 12KB

banner3.jpg 247KB

t2.jpg 3KB

top_up.png 452B

g6.jpg 93KB

b3.jpg 16KB

test.jpg 118KB

t3.jpg 3KB

right.png 1KB

single.html 17KB

error.html 10KB

jquery-2.2.3.min.js 84KB

simpleLightbox.js 9KB

move-top.js 1KB

jquery.flexslider.js 55KB

jquery.waypoints.min.js 9KB

aosindex.js 31B

jquery.countup.js 3KB

aos.js 12KB

bootstrap.min.js 46KB

easing.js 5KB

contact.html 12KB

css

aos.css 25KB

simpleLightbox.css 4KB

aos-animation.css 6KB

fontawesome-all.css 42KB

font-awesome.css 37KB

blog.css 9KB

team.css 2KB

contact.css 4KB

flexslider.css 6KB

bootstrap.css 187KB

style.css 27KB

<!DOCTYPE html> <html> <head> <title>Home</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8"> <meta name="keywords" content="" /> <script type="application/x-javascript"> addEventListener("load", function () { setTimeout(hideURLbar, 0); }, false); function hideURLbar() { window.scrollTo(0, 1); } </script> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' /> <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" property="" /> <link href="css/style.css" rel='stylesheet' type='text/css' /> <link href="css/simpleLightbox.css" rel='stylesheet' type='text/css' /> <link href="css/fontawesome-all.css" rel="stylesheet"> <link href="http://fonts.googleapis.com/css?family=Poppins:100i,200,200i,300,400,400i,500,500i,600,600i,700,700i,800" rel="stylesheet"> </head> <body> <header> <div class="header_top" id="home"> <nav class="navbar navbar-toggleable-md navbar-light bg-faded"> <a class="navbar-brand" href="index.html"> <i class="fab fa-digital-ocean"></i> Digital Biz</a> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mx-auto tp-nav text-center"> <li class="nav-item active"> <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span> </a> </li> <li class="nav-item"> <a class="nav-link" href="about.html">About</a> </li> <li class="nav-item"> <a class="nav-link" href="blog.html">Blog</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="project.html">Projects</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="error.html">Error Page</a> </div> </li> <li class="nav-item"> <a class="nav-link" href="contact.html">Contact</a> </li> </ul> <form action="#" method="post" class="form-inline my-2 my-lg-0 search"> <input class="form-control mr-sm-2" type="search" placeholder="Search here..." name="Search" required=""> <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> </form> </div> </nav> </div> </header>   <div class="banner"> <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li> <li data-target="#carouselExampleIndicators" data-slide-to="1"></li> <li data-target="#carouselExampleIndicators" data-slide-to="2"></li> <li data-target="#carouselExampleIndicators" data-slide-to="3"></li> </ol> <div class="carousel-inner" role="listbox"> <div class="carousel-item active"> <div class="carousel-caption"> <h3>Best Creative Agency for your needs</h3> <div class="bnr-button"> <button type="button" class="btn btn-primary play" data-toggle="modal" data-target="#exampleModal"> <i class="fas fa-play"></i> </button> </div> </div> </div> <div class="carousel-item item2"> <div class="carousel-caption"> <h3>We Deliver Quality Projects.</h3> <div class="bnr-button"> <button type="button" class="btn btn-primary play" data-toggle="modal" data-target="#exampleModal"> <i class="fas fa-play"></i> </button> </div> </div> </div> <div class="carousel-item item3"> <div class="carousel-caption"> <h3>Best Creative Agency for your needs</h3> <div class="bnr-button"> <button type="button" class="btn btn-primary play" data-toggle="modal" data-target="#exampleModal"> <i class="fas fa-play"></i> </button> </div> </div> </div> <div class="carousel-item item4"> <div class="carousel-caption"> <h3>We Deliver Quality Projects.</h3> <div class="bnr-button"> <button type="button" class="btn btn-primary play" data-toggle="modal" data-target="#exampleModal"> <i class="fas fa-play"></i> </button> </div> </div> </div> </div> <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div>   <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Introduction Video</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body video"> <iframe src=""></iframe> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div>   <section class="banner-bottom"> <div class="container">  <div class="row inner-sec-w3layouts-agileinfo"> <div class="col-lg-5 bt-bottom-info" data-aos="fade-right"> <h5>We help our customer to build Digital World</h5> </div> <div class="col-lg-7 bt-bottom-info" data-aos="fade-left"> <p>Maecenas quis neque libero. Class aptent taciti.Lorem ipsum dolor sit amet, consectetur adipiscing elit.Pellentesque convallis diam consequat magna vulputate malesuada. Cras a ornare elit. Nulla viverra pharetra sem, eget pulvinar neque pharetra ac.</p> </div> </div> <div class="row inner-sec-w3layouts-agileinfo"> <div class="col-lg-4 bottom-sub-grid text-center aos-init aos-animate" data-aos="zoom-in"> <div class="bt-icon"> <span class="fas fa-trophy"></span> </div> <h4 class="sub-tittle_w3ls">Stylish Design</h4> <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p> <p> <a class="btn btn-secondary view" href="single.html" role="button">View details</a> </p> </div>  <div class="col-lg-4 bottom-sub-grid text-center aos-init aos-animate" data-aos="zoom-in"> <div class="bt-icon"> <span class="far fa-thumbs-up"></span> </div> <h4 class="sub-tittle_w3ls">Excellent Support</h4> <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p> <p> <a class="btn btn-secondary view" href="single.html" role="button">View details</a> </p> </div>  <div class="col-lg-4 bottom-sub-grid text-ce

评论收藏

内容反馈