蓝色简洁风格响应式数字团队网页模板.zip资源-CSDN文库

共51个文件

jpg：16个

js：9个

css：7个

html5

网站模版

H5响应式

110 浏览量 2023-06-20 19:35:00 上传评论收藏 1.75MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

蓝色简洁风格响应式数字团队网页模板.zip （51个子文件）

22153

imagesloaded.min.js 3KB

bootstrap.min.js 36KB

nivo-lightbox.min.js 7KB

isotope.js 37KB

jquery.backstretch.min.js 4KB

smoothscroll.js 4KB

wow.min.js 7KB

custom.js 2KB

jquery.js 94KB

css

style.css 16KB

bootstrap.min.css 120KB

nivo-lightbox.css 6KB

et-line-font.css 7KB

nivo_themes

default

next@2x.png 2KB

prev.png 1KB

loading.gif 7KB

default.css 3KB

close@2x.png 2KB

next.png 1KB

prev@2x.png 2KB

close.png 1KB

loading@2x.gif 18KB

font-awesome.min.css 23KB

animate.min.css 45KB

index.html 17KB

images

about-img.jpg 143KB

portfolio-img3.jpg 33KB

home-bg-slideshow2.jpg 96KB

portfolio-img6.jpg 51KB

team4.jpg 53KB

portfolio-img1.jpg 41KB

portfolio-img8.jpg 70KB

team3.jpg 66KB

home-bg-slideshow1.jpg 99KB

team2.jpg 60KB

contact-bg.jpg 169KB

portfolio-img5.jpg 54KB

portfolio-img2.jpg 43KB

team1.jpg 68KB

portfolio-img7.jpg 58KB

portfolio-img4.jpg 58KB

fonts

FontAwesome.otf 92KB

fontawesome-webfont.eot 59KB

fontawesome-webfont.woff 70KB

fontawesome-webfont.woff2 55KB

et-line.svg 171KB

et-line.ttf 32KB

et-line.woff 54KB

fontawesome-webfont.svg 306KB

fontawesome-webfont.ttf 119KB

