<!--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="
没有合适的资源?快使用搜索试试~ 我知道了~
毕设&课设&大作业-咖啡茶点日志响应式网页模板-适配移动端-HTML网站源码.zip
共67个文件
jpg:33个
png:11个
js:7个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 171 浏览量
2024-03-29
11:28:00
上传
评论
收藏 1.22MB ZIP 举报
温馨提示
开发者以及学生朋友们,您是否在寻求一款高质量、易于定制的响应式HTML网页模板源码?这份针对毕业设计、课程设计以及大型作业的源码资源将完美满足您的需求! 这份源码采用最新的HTML5和CSS3技术,结合流行的Bootstrap框架,为您打造了一个高度可定制、跨设备兼容的响应式网页模板。它不仅优化了用户体验,还确保了在不同尺寸的屏幕和设备上均能呈现出完美的布局和样式。 此模板具备丰富的功能组件,如导航栏、轮播图、卡片式布局等,可以灵活组合以满足您的各种设计需求。同时,它还支持多种浏览器和操作系统,让您的作品在各种环境下都能稳定运行。 更令人惊喜的是,这份源码文档齐全、注释清晰,即使您是初学者也能快速上手。我们提供了详细的教程和技术支持,助您轻松完成个性化的网站开发。 总之,这份响应式HTML网页模板源码是您进行毕设、课设或大作业的理想选择。它不仅节省了开发时间,降低了学习成本,还能帮助您提升作品的专业品质。立即获取这份资源,让您的项目脱颖而出!
资源推荐
资源详情
资源评论
收起资源包目录
毕设&课设&大作业-咖啡茶点日志响应式网页模板-适配移动端-HTML网站源码.zip (67个子文件)
毕设&课设&大作业-咖啡茶点日志响应式网页模板-适配移动端-HTML网站源码
html
typo.html 17KB
js
modernizr.custom.97074.js 8KB
jquery.chocolat.js 10KB
jquery.hoverdir.js 5KB
easing.js 5KB
move-top.js 1KB
jquery.flexisel.js 8KB
jquery.min.js 94KB
css
style.css 36KB
bootstrap.css 138KB
chocolat.css 2KB
index.html 13KB
contact.html 5KB
about.html 8KB
single.html 8KB
images
c-4.jpg 17KB
c-7.jpg 18KB
g-2.jpg 17KB
c-11.jpg 3KB
dot.png 3KB
s-6.jpg 10KB
g-5.jpg 20KB
banner.jpg 238KB
t-1.jpg 17KB
c-12.jpg 5KB
s-1.jpg 11KB
g-4.jpg 18KB
g-6.jpg 26KB
t-3.jpg 14KB
single-1.jpg 56KB
left-1.png 3KB
social.png 5KB
abt-1.jpg 58KB
g-3.jpg 23KB
left.png 5KB
search.png 3KB
c-10.jpg 3KB
s-4.jpg 7KB
c-6.jpg 25KB
c-3.jpg 14KB
s-2.jpg 9KB
c-8.jpg 19KB
c-1.jpg 39KB
close.png 295B
c-2.jpg 19KB
right.png 5KB
g-8.jpg 29KB
s-3.jpg 8KB
t-4.jpg 19KB
right-1.png 3KB
logo-1.png 5KB
t-2.jpg 9KB
s-5.jpg 9KB
g-1.jpg 33KB
c-5.jpg 21KB
si.png 2KB
g-9.jpg 22KB
g-7.jpg 23KB
nav-icon.png 4KB
fonts
glyphicons-halflings-regular.svg 106KB
glyphicons-halflings-regular.ttf 44KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.woff2 18KB
RobotoSlab-Regular.ttf 165KB
Raleway-Regular.ttf 127KB
gallery.html 7KB
共 67 条
- 1
资源评论
DTcode7
- 粉丝: 6228
- 资源: 4306
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功