Files
ionic-framework/test/css/tab-bars-no-icons.html
2014-04-21 16:24:19 -06:00

56 lines
1.4 KiB
HTML

<html>
<head>
<meta charset="utf-8">
<title>Tabs: No Icons</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<link href="../../dist/css/ionic.css" rel="stylesheet">
</head>
<body>
<header class="bar bar-header bar-dark">
<h1 class="title">Tab Bars</h1>
</header>
<main class="content padding has-header">
<h1>No Icons</h1>
<ul>
<li><a href="tab-bars.html">Icons Top</a></li>
<li><a href="tab-bars-icons-bottom.html">Icons Bottom</a></li>
<li><a href="tab-bars-icons-left.html">Icons Left</a></li>
<li><a href="tab-bars-icons-right.html">Icons Right</a></li>
<li><a href="tab-bars-no-icons.html">No Icons</a></li>
<li><a href="tab-bars-only-icons.html">Only Icons</a></li>
<li><a href="./">Homepage</a></li>
</ul>
</main>
<nav id="tab-bar" class="tabs tabs-calm">
<a class="tab-item" href="#">
Fun
</a>
<a class="tab-item">
Security
</a>
<a class="tab-item">
Simple
</a>
<a class="tab-item has-badge">
<i class="badge">3</i>
Light
</a>
<a class="tab-item">
Clean
</a>
<a class="tab-item disabled">
Disabled
</a>
<a disabled class="tab-item">
Inactive
</a>
</nav>
</body>
</html>