<!DOCTYPE HTML>
<!--
Verti 1.0
-->
<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>
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
<!--[if lte IE 7]><link rel="stylesheet" href="css/ie7.css" /><![endif]-->
</head>
<body class="homepage">
<!-- Header Wrapper -->
<div id="header-wrapper">
<div class="5grid-layout">
<div class="row">
<div class="12u">
<!-- Header -->
<header id="header">
<!-- Logo -->
<div id="logo">
<h1><a href="#" class="mobileUI-site-name">Verti</a></h1>
<span>A responsive site template </span>
</div>
<!-- Nav -->
<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>
<!-- Banner Wrapper -->
<div id="banner-wrapper">
<div class="5grid-layout">
<div class="row">
<div class="12u">
<!-- Banner -->
<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>
<!-- Features Wrapper -->
<div id="features-wrapper">
<div class="5grid-layout">
<div class="row">
<div class="4u">
<!-- Box -->
<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">
<!-- Box -->
<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">
<!-- Box -->
<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>
<!-- Main Wrapper -->
<div id="main-wrapper">
<div class="5grid-layout">
<div class="row">
<div class="4u">
<!-- Sidebar -->
<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">
<!-- Content -->
<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>
<!-- Footer Wrapper -->
<div id="footer-wrapper">
<footer id="footer" class="5grid-layout">
<div class="row">
<div class="3u">
<!-- Links -->
<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">
<!-- Links -->
<section class="widget-links">
<h2>Random Stuff</h2>
<ul class="style2">
<li><a href="#">Etiam feugiat condimentum<
灰色背景大气简洁的企业html5模板_简洁 大气 企业 图片 html5 css3 灰色 精品 宽屏 整站 html 英文.rar （34个子文件） 
灰色背景大气简洁的企业html5模板_简洁 大气 企业 图片 html5 css3 灰色 精品 宽屏 整站 html 英文 html5-verti css images 
bgshadow.png 2KB
mobileUI-site-nav-opener-bg.svg 352B icons.png 6KB
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 right-sidebar.html 8KB left-sidebar.html 8KB资源评论
reg183
- 粉丝: 1841
- 资源: 1万+
最新资源
- redis可视化工具：RedisDesktopManager
- 众数问题-使用python的scipy库解决众数问题.md
- 众数问题-使用python的collections库解决众数问题.md
- 众数问题-使用纯python代码解决众数问题.md
- asm-西电微机原理实验
- 第三阶段模块一-数字排序
- 解决ubuntu23.10安装向日葵失败，使用apt install -f无法解决依赖问题
- Screenshot_20241117_024114_com.huawei.browser.jpg
- .turing.dat
- shopex升级补丁只针对 485.78660版本升级至485.80603版本 其它版本的请勿使用！
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
