创意简洁的单页视差网站模板下载.zip资源-CSDN文库

共87个文件

png：35个

jpg：30个

js：6个

版权申诉

H5模版

HTML网站模版

H5源码

161 浏览量 2024-12-27 11:21:43 上传评论收藏 3.83MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

创意简洁的单页视差网站模板下载.zip （87个子文件）

7756

simple-lightbox.min.js 7KB

swiper.jquery.min.js 85KB

map.js 3KB

jquery-2.2.4.min.js 84KB

isotope.pkgd.min.js 34KB

global.js 21KB

img

instagram-4.jpg 30KB

icon-10.png 2KB

icon-6.png 2KB

signature.png 10KB

icon-8.png 3KB

check.png 1KB

img-1.jpg 57KB

banner-2.jpg 425KB

instagram-5.jpg 37KB

client-6.png 7KB

down.png 1KB

banner-1.jpg 281KB

client-5.png 9KB

client-7.png 7KB

author-2.png 109KB

icon-5.png 2KB

portfolio-1.jpg 51KB

bg-1.jpg 109KB

video_bg.jpg 60KB

client-8.png 8KB

bg-2.jpg 90KB

blog_img_2.jpg 135KB

icon-2.png 2KB

instagram-3.jpg 19KB

client-4.png 6KB

client-10.png 9KB

client-11.png 8KB

portfolio-5.jpg 72KB

next-2.png 1KB

icon-7.png 2KB

client-2.png 8KB

author-3.png 97KB

client-1.png 6KB

icon-1.png 2KB

client-12.png 8KB

instagram-6.jpg 40KB

next.png 1KB

portfolio-3.jpg 56KB

icon-9.png 2KB

related_post_2.jpg 45KB

team-3.jpg 62KB

portfolio-6.jpg 39KB

related_post_1.jpg 26KB

author-1.png 111KB

quotes.png 1KB

client-9.png 8KB

blog_img_1.jpg 66KB

blog_img_5.jpg 92KB

blog_img_3.jpg 142KB

banner-3.jpg 481KB

portfolio-2.jpg 42KB

logo-white.png 1KB

prev-2.png 1KB

team-1.jpg 65KB

team-2.jpg 61KB

portfolio-4.jpg 51KB

icon-4.png 2KB

client-3.png 10KB

instagram-1.jpg 24KB

instagram-2.jpg 24KB

icon-3.png 2KB

shop

check.png 1KB

down.png 1001B

blog_img_4.jpg 132KB

bg-3.jpg 90KB

css

style.css 68KB

bootstrap.min.css 115KB

simplelightbox.css 5KB

font-awesome.min.css 26KB

swiper.min.css 17KB

index.html 41KB

fonts

FontAwesome.otf 84KB

glyphicons-halflings-regular.svg 61KB

glyphicons-halflings-regular.ttf 40KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

fontawesome-webfont.eot 67KB

fontawesome-webfont.woff 79KB

fontawesome-webfont.woff2 63KB

fontawesome-webfont.svg 280KB

