<!DOCTYPE html>
<html>
<head>
<title>Codes</title>
<!-- 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="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //For-Mobile-Apps -->
<!-- Custom-Theme-Files -->
<!-- Bootstrap-Default-CSS --> <link href="css/bootstrap.min.css" rel="stylesheet" />
<!-- Pages-Style-CSS --> <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!-- Navbar-CSS --> <link rel="stylesheet" type="text/css" href="css/navbar.css" />
<!-- //Custom-Theme-Files -->
<!-- Web-Fonts -->
<link href='https://fonts.googleapis.com/css?family=Francois+One' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900,300' rel='stylesheet' type='text/css'>
<!-- //Web-Fonts -->
</head>
<body>
<div class="products-content">
<a href="index.html" class="products">ESTELLE</a>
<p class="products">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source.</p>
<h1 class="products">TYPOGRAPHY</h1>
</div>
<!-- Header -->
<div class="header">
<!-- Navbar -->
<nav id="bt-menu" class="bt-menu">
<a href="#" class="bt-menu-trigger"><span>Menu</span></a>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="codes.html">Codes</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<ul>
<li><a href="#" class="facebook" title="Go to Our Facebook Page"></a></li>
<li><a href="#" class="twitter" title="Go to Our Twitter Account"></a></li>
<li><a href="#" class="googleplus" title="Go to Our Google Plus Account"></a></li>
<li><a href="#" class="instagram" title="Go to Our Instagram Account"></a></li>
<li><a href="#" class="youtube" title="Go to Our Youtube Channel"></a></li>
</ul>
</nav>
<!-- //Navbar -->
</div>
<!-- //Header -->
<div class="typography">
<!-- container-wrap -->
<div class="container">
<div class="typography-info">
<h2 class="short">Short Codes</h2>
</div>
<div class="grid_3 grid_4">
<h3 class="hdg">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 class="hdg">Buttons</h3>
<h1>
<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>
<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>
<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>
<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>
<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>
<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="grid_3 grid_5">
<h3 class="hdg">Progress Bars</h3>
<div class="tab-content">
<div class="tab-pane active" id="domprogress">
<div class="progress">
<div class="progress-bar progress-bar-primary" style="width: 20%"></div>
</div>
<p>Info with <code>progress-bar-info</code> class.</p>
<div class="progress">
<div class="progress-bar progress-bar-info" style="width: 60%"></div>
</div>
<p>Success with <code>progress-bar-success</code> class.</p>
<div class="progress">
<div class="progress-bar progress-bar-success" style="width: 30%"></div>
</div>
<p>Warning with <code>progress-bar-warning</code> class.</p>
<div cla
小徐博客
- 粉丝: 1975
- 资源: 4653
最新资源
- 圣诞树代码编程python-11.第k个最小数-自己可以加加难度.py
- 圣诞树代码编程python-12.单词方阵-这条蛇怎么躺都可以是吧.py
- BrupSuite 是用于攻击web应用程序的集成平台
- DIN EN 1712-2002 焊缝的无损检验 焊接连接件的超声波检验 允许极限值.pdf
- DIN EN 1714-1997(2002) 中文版 焊接接头的超声波检测.pdf
- DIN EN 1792-2003 焊接 焊接和相关工多语种术语表.pdf
- DIN EN 12070-2000 焊接消耗材料.抗蠕变钢的电弧焊接用焊丝电极、焊丝和焊条.分类.pdf
- DIN EN 12071-2000 焊接消耗品 耐蠕变钢气体遮蔽金属弧焊用管状电极 分级.pdf
- DIN EN 12062-2002 焊接无损检测 金属材料的一般规则.pdf
- DIN EN 26848-1991 惰性气体保护电弧焊接以及等离子气体切割和焊接用的钨极 编码.pdf
- DIN EN 60534-3-3-2000 工业过程控制阀.第3-3部分尺寸.对头焊接的对头尺寸,两种方式,球型,直角型控制阀门.pdf
- DIN EN 62137-1-1-2008 表面安装技术 表面安装焊接点的环境和忍受力试验方法 第1-1部分 拉脱强度试验.pdf
- DIN EN ISO 17642-1-2004 金属材料的焊接的有损试验 焊件的冷裂试验 弧焊过程 第1部分通则 .pdf
- DIN EN ISO 10882-2-2000 焊接和相关工艺的卫生与安全 工作人员呼吸区域中空气中悬浮颗粒物及气体的取样 第2部分气体取样.pdf
- DIN_EN_970_1997-03焊接外观检验.pdf
- DIN EN ISO 18279-2004 铜焊.铜焊接头的缺陷.pdf
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