<!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//www.zjf88.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//www.zjf88.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//www.zjf88.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//www.zjf88.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//www.zjf88.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 mal
H33_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （34个子文件） 
H33 
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 14KB no-sidebar.html 11KB资源评论
woisking2
- 粉丝: 12
- 资源: 6718
最新资源
- 编译器宏定义的艺术：在CMake中精准设置
- 深入Python的元宇宙：探索元类（Metaclass）的奥秘
- 搜索引擎技术教程 搜索引擎原理精华 第3章-分析 共35页.pdf
- 搜索引擎技术教程 搜索引擎原理精华 第2章-爬虫 共36页.pdf
- Sublime Text 4.0 4169 Build for Mac 激活版
- 大模型应用-为Ollma开发的简单的HTML网页UI应用-附项目源码-优质项目实战.zip
- 搜索引擎技术教程 搜索引擎原理精华 第1章-搜索引擎概述 共11页.pdf
- intel MKL NET代码
- 构建巨匠：CMake在大型项目中的结构管理艺术
- 探索NSObject的协议精髓：Objective-C中的基础方法解析
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
