【免费】单页视觉设计HTML模板是一款磨砂背景的大气时尚HTML设计网站模板.rar资源-CSDN文库

共69个文件

png：23个

jpg：22个

js：14个

html

需积分: 0 51 浏览量 2023-09-10 10:34:17 上传评论收藏 1.06MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

单页视觉设计HTML模板是一款磨砂背景的大气时尚HTML设计网站模板.rar （69个子文件）

welcome-bg.jpg 24KB

research.png 1KB

2.jpg 49KB

jquery.fancybox-media_cdea8439.js 5KB

scroll.js 724B

target-audience.png 1KB

communication.png 2KB

blank.gif 43B

10.jpg 5KB

vertical-tab-bg-close.png 2KB

flexslider.css 4KB

Thumbs.db 8KB

embossed-brown.png 953B

camera.css 26KB

camera.min.js 38KB

app.js 7KB

13.jpg 7KB

jquery.foundation.tabs.js 1021B

vertical-tab-bg.png 2KB

6.jpg 7KB

noisestrip.png 939B

fancybox_loading.gif 4KB

slider-arrow.png 1KB

layout.css 14KB

media-planning.png 2KB

jquery.flexslider.js 39KB

1.jpg 116KB

jquery.fancybox_cdea77d8.css 4KB

embossed-red.png 953B

p4.jpg 54KB

bars.png 946B

fancybox_overlay.png 923B

slider-arrow-left.png 1KB

jquery.fancybox_cdea77d8.js 45KB

12.jpg 9KB

packaging.png 1KB

fancybox_sprite.png 1KB

to-top.png 2KB

contact-bg.jpg 24KB

hosting.png 2KB

foundation.css 52KB

5.jpg 70KB

contact-script.js 959B

gmap3.js 64KB

markerwithlabel.js 17KB

logotype.png 1KB

8.jpg 7KB

index.html 27KB

11.jpg 7KB

about-bg.jpg 24KB

embossed.png 953B

embossed-green.png 953B

p2.jpg 52KB

interactive.png 1KB

p3.jpg 80KB

embossed-mauve.png 953B

camera_skins.png 23KB

portfolio-bg.jpg 24KB

jquery.easing.1.3.js 8KB

3.jpg 54KB

7.jpg 9KB

ie.css 19B

foundation.js 129KB

services-bg.jpg 24KB

jquery.mobile.customized.min.js 17KB

modernizr.foundation.js 9KB

9.jpg 10KB

p1.jpg 128KB

4.jpg 90KB

