大图背景扁平化潮流设计风格html5模板_背景大图.rar资源-CSDN文库

共36个文件

css：8个

jpg：8个

svg：8个

版权申诉

70 浏览量 2023-04-27 14:39:09 上传评论收藏 643KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

大图背景扁平化潮流设计风格html5模板_背景大图精品小清新纯色简洁漂亮大气 html5 css3 个人相册扁平化潮流设计风格户外摄影宽屏手机响应式 responsive.rar （36个子文件）

大图背景扁平化潮流设计风格html5模板_背景大图精品小清新纯色简洁漂亮大气 html5 css3 个人相册扁平化潮流设计风格户外摄影宽屏手机响应式 responsive

h5c3_127_tessellate

skel.min.js 21KB

init.js 5KB

jquery.min.js 91KB

css

style.css 35KB

font

FontAwesome.otf 62KB

fontawesome-webfont.eot 37KB

fontawesome-webfont.woff 43KB

fontawesome-webfont.svg 198KB

fontawesome-webfont.ttf 79KB

skel-noscript.css 4KB

style-narrow.css 2KB

style-wide.css 485B

PIE.htc 40KB

v8.css 2KB

html5shiv.js 2KB

images

content-style1.svg 482B

content-style3.svg 482B

content-style2.svg 482B

backgroundsize.min.htc 4KB

v9.css 2KB

style-normal.css 1KB

style-mobile.css 2KB

images

overlay.png 47KB

bgbl.svg 1009B

dark-arrow.svg 348B

arrow.svg 316B

bgtr.svg 1015B

index.html 18KB

images

pic05.jpg 25KB

pic02.jpg 44KB

header.jpg 91KB

pic06.jpg 20KB

pic04.jpg 17KB

pic03.jpg 21KB

pic01.jpg 13KB

pic07.jpg 52KB

