灰色大气企业html5模板资源-CSDN文库

共36个文件

css：16个

jpg：8个

html：4个

网页模版

需积分: 5 22 浏览量 2019-12-01 10:49:45 上传评论收藏 280KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

chahua2873.rar （36个子文件）

chahua2873

css

images

bgshadow.png 2KB

mobileUI-site-nav-opener-bg.svg 352B

icons.png 6KB

Thumbs.db 7KB

bg.jpg 8KB

style-1000px.css 2KB

5grid

jquery.js 90KB

core-desktop.css 2KB

mobileUI-modern.css 4KB

html5shiv.js 2KB

mobileUI-flat.css 2KB

core-noscript.css 3KB

core-1200px.css 415B

core-1000px.css 415B

mobileUI-beveled.css 4KB

init.js 24KB

core-mobile.css 1KB

core.css 6KB

core-fluid.css 394B

style-desktop.css 6KB

style-mobile.css 6KB

ie7.css 657B

ie8.css 314B

style.css 7KB

images

pic03.jpg 69KB

pic07.jpg 8KB

pic01.jpg 45KB

pic02.jpg 55KB

pic05.jpg 8KB

pic06.jpg 5KB

pic04.jpg 8KB

no-sidebar.html 7KB

index.html 10KB

说明.htm 3KB

right-sidebar.html 8KB

left-sidebar.html 8KB

<!DOCTYPE HTML> <html> <head> <title>Verti </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=Open+Sans:300,800" rel="stylesheet" type="text/css" /> <link href="http://fonts.googleapis.com/css?family=Oleo+Script:400" rel="stylesheet" type="text/css" /> <script src="css/5grid/jquery.js"></script> <script src="css/5grid/init.js?use=mobile,desktop,1000px&mobileUI=1&mobileUI.theme=none&mobileUI_titleBarOverlaid=1&mobileUI_titleBarHeight=60&viewport_is1000px=1060&mobileUI_openerWidth=80"></script> <noscript> <link rel="stylesheet" href="css/5grid/core.css" /> <link rel="stylesheet" href="css/5grid/core-desktop.css" /> <link rel="stylesheet" href="css/5grid/core-1200px.css" /> <link rel="stylesheet" href="css/5grid/core-noscript.css" /> <link rel="stylesheet" href="css/style.css" /> <link rel="stylesheet" href="css/style-desktop.css" /> </noscript>   </head> <body class="homepage">  <div id="header-wrapper"> <div class="5grid-layout"> <div class="row"> <div class="12u">  <header id="header">  <div id="logo"> <h1><a href="#" class="mobileUI-site-name">Verti</a></h1> <span>A responsive site template </span> </div>  <nav id="nav" class="mobileUI-site-nav"> <ul> <li class="current_page_item"><a href="index.html">Welcome</a></li> <li><a href="left-sidebar.html">Left Sidebar</a></li> <li><a href="right-sidebar.html">Right Sidebar</a></li> <li><a href="no-sidebar.html">No Sidebar</a></li> </ul> </nav> </header> </div> </div> </div> </div>  <div id="banner-wrapper"> <div class="5grid-layout"> <div class="row"> <div class="12u">  <div id="banner" class="box"> <div class="5grid"> <div class="row"> <div class="7u"> <h2>Hi. This is Verti.</h2> <p>It's a free responsive HTML5 site template </p> </div> <div class="5u"> <ul> <li><a href="#" class="button button-big button-icon button-icon-rarrow">Ok let's go</a></li> <li><a href="#" class="button button-alt button-big button-icon button-icon-question">More info</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div>  <div id="features-wrapper"> <div class="5grid-layout"> <div class="row"> <div class="4u">  <section class="box box-feature"> <a href="#" class="image image-full"><img src="images/pic01.jpg" alt="" /></a> <div class="inner"> <header> <h2>Put something here</h2> <span class="byline">Maybe here as well I think</span> </header> <p>You can put all kinds of stuff here, though I’m not sure what. Maybe a little bit about one of those things you do that’s so cool?</p> </div> </section> </div> <div class="4u">  <section class="box box-feature"> <a href="#" class="image image-full"><img src="images/pic02.jpg" alt="" /></a> <div class="inner"> <header> <h2>An interesting title</h2> <span class="byline">This is also an interesting subtitle</span> </header> <p>You can put all kinds of stuff here, though I’m not sure what. Maybe a little bit about one of those things you do that’s so cool?</p> </div> </section> </div> <div class="4u">  <section class="box box-feature last"> <a href="#" class="image image-full"><img src="images/pic03.jpg" alt="" /></a> <div class="inner"> <header> <h2>Oh, and finally ...</h2> <span class="byline">Here's another intriguing subtitle</span> </header> <p>You can put all kinds of stuff here, though I’m not sure what. Maybe a little bit about one of those things you do that’s so cool?</p> </div> </section> </div> </div> </div> </div>  <div id="main-wrapper"> <div class="5grid-layout"> <div class="row"> <div class="4u">  <div id="sidebar"> <section class="widget-thumbnails"> <h3>More free stuff</h3> <div class="do-5grid grid"> <div class="row"> <div class="do-6u"><a href="#minimaxing/" class="image image-full x"><img src="images/pic04.jpg" alt="" /></a></div> <div class="do-6u"><a href="#halcyonic/" class="image image-full y"><img src="images/pic05.jpg" alt="" /></a></div> </div> <div class="row"> <div class="do-6u"><a href="#arcana/" class="image image-full x"><img src="images/pic06.jpg" alt="" /></a></div> <div class="do-6u"><a href="#zerofour/" class="image image-full y"><img src="images/pic07.jpg" alt="" /></a></div> </div> </div> <a href="#" class="button button-icon button-icon-paper">More</a> </section> </div> </div> <div class="8u">  <div id="content"> <section class="last"> <h2>So what's this all about?</h2> <p>This is Verti, a free and fully responsive HTML5 site template by <a href="#">HTML5 Up!</a> It’s built on <a href="#">5grid</a>, which means it’s easy to customize and works very nicely on mobile devices (try it for yourself -- size the window down and hit reload). Like everything else at HTML5 Up!, Verti is released under the <a href="#">Creative Commons Attribution license</a>, so feel free to use it for pretty much anything you want (be it a personal project or a commercial venture), just don’t forget to credit us!</p> <p>Like what you see here? Click the hugeass button below to see more of our work:</p> <a href="#" class="button button-icon button-icon-rarrow">More @ HTML5 Up!</a> </section> </div> </div> </div> </div> </div>  <div id="footer-wrapper"> <footer id="footer" class="5grid-layout"> <div class="row"> <div class="3u">  <section class="widget-links"> <h2>Random Stuff</h2> <ul class="style2"> <li><a href="#">Etiam feugiat condimentum</a></li> <li><a href="#">Aliquam imperdiet suscipit odio</a></li> <li><a href="#">Sed porttitor cras in erat nec</a></li> <li><a href="#">Felis varius pellentesque potenti</a></li> <li><a href="#">Nullam scelerisque blandit leo</a></li> </ul> </section> </div> <div class="3u">  <section class="widget-links"> <h2>Random Stuff</h2> <ul class="style2"> <li><a href="#">Etiam feugiat condimentum</a></li> <li>

评论收藏

内容反馈