<!DOCTYPE html>
<html>
<head>
<title>Typography</title>
<!--fonts-->
<link href='#css?family=Righteous' rel='stylesheet' type='text/css'>
<link href='#css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<!--//fonts-->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- for-mobile-apps -->
<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="Heavy Industry 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>
<!-- //for-mobile-apps -->
<!-- js -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- js -->
<script src="js/modernizr.custom.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>
<!-- top header -->
<div class="banner page-head">
<div class="container">
<div class="top-header">
<div class="top-left">
<ul>
<li><a href="#">POPULAR</a></li>
<li><a href="machinery.html">MACHINERY</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</div>
<div class="top-right">
<ul>
<li><a class="fb" href="#"></a></li>
<li><a class="twi" href="#"></a></li>
<li><a class="pin" href="#"></a></li>
<li><a class="goog" href="#"></a></li>
</ul>
</div>
<div class="clearfix"></div>
<div class="top-logo">
<a href="index.html"><span class="glyphicon glyphicon-cog" aria-hidden="true"></span>HEAVY <span>INDUSTRY</span>
<i>A Small Scale Project</i>
</a>
</div>
</div>
<div class="top-nav">
<div class="nav-icon">
<a href="#" class="right_bt" id="activator"><span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span> </a>
<a class="top-indus" href="index.html">TOP INDUSTRIES</a>
<div class="clearfix"></div>
</div>
<div class="box" id="box">
<div class="box_content">
<div class="box_content_center">
<div class="form_content">
<div class="menu_box_list">
<ul>
<li><a href="index.html"><span>home</span></a></li>
<li><a href="about.html"><span>about</span></a></li>
<li><a class="active" href="typography.html"><span>services</span></a></li>
<li><a href="machinery.html"><span>machinery</span></a></li>
<li><a href="contact.html"><span>Contact</span></a></li>
</ul>
</div>
<a class="boxclose" id="boxclose"> <span> </span></a>
</div>
</div>
</div>
</div>
</div>
<!--start-click-drop-down-menu-->
<!--start-dropdown-->
<script type="text/javascript">
var $ = jQuery.noConflict();
$(function() {
$('#activator').click(function(){
$('#box').animate({'top':'0px'},900);
});
$('#boxclose').click(function(){
$('#box').animate({'top':'-1000px'},900);
});
});
$(document).ready(function(){
//Hide (Collapse) the toggle containers on load
$(".toggle_container").hide();
//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
$(".trigger").click(function(){
$(this).toggleClass("active").next().slideToggle("slow");
return false; //Prevent the browser jump to the link anchor
});
});
</script>
<!--//End-click-drop-down-menu-->
</div>
</div>
<!-- //top header -->
<!--start-about-->
<div class="typrography">
<div class="container">
<h3 class="tittle">TYPOGRAPHY</h3>
<div class="grid_3 grid_4">
<h3>Headings</h3>
<div class="bs-example">
<table class="table">
<tbody>
<tr>
<td><h1 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 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 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 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 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>h6. Bootstrap heading</h6></td>
<td class="type-info">Semibold 12px</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="grid_3 grid_5">
<h3>Buttons</h3>
<h1 class="t-button">
<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="t-button">
<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="t-button">
<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="typ1 t-button">
<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="
没有合适的资源?快使用搜索试试~ 我知道了~
钢铁建材公司网站模板是一款html5模板,适合钢铁企业网站模板下载。.rar
共56个文件
jpg:21个
png:9个
js:8个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 12 浏览量
2023-04-28
10:02:06
上传
评论
收藏 964KB RAR 举报
温馨提示
钢铁建材公司网站模板是一款html5模板,适合钢铁企业网站模板下载。
资源推荐
资源详情
资源评论
收起资源包目录
钢铁建材公司网站模板是一款html5模板,适合钢铁企业网站模板下载。.rar (56个子文件)
钢铁建材公司网站模板是一款html5模板,适合钢铁企业网站模板下载。
moban740
js
bootstrap.js 66KB
jquery.swipebox.min.js 7KB
responsiveslides.min.js 3KB
jquery.chocolat.js 10KB
easing.js 5KB
move-top.js 1KB
modernizr.custom.js 9KB
jquery.min.js 94KB
typography.html 26KB
css
style.css 48KB
bootstrap.css 138KB
swipebox.css 4KB
chocolat.css 2KB
index.html 18KB
contact.html 8KB
about.html 11KB
images
message.png 3KB
g3.jpg 20KB
close.gif 845B
g2.jpg 33KB
into.png 3KB
2.jpg 40KB
13.jpg 30KB
arrow.png 3KB
14.jpg 23KB
15.jpg 26KB
right.gif 67B
sr_soc.png 5KB
3333.jpg 15KB
left.gif 68B
g7.jpg 28KB
1111.jpg 16KB
left.png 3KB
12.jpg 22KB
g6.jpg 27KB
team-3.jpg 40KB
icons.svg 1KB
banner1.jpg 75KB
g5.jpg 19KB
img-sprite.png 5KB
close.png 295B
arr.png 3KB
right.png 3KB
g4.jpg 20KB
team-1.jpg 33KB
team-2.jpg 25KB
2222.jpg 13KB
g1.jpg 22KB
team-4.jpg 35KB
4.jpg 218KB
machinery.html 9KB
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
共 56 条
- 1
资源评论
紫微前端
- 粉丝: 4310
- 资源: 869
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功