<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Icons - Bootstrap Admin Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="http://libs.useso.com/css?family=Open+Sans:400italic,600italic,400,600" rel="stylesheet">
<link href="css/font-awesome.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/pages/faq.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="index.html">
Bootstrap Admin Template
</a>
<div class="nav-collapse">
<ul class="nav pull-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="icon-cog"></i>
Account
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="javascript:;">Settings</a></li>
<li><a href="javascript:;">Help</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="icon-user"></i>
EGrappler.com
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="javascript:;">Profile</a></li>
<li><a href="javascript:;">Logout</a></li>
</ul>
</li>
</ul>
<form class="navbar-search pull-right">
<input type="text" class="search-query" placeholder="Search">
</form>
</div><!--/.nav-collapse -->
</div> <!-- /container -->
</div> <!-- /navbar-inner -->
</div> <!-- /navbar -->
<div class="subnavbar">
<div class="subnavbar-inner">
<div class="container">
<ul class="mainnav">
<li>
<a href="index.html">
<i class="icon-dashboard"></i>
<span>Dashboard</span>
</a>
</li>
<li>
<a href="reports.html">
<i class="icon-list-alt"></i>
<span>Reports</span>
</a>
</li>
<li>
<a href="guidely.html">
<i class="icon-facetime-video"></i>
<span>App Tour</span>
</a>
</li>
<li>
<a href="charts.html">
<i class="icon-bar-chart"></i>
<span>Charts</span>
</a>
</li>
<li>
<a href="shortcodes.html">
<i class="icon-code"></i>
<span>Shortcodes</span>
</a>
</li>
<li class="active dropdown">
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
<i class="icon-long-arrow-down"></i>
<span>Drops</span>
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="icons.html">Icons</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="pricing.html">Pricing Plans</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="signup.html">Signup</a></li>
<li><a href="error.html">404</a></li>
</ul>
</li>
</ul>
</div> <!-- /container -->
</div> <!-- /subnavbar-inner -->
</div> <!-- /subnavbar -->
<div class="main">
<div class="main-inner">
<div class="container">
<div class="row all-icons">
<div class="widget">
<div class="widget-header">
<i class="icon-bar-chart"></i>
<h3>
Icons</h3>
</div>
<!-- /widget-header -->
<div class="widget-content">
<div class="span3 ML0">
<ul>
<li style="line-height: 32px;"><i class="icon-large icon-glass
"></i> icon-glass
</li>
<li style="line-height: 32px;"><i class="icon-large icon-music
"></i> icon-music
</li>
<li style="line-height: 32px;"><i class="icon-large icon-search
"></i> icon-search
</li>
<li style="line-height: 32px;"><i class="icon-large icon-envelope
"></i> icon-envelope
</li>
<li style="line-height: 32px;"><i class="icon-large icon-heart
"></i> icon-heart
</li>
<li style="line-height: 32px;"><i class="icon-large icon-star
"></i> icon-star
</li>
<li style="line-height: 32px;"><i class="icon-large icon-star-empty
"></i> icon-star-empty
</li>
<li style="line-height: 32px;"><i class="icon-large icon-user
"></i> icon-user
</li>
<li style="line-height: 32px;"><i class="icon-large icon-film
"></i> icon-film
</li>
<li style="line-height: 32px;"><i class="icon-large icon-th-large
"></i> icon-th-large
</li>
<li style="line-height: 32px;"><i class="icon-large icon-th
"></i> icon-th
</li>
<li style="line-height: 32px;"><i class="icon-large icon-th-list
"></i> icon-th-list
</li>
<li style="line-height: 32px;"><i class="icon-large icon-ok
"></i> icon-ok
</li>
<li style="line-height: 32px;"><i class="icon-large icon-remove
"></i> icon-remove
</li>
<li style="line-height: 32px;"><i class="icon-large icon-zoom-in
"></i> icon-zoom-in
</li>
<li style="line-height: 32px;"><i class="icon-large icon-zoom-out
"></i> icon-zoom-out
</li>
<li style="line-height: 32px;"><i class="icon-large icon-off
"></i> icon-off
</li>
<li style="line-height: 32px;"><i class="icon-large icon-signal
"></i> icon-signal
</li>
<li style="line-height: 32px;"><i class="icon-large icon-cog
"></i> icon-cog
</li>
<li style="line-height: 32px;"><i class="icon-large icon-trash
"></i> icon-trash
</li>
<li style="line-height: 32px;"><i class="icon-large icon-home
"></i> icon-home
</li>
<li style="line-height: 32px;"><i class="icon-large icon-file
"></i> icon-file
</li>
<li style="line-height: 32px;"><i class="icon-large icon-time
"></i> icon-time
</li>
<li style="line-height: 32px;"><i class="icon-large icon-road
"></i> icon-road
</li>
<li style="line-height: 32px;"><i class="icon-large icon-download-alt
"></i> icon-download-alt
</li>
<li style="line-height: 32px;"><i class="icon-large icon-download
"></i> icon-download
</li>
<li style="line-height: 32px;"><i