fontawesome-webfont.ttf 135KB

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="format-detection" content="telephone=no" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="css/swiper.min.css" rel="stylesheet" type="text/css" /> <link href="css/simplelightbox.css" rel="stylesheet" type="text/css" /> <link href="css/style.css" rel="stylesheet" type="text/css" /> <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link href="img/favicon.ico" rel="shortcut icon" /> <link href="https://fonts.googleapis.com/css?family=Playfair+Display+SC:700,900%7CPlayfair+Display:700%7CRaleway:300,400,500,600,700%7CTrirong:900" rel="stylesheet"> <title>Home</title> </head> <body> <div class="is-mobile"></div>  <div id="loader-wrapper"> <div class="loader"></div> </div>   <div id="content">   <div id="home" class="swiper-style-banner bg-text"> <a class="logo" href="index.html"><img src="img/logo-white.png" alt="" /></a> <div class="hamburger-icon-2" data-anchor="about"> <span></span> <span></span> <span></span> </div> <div class="swiper-container" data-speed="1000" data-pagination="custom" data-parallax="1" data-breakpoints="1" data-slides-per-view="1" data-xs-slides="1" data-sm-slides="1" data-md-slides="1"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="container-fluid"> <div class="bg bg-img-3"><div class="bg-layer-40"></div></div> <div class="row flex"> <div class="col-md-4 col-md-offset-4 col-sm-8 col-sm-offset-2 col-xs-12 col-xs-offset-0"> <div class="empty-space h50-xs"></div> <article class="text-center"> <p class="h6 white" data-swiper-parallax="-1000">we are</p> <h1 class="h1" data-swiper-parallax="-800">the best ever Digital Agency</h1> <div class="empty-space h15-xs"></div> <p data-swiper-parallax="-600">Phasellus ipsum quam, bibendum non nisi in, ullamcorper pharetra faucibus quis magna something here you can find the best llentesque</p> <div class="empty-space h40-xs"></div> <div class="btn-wrap"><a href="#" class="btn-2" data-swiper-parallax="-400"><span>view more</span></a></div> </article> <div class="empty-space h100-xs fl"></div> <div class="empty-space h20-xs fl"></div> <div class="clear"></div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="container-fluid"> <div class="bg bg-img-4"><div class="bg-layer-40"></div></div> <div class="row flex"> <div class="col-md-4 col-md-offset-4 col-sm-8 col-sm-offset-2 col-xs-12 col-xs-offset-0"> <div class="empty-space h50-xs"></div> <article class="text-center"> <p class="h6 white" data-swiper-parallax="-1000">we are</p> <h2 class="h1" data-swiper-parallax="-800">the best ever Digital Agency</h2> <div class="empty-space h15-xs"></div> <p data-swiper-parallax="-600">Phasellus ipsum quam, bibendum non nisi in, ullamcorper pharetra faucibus quis magna something here you can find the best llentesque</p> <div class="empty-space h40-xs"></div> <div class="btn-wrap"><a href="#" class="btn-2" data-swiper-parallax="-400"><span>view more</span></a></div> </article> <div class="empty-space h100-xs fl"></div> <div class="empty-space h20-xs fl"></div> <div class="clear"></div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="container-fluid"> <div class="bg bg-img-5"><div class="bg-layer-40"></div></div> <div class="row flex"> <div class="col-md-4 col-md-offset-4 col-sm-8 col-sm-offset-2 col-xs-12 col-xs-offset-0"> <div class="empty-space h50-xs"></div> <article class="text-center"> <p class="h6 white" data-swiper-parallax="-1000">we are</p> <h2 class="h1" data-swiper-parallax="-800">the best ever Digital Agency</h2> <div class="empty-space h15-xs"></div> <p data-swiper-parallax="-600">Phasellus ipsum quam, bibendum non nisi in, ullamcorper pharetra faucibus quis magna something here you can find the best llentesque</p> <div class="empty-space h40-xs"></div> <div class="btn-wrap"><a href="#" class="btn-2" data-swiper-parallax="-400"><span>view more</span></a></div> </article> <div class="empty-space h100-xs fl"></div> <div class="empty-space h20-xs fl"></div> <div class="clear"></div> </div> </div> </div> </div> </div> <div class="banner-nav"> <div class="swiper-pagination visible"></div> <div class="swiper-button-prev swiper-button square-style" data-pagination-rel="0"></div> <div class="swiper-button-next swiper-button square-style" data-pagination-rel="0"></div> <div class="btn-down" data-anchor="about"> <img src="img/down.png" alt=""> <img src="img/down.png" alt=""> </div> <div class="follow style-2"> <span class="black">Share:</span> <a class="item" href="" target="_blank"><i class="fa fa-instagram"></i></a> <a class="item" href="" target="_blank"><i class="fa fa-facebook"></i></a> <a class="item" href="" target="_blank"><i class="fa fa-pinterest-p"></i></a> <a class="item" href="" target="_blank"><i class="fa fa-twitter"></i></a> <a class="item" href="" target="_blank"><i class="fa fa-google-plus"></i></a> </div> </div> </div> </div>   <div class="container-style-1">  <header> <div class="header-content"> <div class="empty-space h50-xs h80-sm"></div> <nav class="scroll-nav"> <ul> <li class="active"><a data-anchor="home">home</a></li> <li><a data-anchor="about">about</a></li> <li><a data-anchor="services">services</a></li> <li><a data-anchor="portfolio">portfolio</a></li> <li><a data-anchor="testimonials">testimonials</a></li> <li><a data-anchor="pricing">pricing</a></li> <li><a data-anchor="clients">clients</a></li> <li><a data-anchor="team">team</a></li> <li><a data-anchor="contact">contact</a></li> <li><a href="blog.html">blog</a></li> </ul> </nav> <div class="empty-space h40-xs h80-sm"></div> <div class="follow-style-3"> <a class="item" href="" target="_blank"><i class="fa fa-facebook"></i></a> <a class="item" href="" target="_blank"><i class="fa fa-instagram"></i></a> <a class="item" href="" target="_blank"><i class="fa fa-pinterest-p"></i></a> <a class="item" href="" target="_blank"><i class="fa fa-twitter"></i></a> </div> <div class="empty-space h25-xs"></div> <ul> <li> <a href="tel:+380982367536">+ 38 098 236 75 36</a> </li> <li> <a href="mailto:info@bloom.com">info@bloom.com</a> </li> </ul> <div class="hamburger-icon-3"> <span></span> <span></span> <span></span> </div> <div class="empty-space h50-xs sm-md"></div> </div> </header>  <div id="about" class="container container-sm-30"> <div class="empty-space h50-xs h100-md"></div> <div class="row"> <div class="col-md-6"> <article> <h6 class="h6">about us</h6> <div class="empty-space h10-xs"></div> <h2 class="h2">Who we are</h2> <div class="empty-space h30-xs h60-md"></div> </article> </div> </div> <div class="row flex"> <div class="col-md-6"> <img class="img

评论收藏

内容反馈

版权申诉