<!DOCTYPE HTML>
<html>
<head>
<title>Strongly Typed by HTML5 UP</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="viewport" content="width=1040" />
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600|Arvo:700" rel="stylesheet" type="text/css" />
<script src="js/jquery.min.js"></script>
<script src="js/jquery.dropotron.js"></script>
<script src="js/config.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-panels.min.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]-->
</head>
<body class="homepage">
<!-- Header Wrapper -->
<div id="header-wrapper">
<!-- Header -->
<div id="header" class="container">
<!-- Logo -->
<h1 id="logo"><a href="#">Strongly Typed</a></h1>
<p>A responsive HTML5 site template. Manufactured by HTML5 UP.</p>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a class="icon icon-home" href="index.html"><span>Introduction</span></a></li>
<li>
<a href="" class="icon icon-bar-chart"><span>Dropdown</span></a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Magna phasellus</a></li>
<li><a href="#">Etiam dolore nisl</a></li>
<li>
<a href="">Phasellus consequat</a>
<ul>
<li><a href="#">Magna phasellus</a></li>
<li><a href="#">Etiam dolore nisl</a></li>
<li><a href="#">Phasellus consequat</a></li>
</ul>
</li>
<li><a href="#">Veroeros feugiat</a></li>
</ul>
</li>
<li><a class="icon icon-cog" href="left-sidebar.html"><span>Left Sidebar</span></a></li>
<li><a class="icon icon-retweet" href="right-sidebar.html"><span>Right Sidebar</span></a></li>
<li><a class="icon icon-sitemap" href="no-sidebar.html"><span>No Sidebar</span></a></li>
</ul>
</nav>
</div>
</div>
<!-- Features Wrapper -->
<div id="features-wrapper">
<!-- Features -->
<section id="features" class="container">
<header>
<h2>Gentlemen, behold! This is <strong>Strongly Typed</strong>!</h2>
</header>
<div class="row">
<div class="4u">
<!-- Feature -->
<section>
<a href="http://sc.chinaz.com" class="image image-full"><img src="images/pic01.jpg" alt="" /></a>
<header>
<h3>Okay, so what is this?</h3>
</header>
<p>This is <strong>Strongly Typed</strong>, a free, fully responsive site template
by HTML5 UP</a>. Free for personal and commercial use under the
CCA 3.0 license</a>.</p>
</section>
</div>
<div class="4u">
<!-- Feature -->
<section>
<a href="http://sc.chinaz.com/" class="image image-full"><img src="images/pic02.jpg" alt="" /></a>
<header>
<h3>Nice! What is HTML5 UP?</h3>
</header>
<p>HTML5 UP</a> is a side project of AJ’s</a> (ie. me).
I started it as a way to both test my skelJS</a> framework (formerly
5grid) and sharpen up my design skills a bit.</p>
</section>
</div>
<div class="4u">
<!-- Feature -->
<section>
<a href="http://sc.chinaz.com/" class="image image-full"><img src="images/pic03.jpg" alt="" /></a>
<header>
<h3>skelJS? WTF is that?</h3>
</header>
<p>skelJS</a> is a lightweight framework for building responsive
sites and apps. All of my designs at HTML5 UP</a> (including this
one) are built on this framework.</p>
</section>
</div>
</div>
<ul class="actions">
<li><a href="#" class="button button-icon icon icon-file">Tell Me More</a></li>
</ul>
</section>
</div>
<!-- Banner Wrapper -->
<div id="banner-wrapper">
<div class="inner">
<!-- Banner -->
<section id="banner" class="container">
<p>Use this space for <strong>profound thoughts</strong>.<br />
Or an enormous ad. Whatever.</p>
</section>
</div>
</div>
<!-- Main Wrapper -->
<div id="main-wrapper">
<!-- Main -->
<div id="main" class="container">
<div class="row">
<!-- Content -->
<div id="content" class="8u">
<!-- Post -->
<article class="is-post">
<header>
<h2><a href="#">I don’t want to say <strong>it’s the aliens</strong> ...<br />
but it’s the aliens.</a></h2>
</header>
<a href="http://sc.chinaz.com/" class="image image-full"><img src="images/pic04.jpg" alt="" /></a>
<h3>I mean isn't it possible?</h3>
<p>Phasellus laoreet massa id justo mattis pharetra. Fusce suscipit
ligula vel quam viverra sit amet mollis tortor congue. Sed quis mauris
sit amet magna accumsan tristique. Curabitur leo nibh, rutrum eu malesuada
in, tristique at erat lorem ipsum dolor sit amet lorem ipsum sed consequat
magna tempus veroeros lorem sed tempus aliquam lorem ipsum veroeros
consequat magna tempus lorem ipsum consequat Phasellus laoreet massa id
justo mattis pharetra. Fusce suscipit ligula vel quam viverra sit amet
mollis tortor congue. Sed quis mauris sit amet magna accumsan tristique.
Curabitur leo nibh, rutrum eu malesuada in, tristique at erat.</p>
<ul class="actions">
<li><a href="#" class="button button-icon icon icon-file">Continue Reading</a></li>
</ul>
</article>
<!-- Post -->
<article class="is-post">
<header>
<h2><a href="#">By the way, many thanks to <strong>regularjane</strong>
for these awesome demo photos</a></h2>
</header>
<a href="http://sc.chinaz.com/" class="image image-full"><img src="images/pic05.jpg" alt="" /></a>
<h3>You should probably check out her work</h3>
<p>Phasellus laoreet massa id justo mattis pharetra. Fusce suscipit
ligula vel quam viverra sit amet mollis tortor congue. Sed quis mauris
sit amet magna accumsan tristique. Curabitur leo nibh, rutrum eu malesuada
in, tristique at erat lorem ipsum dolor sit amet lorem ipsum sed consequat
consequat magna tempus lorem ipsum consequat Phasellus laoreet massa id
in, tristique at erat lorem ipsum dolor sit amet lorem ipsum sed consequat
magna tempus veroeros lorem sed tempus aliquam lorem ipsum veroeros
consequat magna tempus lorem ipsum consequat Phasellus laoreet massa id
justo mattis pharetra. Fusce suscipit ligula vel quam viverra sit amet
mollis tortor congue. Sed quis mauris sit amet magna accumsan tristique.
Curabitur leo nibh, rutrum eu malesuada in, tristique at erat.</p>
<p>Erat lorem ipsum veroeros consequat magna tempus lorem ipsum consequat
Phasellus laoreet massa id justo mattis pharetra. Fusce suscipit ligula
vel quam viverra sit amet mollis tortor congue. Sed quis mauris sit amet
magna accumsan tristique. Curabitur leo nibh, rutrum eu malesuada in,
tristique at erat. Curabitur leo nibh, rutrum eu
没有合适的资源?快使用搜索试试~ 我知道了~
灰色简洁CSS3网页模板是一款免费的响应式设计模板,使用HTML5CSS3编写,包含基本的页面元素和页面。_html网.rar
共34个文件
jpg:8个
js:6个
css:5个
0 下载量 25 浏览量
2023-08-06
11:50:02
上传
评论
收藏 416KB RAR 举报
温馨提示
灰色简洁CSS3网页模板是一款免费的响应式设计模板,使用HTML5CSS3编写,包含基本的页面元素和页面。_html网.rar
资源推荐
资源详情
资源评论
收起资源包目录
灰色简洁CSS3网页模板是一款免费的响应式设计模板,使用HTML5CSS3编写,包含基本的页面元素和页面。_html网.rar (34个子文件)
灰色简洁CSS3网页模板是一款免费的响应式设计模板,使用HTML5CSS3编写,包含基本的页面元素和页面。
chahua2945
left-sidebar.html 14KB
js
skel-panels.min.js 14KB
jquery.dropotron.js 10KB
skel.min.js 16KB
html5shiv.js 9KB
config.js 4KB
jquery.min.js 90KB
css
style.css 34KB
style-1000px.css 3KB
skel-noscript.css 2KB
style-desktop.css 7KB
style-mobile.css 7KB
images
bracket.svg 418B
mobileUI-site-nav-opener-bg.svg 358B
fonts
FontAwesome.otf 49KB
fontawesome-webfont.eot 29KB
fontawesome-social-webfont.woff 20KB
fontawesome-webfont.woff 34KB
fontawesome-social-webfont.svg 56KB
fontawesome-social-webfont.eot 12KB
fontawesome-social-webfont.ttf 12KB
fontawesome-webfont.svg 158KB
fontawesome-webfont.ttf 63KB
index.html 15KB
images
pic05.jpg 26KB
banner.jpg 43KB
pic02.jpg 15KB
pic06.jpg 11KB
pic04.jpg 27KB
pic03.jpg 15KB
pic01.jpg 15KB
pic07.jpg 12KB
right-sidebar.html 15KB
no-sidebar.html 11KB
共 34 条
- 1
资源评论
dunming_6725413
- 粉丝: 16
- 资源: 6951
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功