<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>My Story | Mori</title>
<meta name="description" content="">
<meta name="author" content="Ilya-Dorman" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/font-face.css">
<link rel="stylesheet" href="css/color-schemes/dark/hot-pink.css">
<link rel="stylesheet" href="css/typography.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/main.css">
<script>
document.cookie='resolution='+Math.max(screen.width,screen.height)+("devicePixelRatio" in window ? ","+devicePixelRatio : ",1")+'; path=/';
</script><!-- Responsive images -->
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. Upgrade your browser today or install Google Chrome Frame to better experience this site.</p>
<![endif]-->
<!-- Add your site or application content here -->
<nav>
<div class="top-ribbon"></div>
<ul class="nav-font clearfix">
<li>Gallery</li>
<li>Blog</li>
<li>Contact</li>
</ul>
</nav>
<div class="sparator"></div>
<header class="site-header">
<h1 class="title title-font">Hi, I am Mori</h1>
<p class="tagline tagline-font">
Web designer & front-end developer. I make fun web-stuff, and wish I was less hyperactive so I could drink more coffee.
</p>
</header>
<div class="sparator"></div>
<section class="works-hex">
<a href="gallery-hex.html" class="category category-1">
<div class="wrapper"><!--A helper to keep the hexagon's aspect ratio-->
<div class="hexagon">
<div class="hexagon-in1">
<div class="hexagon-in2">
<img class="thumbnail" src="img/01.jpg" alt="thumbnail">
</div><!--hexagon-in2-->
</div><!--hexagon-in1-->
</div><!--hexagon-->
</div><!--wrapper-->
<div class="category-name"><h2 class="works-font">Logos</h2></div>
</a><!--category-1-->
<a href="gallery-hex.html" class="category category-2">
<div class="wrapper">
<div class="hexagon">
<div class="hexagon-in1">
<div class="hexagon-in2">
<img class="thumbnail" src="img/02.jpg" alt="thumbnail">
</div><!--hexagon-in2-->
</div><!--hexagon-in1-->
</div><!--hexagon-->
</div><!--wrapper-->
<div class="category-name"><h2 class="works-font">Print</h2></div>
</a><!--category-2-->
<a href="gallery-hex.html" class="category category-3">
<div class="wrapper">
<div class="hexagon">
<div class="hexagon-in1">
<div class="hexagon-in2">
<img class="thumbnail" src="img/03.jpg" alt="thumbnail">
</div><!--hexagon-in2-->
</div><!--hexagon-in1-->
</div><!--hexagon-->
</div><!--wrapper-->
<div class="category-name"><h2 class="works-font">Websites</h2></div>
</a><!--category-3-->
</section><!--works-->
<div class="sparator"></div>
<section class="about-me">
<article class="about about-font">
<p>You can learn more about my creative process at my <a href="#from-my-blog">blog <i class="icon-pencil"></i></a>, also you can follow me on <a href="http//www.zjf88.com">twitter <i class="icon-twitter"></i></a> and <a href="http//www.zjf88.com">facebook <i class="icon-facebook-sign"></i></a>.</p>
<p>I have some cool programming projects on <a href="http//www.zjf88.com">github <i class="icon-github"></i></a> and my cats' blog on <a href="http//www.zjf88.com">tumblr</a>.</p>
<p>Hey, I just met you and this is crazy, but here's my <a href="mailto:[email protected]">e-mail <i class="icon-envelope-alt"></i></a>, so write me, maybe. Or just call <a href="tel:4213-45-710">4213-45-710 <i class="icon-phone"></i></a> I'd love to talk :)</p>
</article><!--text-->
<article class="twitter-stream">
<header><p><a href="">@mori</a> on twitter <i class="icon-twitter"></i></p></header>
<div class="tweets meta-info-font"></div>
</article><!--twitter-stream-->
</section><!--about-me-->
<div class="sparator"></div>
<div class="blog-excerpts-wrapper">
<section id="from-my-blog" class="from-my-blog">
<h2 class="title-font">From my blog</h2>
<aside class="sidebar">
<div class="blog-description about-font">
<p>Here I write about my <a href="categories.html">creatvie process <i class="icon-cogs"></i></a>, <a href="categories.html">songs <i class="icon-book"></i></a>, <a href="categories.html">random rants</a> and other stuff.</p>
</div>
</aside>
<div class="blog-excerpts">
<article class="post-excerpt">
<header>
<h2 class="entry-title-font"><a href="post.html">In the beginning</a></h2>
<p class="meta-info-font"><time datetime="2009-09-04T16:31:24+02:00">September 2009</time> · This post is about <a href="categories.html">Work</a> and <a href="categories.html">Independance</a></p>
</header>
<div class="content">
<p>Lorem ipsum dolor sit amet, sea primis perpetua ex, autem regione euripidis ut mel. Cu convenire adipiscing mea, cum te prompta argumentum, ei nam constituto delicatissimi.</p>
</div><!--entry-->
<footer>
<p class="meta-info-font"><a href="post.html">Read more ⇒</a></p>
</footer>
</article>
<article class="post-excerpt">
<header>
<h2 class="entry-title-font"><a href="post.html">At Day's End</a></h2>
<p class="meta-info-font"><time datetime="2010-03-04T16:31:24+02:00">March 2010</time> · This post is about <a href="categories.html">Poetry</a>, <a href="categories.html">Creativity</a> and <a href="categories.html">Myself</a></p>
</header>
<div class="content">
<p>Ei epicuri detracto suscipiantur duo, regione forensibus has ex, at tacimates consequat referrentur usu. Cu antiopam voluptatibus vituperatoribus vel, labores disputando ex sed, an eos habeo mutat facer. Posse solet legimus est an, his suas dicant facete eu, no quo dico vidisse fuisset.</p>
</div><!--entry-->
<footer>
<p class="meta-info-font"><a href="post.html">Read more ⇒</a></p>
</footer>
</article>
<article class="post-excerpt">
<header>
<h2 class="entry-title-font"><a href="post.html">Another Post</a></h2>
<p class="meta-info-font"><time datetime="2010-03-04T16:31:24+02:00">March 2010</time> · This post is about <a href="categories.html">Poetry</a>, <a href="categories.html">Creativity</a> and <a href="categories.html">Myself</a></p>
</header>
<div class="content">
<p>Qui persius legimus deterruisset eu. Duo cu meis placerat rationibus, dico minim expetendis te pri. Corpora forensibus eos ei. Sed harum recteque ea, vide postulant ex ius. Inani omnesque scaevola at qui.</p>
</div><!--entry-->
<footer>
<p class="meta-info-font"><a href="post.html">Read more ⇒</a></p>
</footer>
</article>
</div><!--blog-excerpt-->
</section><!--from-my-blog-->
</div><!--blog-excerpts-wrapper-->
<footer class="site-footer site-footer-font">
<div class="sparator"></div>
<div class="contact">
<a href="mailto:[email protected]"><i class="icon-envelope-alt"></i> [email protected]</a> ·
<a href="tel:4213-45-710"><i class="icon-phone"></i> 4213-45-710</a> ·
<a href="http//www.zjf88.com"><i class="icon-tw
H32_html手机网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
需积分: 0 87 浏览量
2023-08-01
22:26:48
上传
评论
收藏 5.72MB ZIP 举报
H32_html手机网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （125个子文件） 
main.css 15KB font-awesome.css 14KB normalize.css 9KB font-face.css 7KB typography.css 5KB juicy-orange.css 5KB hot-pink.css 4KB hot-pink.css 2KB ocean-blue.css 2KB juicy-orange.css 2KB ocean-blue.css 2KB fontawesome-webfont.eot 38KB Banda_regular-webfont.eot 37KB sofia-regular-webfont.eot 31KB OpenSans-LightItalic-webfont.eot 24KB OpenSans-SemiboldItalic-webfont.eot 23KB OpenSans-Italic-webfont.eot 23KB Matchbook-webfont.eot 23KB OpenSans-BoldItalic-webfont.eot 23KB OpenSans-ExtraBoldItalic-webfont.eot 23KB OpenSans-Bold-webfont.eot 21KB OpenSans-ExtraBold-webfont.eot 21KB OpenSans-Semibold-webfont.eot 21KB OpenSans-Light-webfont.eot 20KB OpenSans-Regular-webfont.eot 20KB
index.html 9KB index.html 9KB index.html 9KB index.html 9KB index.html 9KB index.html 8KB index.html 8KB index.html 8KB index.html 8KB index.html 8KB index.html 8KB post.html 8KB post.html 8KB post.html 8KB post.html 8KB post.html 8KB post.html 8KB post.html 8KB post.html 8KB post.html 8KB post.html 7KB post.html 7KB gallery-hex.html 6KB gallery-hex.html 6KB gallery-hex.html 6KB gallery-hex.html 6KB gallery-hex.html 6KB gallery-hex.html 6KB gallery.html 5KB gallery.html 5KB gallery.html 5KB gallery.html 5KB gallery.html 5KB 404.html 5KB categories.html 5KB gallery.html 4KB single-image.html 4KB single-image.html 4KB single-image.html 4KB single-image.html 4KB single-image.html 4KB single-image.html 4KB single-image.html 4KB single-image.html 4KB single-image.html 4KB single-image.html 4KB single-image.html 4KB
image.jpg 3.59MB 02.jpg 482KB 01.jpg 334KB 03.jpg 224KB placeholder.jpg 27KB jquery-1.8.0.min.js 90KB plugins.js 12KB main.js 2KB Banda_regular.otf 65KB
brillant-dark.png 3KB brillant.png 85B
fontawesome-webfont.svg 127KB sofia-regular-webfont.svg 112KB Banda_regular-webfont.svg 94KB Matchbook-webfont.svg 33KB OpenSans-Italic-webfont.svg 27KB OpenSans-SemiboldItalic-webfont.svg 27KB OpenSans-LightItalic-webfont.svg 27KB OpenSans-ExtraBoldItalic-webfont.svg 26KB OpenSans-BoldItalic-webfont.svg 26KB OpenSans-ExtraBold-webfont.svg 25KB OpenSans-Regular-webfont.svg 25KB OpenSans-Semibold-webfont.svg 25KB OpenSans-Bold-webfont.svg 25KB OpenSans-Light-webfont.svg 24KB Banda_regular-webfont.ttf 101KB fontawesome-webfont.ttf 67KB sofia-regular-webfont.ttf 67KB共 125 条
- 1
- 2
资源评论
