HTML+CSS+JS精品网页模板H84.rar资源-CSDN文库

共339个文件

png：196个

jpg：83个

js：22个

html

javascript

151 浏览量 2024-05-08 22:26:03 上传评论收藏 11.87MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML+CSS+JS精品网页模板H84.rar （339个子文件）

layout.css 100KB

mediaelementplayer.css 19KB

fonts.css 12KB

skeleton.css 11KB

base.css 11KB

colors.css 6KB

jquery.fancybox.css 4KB

ie7.css 2KB

isotop.css 1KB

Thumbs.db 17KB

loading.gif 6KB

progress-bar.gif 4KB

fancybox_loading.gif 4KB

th-left.gif 1KB

slider.html 35KB

index.html 33KB

blog-page.html 33KB

blog.html 32KB

tabs.html 31KB

typography.html 31KB

home.html 30KB

pricing.html 29KB

columns.html 27KB

faq.html 25KB

portfolio-4c.html 24KB

portfolio-2c.html 24KB

portfolio-3c.html 24KB

about.html 24KB

services.html 23KB

contact.html 21KB

portfolio-page.html 20KB

info-boxes.html 19KB

404.html 19KB

favicon.ico 1KB

im9.jpeg 95KB

im7.jpg 284KB

home-page.jpg 283KB

slider3.jpg 248KB

im11.jpg 245KB

im5.jpg 235KB

single2.jpg 217KB

single3.jpg 214KB

slide-02.jpg 210KB

im12.jpg 176KB

slide-04.jpg 167KB

im1.jpg 157KB

slider2.jpg 138KB

slide-03.jpg 136KB

im10.jpg 135KB

slide-05.jpg 114KB

slider1.jpg 110KB

slide-06.jpg 103KB

map-road.jpg 97KB

img-549x209.jpg 94KB

im8.jpg 93KB

im15.jpg 92KB

sl1.jpg 80KB

im17.jpg 77KB

img-549x209-03.jpg 76KB

portfolio-460x287-01.jpg 60KB

single.jpg 60KB

portfolio-460x287-08.jpg 58KB

im6.jpg 56KB

portfolio-460x287-03.jpg 55KB

portfolio-460x287-11.jpg 54KB

portfolio-460x287-10.jpg 54KB

portfolio-460x287-05.jpg 52KB

recent_project-03.jpg 50KB

recent_project.jpg 49KB

im14.jpg 43KB

portfolio-460x287-06.jpg 43KB

portfolio-460x287-09.jpg 39KB

thumb-01.jpg 33KB

recent_project-02.jpg 31KB

recent_project-04.jpg 29KB

portfolio-460x287-02.jpg 29KB

portfolio-460x287-04.jpg 27KB

portfolio-460x287-12.jpg 26KB

about-image.jpg 26KB

services.jpg 25KB

portfolio-460x287-07.jpg 25KB

thumb-03.jpg 24KB

thumb-05.jpg 21KB

inner-page.jpg 19KB

sl2.jpg 19KB

thumb-06.jpg 16KB

thumb-02.jpg 14KB

thumb-04.jpg 14KB

team4.jpg 13KB

team.jpg 12KB

team3.jpg 12KB

team2.jpg 12KB

recent_blog.jpg 8KB

recent_blog-02.jpg 8KB

flickr-04.jpg 8KB

flickr-08.jpg 7KB

flickr-03.jpg 7KB

flickr.jpg 6KB

comment-avatar-03.jpg 6KB

flickr-07.jpg 6KB

共 339 条