<!DOCTYPE HTML>  <html> <head> <title>Tessellate by HTML5 UP</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <link href="http://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic" rel="stylesheet" type="text/css" />  <script src="js/jquery.min.js"></script> <script src="js/skel.min.js"></script> <script src="js/init.js"></script> <noscript> <link rel="stylesheet" href="css/skel-noscript.css" /> <link rel="stylesheet" href="css/style.css" /> <link rel="stylesheet" href="css/style-wide.css" /> </noscript>   </head> <body>  <section id="header" class="dark"> <header> <h1>Welcome to Tessellate</h1> <p>A free responsive site template by <a href="#/">HTML5 UP</a></p> </header> <footer> <a href="#first" class="button scrolly">Proceed to second phase</a> </footer> </section>  <section id="first" class="main"> <header> <div class="container"> <h2>Tessellate is a free responsive site template</h2> <p>Gravida dis placerat lectus ante vel nunc euismod eget ornare varius gravida euismod lorem ipsum dolor sit amet consequat<br /> feugiat. Gravida dis placerat lectus ante vel nunc euismod eget ornare varius gravida euismod lorem ipsum dolor sit amet.</p> </div> </header> <div class="content dark style1 featured"> <div class="container"> <div class="row"> <div class="4u"> <section> <span class="feature-icon"><span class="fa fa-clock-o"></span></span> <header> <h3>Gravida</h3> </header> <p>Gravida dis placerat lectus ante vel nunc euismod est turpis sodales. Diam tempor dui lacinia accumsan vivamus. Gravida dis placerat lectus ante vel nunc euismod est turpis sodales. Diam tempor dui lacinia accumsan vivamus.</p> </section> </div> <div class="4u"> <section> <span class="feature-icon"><span class="fa fa-bolt"></span></span> <header> <h3>Vivamus</h3> </header> <p>Gravida dis placerat lectus ante vel nunc euismod est turpis sodales. Diam tempor dui lacinia accumsan vivamus. Gravida dis placerat lectus ante vel nunc euismod est turpis sodales. Diam tempor dui lacinia accumsan vivamus.</p> </section> </div> <div class="4u"> <section> <span class="feature-icon"><span class="fa fa-cloud"></span></span> <header> <h3>Accumsan</h3> </header> <p>Gravida dis placerat lectus ante vel nunc euismod est turpis sodales. Diam tempor dui lacinia accumsan vivamus. Gravida dis placerat lectus ante vel nunc euismod est turpis sodales. Diam tempor dui lacinia accumsan vivamus.</p> </section> </div> </div> <div class="row"> <div class="12u"> <footer> <a href="#second" class="button scrolly">Gravida tempor lacinia</a> </footer> </div> </div> </div> </div> </section> <div class="copyrights">Collect from <a href="http://www.moobnn.com/" >模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络淘宝店</a></div>  <section id="second" class="main"> <header> <div class="container"> <h2>Euismod sed feugiat lorem tempus magna</h2> <p>Gravida dis placerat lectus ante vel nunc euismod eget ornare varius gravida euismod lorem ipsum dolor sit amet consequat<br /> feugiat. Gravida dis placerat lectus ante vel nunc euismod eget ornare varius gravida euismod lorem ipsum dolor sit amet.</p> </div> </header> <div class="content dark style2"> <div class="container"> <div class="row"> <div class="4u"> <section> <h3>Augue vivamus sed ipsum commodo lorem dolor</h3> <p>Gravida dis placerat lectus ante vel nunc euismod est turpis sodales. Diam tempor dui lacinia eget ornare varius gravida. Gravida dis placerat lectus ante vel nunc euismod est turpis sodales. Diam tempor dui lacinia accumsan vivamus augue cubilia vivamus nisi eu eget ornare varius gravida euismod. Gravida dis lorem ipsum dolor placerat magna tempus feugiat.</p> <p>Lectus ante vel nunc euismod est turpis sodales. Diam tempor dui lacinia accumsan vivamus augue cubilia vivamus nisi eu eget ornare varius gravida dolore euismod lorem ipsum dolor.</p> <footer> <a href="#third" class="button scrolly">Accumsan nisi tempor</a> </footer> </section> </div> <div class="8u"> <div class="row no-collapse"> <div class="6u"><a href="http://ineedchemicalx.deviantart.com/art/You-and-I-collide-401457901" class="image full"><img src="images/pic01.jpg" alt="" /></a></div> <div class="6u"><a href="http://ineedchemicalx.deviantart.com/art/Emperor-of-the-Stars-370265193" class="image full"><img src="images/pic02.jpg" alt="" /></a></div> </div> <div class="row no-collapse"> <div class="6u"><a href="http://ineedchemicalx.deviantart.com/art/Sherlockin-369847236" class="image full"><img src="images/pic03.jpg" alt="" /></a></div> <div class="6u"><a href="http://ineedchemicalx.deviantart.com/art/A-breath-of-Hope-366359145" class="image full"><img src="images/pic04.jpg" alt="" /></a></div> </div> <div class="row no-collapse"> <div class="6u"><a href="http://ineedchemicalx.deviantart.com/art/The-Pursuit-355003425" class="image full"><img src="images/pic05.jpg" alt="" /></a></div> <div class="6u"><a href="http://ineedchemicalx.deviantart.com/art/Cherish-320041163" class="image full"><img src="images/pic06.jpg" alt="" /></a></div> </div> </div> </div> </div> </div> </section>  <section id="third" class="main"> <header> <div class="container"> <h2>Ornare varius lorem ipsum ante lectus</h2> <p>Gravida dis placerat lectus ante vel nunc euismod eget ornare varius gravida euismod lorem ipsum dolor sit amet consequat<br /> feugiat. Gravida dis placerat lectus ante vel nunc euismod eget ornare varius gravida euismod lorem ipsum dolor sit amet.</p> </div> </header> <div class="content dark style3"> <div class="container"> <span class="image featured"><img src="images/pic07.jpg" alt="" /></span> <div class="row"> <div class="4u"> <h3>Diam vivamus turpis lorem sodales lectus ornare</h3> <p>Gravida dis placerat lectus ante vel nunc euismod est turpis sodales. Diam tempor dui lacinia eget ornare varius gravida. Gravida dis placerat lectus ante vel nunc euismod est turpis sodales. Diam tempor dui lacinia accumsan vivamus augue cubilia vivamus nisi eu eget ornare varius gravida euismod. Gravida dis lorem ipsum dolor placerat magna tempus feugiat.</p> <p>Lectus ante vel nunc euismod est turpis sodales. Diam tempor dui lacinia accumsan vivamus augue cubilia vivamus nisi eu eget ornare varius gravida dolore euismod lorem ipsum dolor sit amet consequa

评论收藏

内容反馈

版权申诉