et-line.eot 32KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Digital Team HTML5 Layout - Tooplate</title> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="keywords" content=""> <meta name="description" content="">  <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/animate.min.css"> <link rel="stylesheet" href="css/et-line-font.css"> <link rel="stylesheet" href="css/nivo-lightbox.css"> <link rel="stylesheet" href="css/nivo_themes/default/default.css"> <link rel="stylesheet" href="css/style.css"> <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,500' rel='stylesheet' type='text/css'> </head> <body data-spy="scroll" data-target=".navbar-collapse" data-offset="50">  <div class="preloader"> <div class="sk-spinner sk-spinner-circle"> <div class="sk-circle1 sk-circle"></div> <div class="sk-circle2 sk-circle"></div> <div class="sk-circle3 sk-circle"></div> <div class="sk-circle4 sk-circle"></div> <div class="sk-circle5 sk-circle"></div> <div class="sk-circle6 sk-circle"></div> <div class="sk-circle7 sk-circle"></div> <div class="sk-circle8 sk-circle"></div> <div class="sk-circle9 sk-circle"></div> <div class="sk-circle10 sk-circle"></div> <div class="sk-circle11 sk-circle"></div> <div class="sk-circle12 sk-circle"></div> </div> </div>  <section class="navbar navbar-fixed-top custom-navbar" role="navigation"> <div class="container"> <div class="navbar-header"> <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon icon-bar"></span> <span class="icon icon-bar"></span> <span class="icon icon-bar"></span> </button> <a href="#" class="navbar-brand">Digital Team</a> </div> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav navbar-right"> <li><a href="#home" class="smoothScroll">HOME</a></li> <li><a href="#work" class="smoothScroll">WORK</a></li> <li><a href="#about" class="smoothScroll">ABOUT</a></li> <li><a href="#team" class="smoothScroll">TEAM</a></li> <li><a href="#portfolio" class="smoothScroll">PORTFOLIO</a></li> <li><a href="#pricing" class="smoothScroll">PRICING</a></li> <li><a href="#contact" class="smoothScroll">CONTACT</a></li> </ul> </div> </div> </section>  <section id="home"> <div class="container"> <div class="row"> <div class="col-md-12 col-sm-12"> <h3>WEB DESIGN / WEB DEVELOPMENT / SOCIAL MEDIA</h3> <h1>DIGITAL TEAM</h1> <hr> <a href="#work" class="smoothScroll btn btn-danger">What we do</a> <a href="#contact" class="smoothScroll btn btn-default">Talk to us</a> </div> </div> </div> </section>  <section id="work"> <div class="container"> <div class="row"> <div class="col-md-12 col-sm-12"> <div class="section-title"> <strong>01</strong> <h1 class="heading bold">WHAT WE DO</h1> <hr> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4 wow fadeInUp" data-wow-delay="0.6s"> <i class="icon-cloud medium-icon"></i> <h3>WEB MARKETING</h3> <hr> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteu sunt in culpa qui officia.</p> </div> <div class="col-lg-4 col-md-4 col-sm-4 wow fadeInUp" data-wow-delay="0.9s"> <i class="icon-mobile medium-icon"></i> <h3>UI & UX DESIGN</h3> <hr> <p>Digital Team is free responsive Bootstrap v3.3.5 layout from <a href="https://www.51qianduan.com/">51前端</a>. Images are from <a href="https://www.51qianduan.com/">51前端</a> free photo website.</p> </div> <div class="col-lg-4 col-md-4 col-sm-4 wow fadeInUp" data-wow-delay="1s"> <i class="icon-laptop medium-icon"></i> <h3>ECOMMERCE</h3> <hr> <p>You can edit and use this template for your websites. Please tell your friends about Tooplate. Thank you for visiting our website.</p> </div> <div class="col-lg-4 col-md-4 col-sm-4 wow fadeInUp" data-wow-delay="1s"> <i class="icon-compass medium-icon"></i> <h3>MOBILE APP</h3> <hr> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteu sunt in culpa qui officia.</p> </div> <div class="col-lg-4 col-md-4 col-sm-4 wow fadeInUp" data-wow-delay="1s"> <i class="icon-chat medium-icon"></i> <h3>SOCIAL MEDIA</h3> <hr> <p>You can easily change icons by looking at <a href="https://www.51qianduan.com/">51前端</a>. Excepteu sunt in culpa qui officia. Duis aute irure dolor in reprehenderit.</p> </div> <div class="col-lg-4 col-md-4 col-sm-4 wow fadeInUp" data-wow-delay="1s"> <i class="icon-browser medium-icon"></i> <h3>RESPONSIVE LAYOUT</h3> <hr> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteu sunt in culpa qui officia.</p> </div> </div> </div> </section>  <section id="about"> <div class="container"> <div class="row"> <div class="col-md-12 col-sm-12 text-center"> <div class="section-title"> <strong>02</strong> <h1 class="heading bold">OUR AGENCY</h1> <hr> </div> </div> <div class="col-md-6 col-sm-12"> <img src="images/about-img.jpg" class="img-responsive" alt="about img"> </div> <div class="col-md-6 col-sm-12"> <h3 class="bold">DIGITAL TEAM</h3> <h1 class="heading bold">Best Design Agency from California</h1>  <ul class="nav nav-tabs" role="tablist"> <li class="active"><a href="https://www.51qianduan.com/">51前端</a></li> <li><a href="https://www.51qianduan.com/">51前端</a></li> <li><a href="https://www.51qianduan.com/">51前端</a></li> </ul>  <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="design"> <p>Duis aute irure dolor in <a href="#">reprehenderit</a> in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Sed id est tincidunt, iaculis nulla vel, sodales metus. Morbi interdum accumsan augue, in accumsan neque lacinia sed. Fusce cursus eu ligula ut gravida.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Dolore magna aliquam erat volutpat.</p> </div> <div role="tabpanel" class="tab-pane" id="mobile"> <p>Aenean commodo ligula eget dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p> <p><a href="#">Duis aute irure dolor</a> in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.</p> </div> <div role="tabpanel" class="tab-pane" id="social"> <p>Pellentesque elementum, lacus sit amet <a href="#">hendrerit</a> posuere, quam quam tristique nisi, nec ornare ligula magna id nisl. Donec blandit enim ac semper facilisis. Curabitur eu laoreet mauris, eget fermentum velit.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Dolore magna aliquam erat volutpat.</p> </div> </div> </div> </div> </div> </section>  <section id="team"> <div class="container">

评论收藏

内容反馈