<!DOCTYPE html>    <html lang="en">  <head>   <meta charset="utf-8" /> <title>Beautiful | A Responsive HTML5 Template | Home</title> <meta name="description" content="Beautiful is a responsive, clean, creative, HTML5 / CSS3 template." /> <meta name="author" content="Roman Polyarush, WebVision" />  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />   <link rel="shortcut icon" href="images/favicon.ico" /> <link rel="apple-touch-icon" href="images/apple-touch-icon.png" /> <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" /> <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />  <link rel="stylesheet" href="layout/styles/base.css" /> <link rel="stylesheet" href="layout/styles/skeleton.css" /> <link rel="stylesheet" href="layout/styles/layout.css" />  <link rel="stylesheet" href="layout/scripts/fancybox/styles/jquery.fancybox.css" type="text/css" media="screen" />  <link href="layout/styles/fonts.css" rel="stylesheet" type="text/css" />  <link href="layout/styles/colors.css" rel="stylesheet" type="text/css" />  <script type="text/javascript" src="layout/scripts/lib/modernizr.js"></script> <script type="text/javascript" src="layout/scripts/lib/jquery-latest.min.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> <body> <div class="wrapper">   <header id="header-wrapper"> <div class="container upper-container">  <div class="header-upper" id="header-upper"> <div class="four columns"> <div class="map-iframe"> <img src="images/map-road.jpg" alt="" /> </div> </div> <div class="six columns contact-datails"> <h3 class="font_dosis">Contact details</h3> <p class="bott-line">Reader will be distracted by the readable content of a page when looking at its layout. The point of using is that it has.</p> <div class="address-line">30 You Streen Name, Vancouver, BC 58963 Canada</div> <div class="part-left"> <div class="phone-line">Phone: +1 800 204 21 87</div> <div class="fax-line">Fax: +1 800 890 00 41</div> </div> <div class="part-right"> <div class="email-line">E-mail: <a href="mailto:mail@www.zjf88.com">mail@www.zjf88.com</a></div> <div class="website-line">Website: <a href="#">http//www.zjf88.com</a></div> </div> </div> <div class="six columns contact-upper-form"> <h3>Contact form</h3> <form action="#" method="post" /> <input type="text" value="" placeholder="Name*" /> <input type="text" value="" placeholder="Email*" /> <textarea cols="50" rows="3" placeholder="Message*"></textarea> <input type="submit" value="Send message" class="submit-btn" /> </form> </div> <a href="#header-upper" class="toggle-upper close">Toggle Upper</a> </div> </div>  <div id="header-top"> <a href="#header-upper" class="toggle-upper">Toggle Upper</a> <div class="container"> <div class="half-left"> <a href="mailto:info@yourwww.zjf88.com">info@yourwww.zjf88.com</a> </div> <div class="half-right"> <a href="#sign-popup" class="toggle-sign">Sign Up</a> <a href="#" class="left_wrapper">Registration</a> </div> <div class="clear"></div> <div class="sign-popup" id="sign-popup"> <h3>Sign Up</h3> <form action="#" method="post" class="sign-form" /> <label>Login:</label> <input type="text" value="" /> <div class="clear"></div> <label>Password:</label> <input type="password" value="" /> <div class="clear"></div> <p class="al-right"><a href="#">Forgot password?</a> <input type="submit" value="Sign Up" class="submit-btn" /></p> </form> </div> </div> </div>  <div id="header-middle"> <div class="container">  <div class="two-thirds column"> <div class="logo-slogan"> <div class="logo"><a href="index.html"><img src="layout/styles/images/blue/logo.png" alt="" /></a></div>  <div class="slogan">responcive/minimal/HTML5</div> </div> <div class="tagline"> This is a site tagline. </div> </div>  <div class="one-third column info"> <div class="phone"> Call us: <strong>+1 (495) <mark>708-48-39</mark></strong> </div> <div class="social_links">  <a href="#"><img src="layout/styles/images/backgrounds/ico/h-ico.png" data-icon="layout/styles/images/blue/ico.png" alt="twitter" /></a> <a href="#"><img src="layout/styles/images/backgrounds/ico/h-ico-02.png" data-icon="layout/styles/images/blue/ico-02.png" alt="facebook" /></a> <a href="#"><img src="layout/styles/images/backgrounds/ico/h-ico-03.png" data-icon="layout/styles/images/blue/ico-03.png" alt="StubleUpon" /></a> <a href="#"><img src="layout/styles/images/backgrounds/ico/h-ico-04.png" data-icon="layout/styles/images/blue/ico-04.png" alt="digg" /></a> <a href="#"><img src="layout/styles/images/backgrounds/ico/h-ico-05.png" data-icon="layout/styles/images/blue/ico-05.png" alt="vimeo" /></a> <a href="#"><img src="layout/styles/images/backgrounds/ico/h-ico-06.png" data-icon="layout/styles/images/blue/ico-06.png" alt="youtube" /></a> </div> </div> </div> </div>  <div id="header-bottom" class="container"> <div class="header-bottom-wrapper"> <nav class="twelve columns alpha" id="main-menu-wrapper"> <ul id="main-menu"> <li><a href="index.html">Home</a></li> <li><a class="active" href="slider.html">Sliders</a> <ul> <li><a href="index.html">Basic Slider</a></li> <li><a class="active" href="slider.html">Creative Slider</a></li> <li><a href="home.html">Photos Slider</a></li> </ul> </li> <li><a href="typography.html">Features</a> <ul> <li><a href="typography.html">Typography</a></li> <li><a href="javascript:void(0);">Elements</a> <ul> <li><a href="info-boxes.html">Info Boxes</a></li> <li><a href="columns.html">Columns</a></li> <li><a href="tabs.html">Tabs&Toggle</a></li> <li><a href="pricing.html">Pricing Table</a></li> </ul> </li> <li><a href="javascript:void(0);">Template Pages</a> <ul>

评论收藏

内容反馈