<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Coffee Break a Blog Category Flat Bootstarp responsive Website Template | Typo :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Coffee Break Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<script src="js/jquery.min.js"></script>
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!--start-smoth-scrolling-->
</head>
<body>
<!--header-top-starts-->
<div class="header-top">
<div class="container">
<div class="head-main">
<a href="index.html"><img src="images/logo-1.png" alt="" /></a>
</div>
</div>
</div>
<!--header-top-end-->
<!--start-header-->
<div class="header">
<div class="container">
<div class="head">
<div class="navigation">
<span class="menu"></span>
<ul class="navig">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="typo.html" class="active">Typo</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="header-right">
<div class="search-bar">
<input type="text" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}">
<input type="submit" value="">
</div>
<ul>
<li><a href="#"><span class="fb"> </span></a></li>
<li><a href="#"><span class="twit"> </span></a></li>
<li><a href="#"><span class="pin"> </span></a></li>
<li><a href="#"><span class="rss"> </span></a></li>
<li><a href="#"><span class="drbl"> </span></a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- script-for-menu -->
<!-- script-for-menu -->
<script>
$("span.menu").click(function(){
$(" ul.navig").slideToggle("slow" , function(){
});
});
</script>
<!-- script-for-menu -->
<!--banner-starts-->
<div class="banner">
<div class="container">
<div class="banner-top">
<div class="banner-text">
<h2>Aliquam erat</h2>
<h1>Suspendisse potenti</h1>
<div class="banner-btn">
<a href="single.html">Read More</a>
</div>
</div>
</div>
</div>
</div>
<!--banner-end-->
<!--typo-starts-->
<div class="pages" id="pages">
<div class="container">
<div class="headdings">
<h3 class="ghj">Headings</h3>
<div class="bs-example">
<table class="table">
<tbody>
<tr>
<td><h1 class="head" id="h1.-bootstrap-heading">h1. Bootstrap heading<a class="anchorjs-link" href="#h1.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h1></td>
<td class="type-info">Semibold 36px</td>
</tr>
<tr>
<td><h2 class="head" id="h2.-bootstrap-heading">h2. Bootstrap heading<a class="anchorjs-link" href="#h2.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h2></td>
<td class="type-info">Semibold 30px</td>
</tr>
<tr>
<td><h3 class="head" id="h3.-bootstrap-heading">h3. Bootstrap heading<a class="anchorjs-link" href="#h3.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h3></td>
<td class="type-info">Semibold 24px</td>
</tr>
<tr>
<td><h4 class="head" id="h4.-bootstrap-heading">h4. Bootstrap heading<a class="anchorjs-link" href="#h4.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h4></td>
<td class="type-info">Semibold 18px</td>
</tr>
<tr>
<td><h5 class="head" id="h5.-bootstrap-heading">h5. Bootstrap heading<a class="anchorjs-link" href="#h5.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h5></td>
<td class="type-info">Semibold 14px</td>
</tr>
<tr>
<td><h6 class="head">h6. Bootstrap heading</h6></td>
<td class="type-info">Semibold 12px</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="Buttons">
<h3 class="ghj">Buttons</h3>
<h1 class="b1">
<a href="#"><span class="label label-default">Default</span></a>
<a href="#"><span class="label label-primary">Primary</span></a>
<a href="#"><span class="label label-success">Success</span></a>
<a href="#"><span class="label label-info">Info</span></a>
<a href="#"><span class="label label-warning">Warning</span></a>
<a href="#"><span class="label label-danger">Danger</span></a>
</h1>
<h2 class="b2">
<a href="#"><span class="label label-default">Default</span></a>
<a href="#"><span class="label label-primary">Primary</span></a>
<a href="#"><span class="label label-success">Success</span></a>
<a href="#"><span class="label label-info">Info</span></a>
<a href="#"><span class="label label-warning">Warning</span></a>
<a href="#"><span class="label label-danger">Danger</span></a>
</h2>
<h3 class="b3">
<a href="#"><span class="label label-default">Default</span></a>
<a href="#"><span class="label label-primary">Primary</span></a>
<a href="#"><span class="label label-success">Success</span></a>
<a href="#"><span class="label label-info">Info</span></a>
<a href="#"><span class="label label-warning">Warning</span></a>
<a href="#"><span class="label label-danger">Danger</span></a>
</h3>
<h4 class="b4">
<a href="#"><span class="label label-default">Default</span></a>
<a href="#"><span class="label label-primary">Primary</span></a>
<a href="#"><span class="label label-success">Success</span></a>
<a href="#"><span class="label label-info">Info</span></a>
<a href="#"><span class="label label-warning">Warning</span></a>
<a href="#"><span class="label label-danger">Danger</span></a>
</h4>
<h5 class="b5">
<a href="#"><span class="label label-default">Default</span></a>
<a href="#"><span class="label label-primary">Primary</span></a>
<a href="#"><span class="label label-success">Success</span></a>
<a href="#"><span class="label label-info">Info</span></a>
<a href="#"><span class="label label-warning">Warning</span></a>
<a href="#"><span class="label label-danger">Danger</span></a>
</h5>
<h6 class="b6">
<a href="#"><span class="label label-default">Default</span></a>
<a href="#"><span class="label label-primary">Primary</span></a>
<a href="#"><span class="label label-success">Success</span></a>
<a href="#"><span class="label label-info">Info</span></a>
<a href="#"><span class="label label-warning">Warning</span></a>
<a href="#"><span class="label label-danger">Danger</span></a>
</h6>
</div>
<div class="progress-bars">
<h3 class="
DTcode7
- 粉丝: 3w+
- 资源: 4986
最新资源
- 基于Java的论坛云计算学习论坛设计与实现
- 基于SpringBoot和Vue的在线考试管理系统试题库与试卷系统设计源码
- 基于微信小程序的校园水果订单小程序设计源码
- 基于JavaWeb的美食系统设计与实现-采用SSM框架和MYSQL数据库
- factoryio2.5工厂流水线仿真程序 使用简单的梯形图与SCL语言编写,通俗易懂,起到抛砖引玉的作用,比较适合有动手能力的入门初学者 软件环境: 1、西门子编程软件:TIA Portal V1
- 基于Vue框架的新技术专题前后端全栈开发设计源码
- mnist手写数字识别GUI Python3.7 使用cnn模型
- 32ISP source code
- 基于JavaScript的濒危海洋生物知识科普系统设计源码
- 基于JavaScript与CSS的丰富Web弹出层组件设计源码
- 基于SpringBoot+Netty的湖南大学计算机网络课程设计EmailSystem后端代码源码
- 安卓手机系统2023最新版本 android 11(API 30)
- 基于Vue3和Activiti深度定制的AntFlow workflow设计源码
- matlab simulink电动汽车建模:四轮电动汽车电助力转向建模(电动汽车EPS) 整车模型采取八自由度整车(四轮转动,横向纵向,绕z轴旋转,绕y轴俯仰) 模型主要包括驾驶员模型,转向系模型
- 基于SpringBoot架构的校园二手交易系统的设计与实现
- 基于JSP/Java SSM框架的精品课程在线学习系统设计源码
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