<!DOCTYPE html>    <html lang="en"> <head> <meta charset="utf-8" />  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <title>Moses - Responsive One Page HTML Template</title> <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700' rel='stylesheet' type='text/css' />  <link rel="stylesheet" href="stylesheets/foundation.css" /> <link rel="stylesheet" href="stylesheets/layout.css" /> <link rel='stylesheet' id='camera-css' href='stylesheets/camera.css' type='text/css' media='all' /> <link rel="stylesheet" href="stylesheets/flexslider.css" /> <link rel="stylesheet" href="stylesheets/colorbox.css" />  <script src="javascripts/modernizr.foundation.js"></script>   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> <body>  <div class="welcome" id="welcome"> <div class="row smallpadding"> <div class="four columns"> <div class="logo">Moses</div> </div>  <div class="eight columns"> <nav> <ul class="top right"> <li><a href="#portfolio">Portfolio</a></li> <li><a href="#services">Services</a></li> <li><a href="#about">About</a></li> <li><a href="#contact">Contact</a></li> </ul>  <div class="medium button dropdown"> Select <ul> <li><a href="#portfolio">Portfolio</a></li> <li><a href="#services">Services</a></li> <li><a href="#about">About</a></li> <li><a href="#contact">Contact</a></li> </ul> </div>  </nav>  </div> </div> <hr class="embossed" /> <div class="row"> <div class="twelve columns text-center"> <h1 class="title">Leading Design, Visual Effects and Animation<span>This is Moses.</span></h1>  <div class="camera_wrap camera_white_skin slider" id="camera_wrap_1"> <div data-src="images/slider/1.jpg"></div> <div data-src="images/slider/2.jpg"></div> <div data-src="images/slider/3.jpg"></div> <div data-src="images/slider/4.jpg"></div> <div data-src="images/slider/5.jpg"></div> </div>  </div> </div> </div>   <div id="portfolio"> <div class="row"> <div class="twelve columns"> <h2 class="title">Portfolio</h2> <a href="#portfolio" class="close margintop">CLOSE</a> </div> </div> <hr class="embossed-red" />  <div class="row"> <div class="twelve columns"> <div id="project-descriptions">  <div class="row" id="project1"> <div class="twelve columns"> <div class="row"> <div class="twelve columns"> <div class="panel callout radius"> <h3>Image and Text</h3> </div> </div> </div> <div class="row"> <div class="four columns"> <img src="images/projects/p4.jpg" alt="" /> </div> <div class="eight columns"> <div class="panel callout radius"> <h3>The view of the Earth from the Moon fascinated me—a small disk</h3> <p>The Earth is the only world known so far to harbor life. There is nowhere else, at least in the near future, to which our species could migrate. Visit, yes. Settle, not yet. Like it or not, for the moment the Earth is where we make our stand.</p> <p>Our posturings, our imagined self-importance, the delusion that we have some privileged position in the Universe, are challenged by this point of pale light. Our planet is a lonely speck in the great enveloping cosmic dark. In our obscurity, in all this vastness, there is no hint that help will come from elsewhere to save us from ourselves.</p> <p>It has been said that astronomy is a humbling and character-building experience. There is perhaps no better demonstration of the folly of human conceits than this distant image of our tiny world. To me, it underscores our responsibility to deal more kindly with one another, and to preserve and cherish the pale blue dot, the only home we've ever known.</p> </div> </div> </div> </div> </div>   <div class="row" id="project2"> <div class="twelve columns"> <div class="row"> <div class="twelve columns"> <div class="panel callout radius"> <h3>Slider</h3> </div> </div> </div> <div class="row"> <div class="twelve columns">  <div class="flexslider"> <ul class="slides"> <li><img src="images/projects/p1.jpg" alt="" /></li> <li><img src="images/projects/p2.jpg" alt="" /></li> <li><img src="images/projects/p3.jpg" alt="" /></li> </ul> </div>  </div> </div> </div> </div>   <div class="row" id="project3"> <div class="twelve columns"> <div class="row"> <div class="twelve columns"> <div class="panel callout radius"> <h3>Simple Text</h3> </div> </div> </div> <div class="row"> <div class="twelve columns"> <div class="panel callout radius"> <h3>The view of the Earth from the Moon fascinated me—a small disk</h3> <p>The Earth is the only world known so far to harbor life. There is nowhere else, at least in the near future, to which our species could migrate. Visit, yes. Settle, not yet. Like it or not, for the moment the Earth is where we make our stand.</p> <p>Our posturings, our imagined self-importance, the delusion that we have some privileged position in the Universe, are challenged by this point of pale light. Our planet is a lonely speck in the great enveloping cosmic dark. In our obscurity, in all this vastness, there is no hint that help will come from elsewhere to save us from ourselves.</p> <p>It has been said that astronomy is a humbling and character-building experience. There is perhaps no better demonstration of the folly of human conceits than this distant image of our tiny world. To me, it underscores our responsibility to deal more kindly with one another, and to preserve and cherish the pale blue dot, the only home we've ever known.</p> </div> </div> </div> </div> </div>   <div class="row" id="project4"> <div class="twelve columns"> <div class="row"> <div class="twelve columns"> <div class="panel callout radius"> <h3>Slider</h3> </div> </div> </div> <div class="row"> <div class="twelve columns">  <div class="flexslider"> <ul class="slides"> <li><img src="images/slider/5.jpg" alt="" /></li> <li><img src="images/slider/4.jpg" alt="" /></li> <li><img src="images/slider/2.jpg" alt="" /></li> <li><img src="images/slider/3.jpg" alt="" /></li> </ul> </div>  </div> </div> </div> </div>  </div> </div> </div>   <div class="row"> <div class="twelve columns"> <ul class="block-grid four-up projects" id="project-titles"> <li><a href="#portfolio" class="#project1"><img src="images/projects/thumbs/1.jpg" alt="Project" class="a" /></a> <p class="b"><img src="images/icons/target-audience.png" alt="Projects" /><span>TARGET AUDIENCE</span></p></li> <li><a href="#portfoli

评论收藏

内容反馈