<!DOCTYPE html>
<html>
<head>
<title>Black & White</title>
<!-- meta -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/ionicons.min.css">
<link rel="stylesheet" href="css/pace.css">
<link rel="stylesheet" href="css/custom.css">
<!-- js -->
<script src="js/jquery-2.1.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/pace.min.js"></script>
<script src="js/modernizr.custom.js"></script>
</head>
<body>
<div class="container">
<header id="site-header">
<div class="row">
<div class="col-md-4 col-sm-5 col-xs-8">
<div class="logo">
<h1><a href="index.html"><b>Black</b> & White</a></h1>
</div>
</div><!-- col-md-4 -->
<div class="col-md-8 col-sm-7 col-xs-4">
<nav class="main-nav" role="navigation">
<div class="navbar-header">
<button type="button" id="trigger-overlay" class="navbar-toggle">
<span class="ion-navicon"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="cl-effect-11"><a href="index.html" data-hover="Home">Home</a></li>
<li class="cl-effect-11"><a href="full-width.html" data-hover="Blog">Blog</a></li>
<li class="cl-effect-11"><a href="about.html" data-hover="About">About</a></li>
<li class="cl-effect-11"><a href="contact.html" data-hover="Contact">Contact</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</nav>
<div id="header-search-box">
<a id="search-menu" href="#"><span id="search-icon" class="ion-ios-search-strong"></span></a>
<div id="search-form" class="search-form">
<form role="search" method="get" id="searchform" action="#">
<input type="search" placeholder="Search" required>
<button type="submit"><span class="ion-ios-search-strong"></span></button>
</form>
</div>
</div>
</div><!-- col-md-8 -->
</div>
</header>
</div>
<div class="content-body">
<div class="container">
<div class="row">
<main class="col-md-8">
<article class="post post-1">
<header class="entry-header">
<h1 class="entry-title">
<a href="single.html">Adaptive Vs. Responsive Layouts And Optimal Text Readability</a>
</h1>
<div class="entry-meta">
<span class="post-category"><a href="#">Web Design</a></span>
<span class="post-date"><a href="#"><time class="entry-date" datetime="2012-11-09T23:15:57+00:00">February 2, 2013</time></a></span>
<span class="post-author"><a href="#">Albert Einstein</a></span>
<span class="comments-link"><a href="#">4 Comments</a></span>
</div>
</header>
<div class="entry-content clearfix">
<p>Responsive web design offers us a way forward, finally allowing us to design for the ebb and flow of things. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly.</p>
<div class="read-more cl-effect-14">
<a href="single.html" class="more-link">Continue reading <span class="meta-nav">→</span></a>
</div>
</div>
</article>
<article class="post post-2">
<header class="entry-header">
<h1 class="entry-title">
<a href="single.html">Adaptive Vs. Responsive Layouts And Optimal Text Readability</a>
</h1>
<div class="entry-meta">
<span class="post-category"><a href="#">Web Design</a></span>
<span class="post-date"><a href="#"><time class="entry-date" datetime="2012-11-09T23:15:57+00:00">February 2, 2013</time></a></span>
<span class="post-author"><a href="#">Albert Einstein</a></span>
<span class="comments-link"><a href="#">4 Comments</a></span>
</div>
</header>
<div class="entry-content clearfix">
<p>Responsive web design offers us a way forward, finally allowing us to design for the ebb and flow of things. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly.</p>
<div class="read-more cl-effect-14">
<a href="single.html" class="more-link">Continue reading <span class="meta-nav">→</span></a>
</div>
</div>
</article>
<article class="post post-3">
<header class="entry-header">
<h1 class="entry-title">
<a href="single.html">Adaptive Vs. Responsive Layouts And Optimal Text Readability</a>
</h1>
<div class="entry-meta">
<span class="post-category"><a href="#">Web Design</a></span>
<span class="post-date"><a href="#"><time class="entry-date" datetime="2012-11-09T23:15:57+00:00">February 2, 2013</time></a></span>
<span class="post-author"><a href="#">Albert Einstein</a></span>
<span class="comments-link"><a href="#">4 Comments</a></span>
</div>
</header>
<div class="entry-content clearfix">
<p>Responsive web design offers us a way forward, finally allowing us to design for the ebb and flow of things. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly.</p>
<div class="read-more cl-effect-14">
<a href="single.html" class="more-link">Continue reading <span class="meta-nav">→</span></a>
</div>
</div>
</article>
<article class="post post-4">
<header class="entry-header">
<h1 class="entry-title">
<a href="single.html">Adaptive Vs. Responsive Layouts And Optimal Text Readability</a>
</h1>
<div class="entry-meta">
<span class="post-category"><a href="#">Web Design</a></span>
<span class="post-date"><a href="#"><time class="entry-date" datetime="2012-11-09T23:15:57+00:00">February 2, 2013</time></a></span>
<span class="post-author"><a href="#">Albert Einstein</a></span>
<span class="comments-link"><a href="#">4 Comments</a></span>
</div>
</header>
<div class="entry-content clearfix">
<p>Responsive web design offers us a way forward, finally allowing us to design for the ebb and flow of things. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly.</p>
<div class="read-more cl-effect-14">
<a href="single.html" class="more-link">Continue reading <span class="meta-nav">→</span></a>
</div>
</div>
</article>
</main>
<aside class="col-md-4">
<div class="widget widget-recent-posts">
<h3 class="widget-title">Recent Posts</h3>
<ul>
<li>
<a href="#">Adaptive Vs. Responsive Layouts And Optimal Text Readability</a>
</li>
<li>
<a href="#">Web Design is 95% Typography</a>
</li>
<li>
<a href="#">Paper by FiftyThree</a>
</li>
</ul>
</div>
<div class="widget widget-archives">
<h3 class="widget-title">Archives</h3>
<ul>
<li>
<a href="#">November 2014</a>
</li>
<li>
<a href="#">September 2014</a>
</li>
<li>
<a href="#">January 2013</a>
</li>
</ul>
</div>
<div cla
简洁纯文字日志动态网站模板-适配移动端&PC端-HTML网站源码.zip
版权申诉
59 浏览量
2024-03-31
13:26:11
上传
评论
收藏 471KB ZIP 举报
简洁纯文字日志动态网站模板-适配移动端&PC端-HTML网站源码.zip （25个子文件） 
简洁纯文字日志动态网站模板-适配移动端&PC端-HTML网站源码 html js 
bootstrap.min.js 35KB pace.min.js 12KB modernizr.custom.js 8KB jquery-2.1.3.min.js 82KB script.js 4KB .idea .name 15B Black-And-White.iml 281B vcs.xml 180B workspace.xml 11KB misc.xml 599B modules.xml 282B img 
me.jpg 62KB css bootstrap.min.css 114KB custom.css 12KB pace.css 177B ionicons.min.css 50KB
index.html 9KB contact.html 4KB about.html 4KB single.html 6KB full-width.html 8KB fonts ionicons.ttf 184KB ionicons.eot 118KB
ionicons.svg 326KB ionicons.woff 66KB资源评论
