<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Infinitude Corporate Category Bootstrap Responsive Web Template | Typography :: W3layouts</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8" />
<meta name="keywords" content="Infinitude Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script>
addEventListener("load", function() {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- //Meta tag Keywords -->
<!-- Custom-Files -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!-- Style-CSS -->
<!-- font-awesome-icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome-icons -->
</head>
<body>
<!--/home -->
<div id="home" class="inner-w3pvt-page">
<div class="overlay-innerpage">
<!--/top-nav -->
<div class="top_w3pvt_main container">
<!--/header -->
<header class="nav_w3pvt text-center">
<!-- nav -->
<nav class="wthree-w3ls">
<div id="logo">
<h1> <a class="navbar-brand px-0 mx-0" href="index.html">Infinitude
</a>
</h1>
</div>
<label for="drop" class="toggle">Menu</label>
<input type="checkbox" id="drop" />
<ul class="menu mr-auto">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li>
<!-- First Tier Drop Down -->
<label for="drop-2" class="toggle toggle-2"> Pages<span class="fa fa-angle-down" aria-hidden="true"></span> </label>
<a href="#">Pages <span class="fa fa-angle-down" aria-hidden="true"></span></a>
<input type="checkbox" id="drop-2" />
<ul>
<li><a href="services.html" class="drop-text">Services</a></li>
<li><a href="timeline.html" class="drop-text">Timeline</a></li>
<li><a href="team.html" class="drop-text">Team</a></li>
<li class="active"><a href="typo.html" class="drop-text">Typography</a></li>
<li><a href="error.html" class="drop-text">Faq's</a></li>
<li><a href="error.html" class="drop-text">Social Media</a></li>
</ul>
</li>
<li><a href="index.html">Projects</a></li>
<li><a href="contact.html">Contact</a></li>
<li class="social-icons ml-lg-3"><a href="#" class="p-0 social-icon"><span class="fa fa-facebook-official" aria-hidden="true"></span>
<div class="tooltip">Facebook</div>
</a> </li>
<li class="social-icons"><a href="#" class="p-0 social-icon"><span class="fa fa-twitter" aria-hidden="true"></span>
<div class="tooltip">Twitter</div>
</a> </li>
<li class="social-icons"><a href="#" class="p-0 social-icon"><span class="fa fa-instagram" aria-hidden="true"></span>
<div class="tooltip">Instagram</div>
</a> </li>
</ul>
</nav>
<!-- //nav -->
</header>
<!--//header -->
<!--/breadcrumb-->
<div class="inner-w3pvt-page-info">
<ol class="breadcrumb d-flex">
<li class="breadcrumb-item">
<a href="index.html">Home</a>
</li>
<li class="breadcrumb-item active">Typography</li>
</ol>
</div>
<!--//breadcrumb-->
</div>
<!-- //top-nav -->
</div>
</div>
<!-- //home -->
<!--/typo -->
<section class="about py-5">
<div class="container p-md-5">
<h3 class="tittle-w3ls mb-5 text-center">Typography</h3>
<!-- typography -->
<div class="mt-5 typo-wthree">
<!-- /heading -->
<h4 class="typo mt-5">Headings</h4>
<p class="mt-2">All HTML headings, h1 through h6, are available.</p>
<div class="grid-bg text-left mt-5">
<div class="grid-inner p-5">
<h1>h1. Bootstrap heading</h1>
<h2>h2. Bootstrap heading</h2>
<h3>h3. Bootstrap heading</h3>
<h4>h4. Bootstrap heading</h4>
<h5>h5. Bootstrap heading</h5>
<h6>h6. Bootstrap heading</h6>
<!-- //heading -->
</div>
<div class="highlight sub-code">
<pre><code class="language-html" data-lang="html"><span class="nt"><h1></span>h1. Bootstrap heading<span class="nt"></h1></span>
<span class="nt"><h2></span>h2. Bootstrap heading<span class="nt"></h2></span>
<span class="nt"><h3></span>h3. Bootstrap heading<span class="nt"></h3></span>
<span class="nt"><h4></span>h4. Bootstrap heading<span class="nt"></h4></span>
<span class="nt"><h5></span>h5. Bootstrap heading<span class="nt"></h5></span>
<span class="nt"><h6></span>h6. Bootstrap heading<span class="nt"></h6></span></code></pre>
</div>
</div>
<h4 class="typo mt-5">Grid system</h4>
<p class="mt-2">Use our powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, five default responsive tiers, Sass variables and mixins, and dozens of predefined classes.</p>
<div class="grid-bg text-left mt-5">
<div class="grid-inner p-5">
<div class="container">
<div class="row">
<div class="col-sm">
One of three columns
</div>
<div class="col-sm">
One of three columns
</div>
<div class="col-sm">
One of three columns
</div>
</div>
</div>
</div>
<div class="highlight sub-code">
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">cl
公司级网站源码-WEB网站设计服务响应式网站模板-支持适配移动端.zip
版权申诉
41 浏览量
2024-03-22
10:50:33
上传
评论
收藏 2.37MB ZIP 举报
公司级网站源码-WEB网站设计服务响应式网站模板-支持适配移动端.zip （43个子文件） 
公司级网站源码-WEB网站设计服务响应式网站模板-支持适配移动端 html 
timeline.html 14KB team.html 19KB typo.html 48KB css 
style.css 40KB font-awesome.css 37KB bootstrap.css 174KB services.html 22KB index.html 38KB contact.html 14KB about.html 20KB error.html 11KB single.html 18KB images 
g3.jpg 24KB team6.jpg 45KB g2.jpg 19KB test.jpg 30KB g8.jpg 19KB team4.jpg 30KB banner4.jpg 177KB team3.jpg 143KB banner3.jpg 236KB g7.jpg 13KB team2.jpg 36KB g6.jpg 12KB t1.jpg 14KB banner1.jpg 254KB ab2.jpg 174KB g5.jpg 23KB team5.jpg 133KB t2.jpg 14KB g4.jpg 18KB ab.jpg 77KB team1.jpg 129KB banner2.jpg 119KB g1.jpg 48KB example.jpg 357B g9.jpg 15KB fonts FontAwesome.otf 132KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB资源评论
