gentelella

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Gentelella Alela! | </title>  <link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">  <link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">  <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">  <link href="../build/css/custom.min.css" rel="stylesheet"> </head> <body class="nav-md"> <div class="container body"> <div class="main_container"> <div class="col-md-3 left_col"> <div class="left_col scroll-view"> <div class="navbar nav_title" style="border: 0;"> <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a> </div> <div class="clearfix"></div>  <div class="profile clearfix"> <div class="profile_pic"> <img src="images/img.jpg" alt="..." class="img-circle profile_img"> </div> <div class="profile_info"> <span>Welcome,</span> <h2>John Doe</h2> </div> </div>  <br />  <div id="sidebar-menu" class="main_menu_side hidden-print main_menu"> <div class="menu_section"> <h3>General</h3> <ul class="nav side-menu"> <li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li><a href="index.html">Dashboard</a></li> <li><a href="index2.html">Dashboard2</a></li> <li><a href="index3.html">Dashboard3</a></li> </ul> </li> <li><a><i class="fa fa-edit"></i> Forms <span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li><a href="form.html">General Form</a></li> <li><a href="form_advanced.html">Advanced Components</a></li> <li><a href="form_validation.html">Form Validation</a></li> <li><a href="form_wizards.html">Form Wizard</a></li> <li><a href="form_upload.html">Form Upload</a></li> <li><a href="form_buttons.html">Form Buttons</a></li> </ul> </li> <li><a><i class="fa fa-desktop"></i> UI Elements <span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li><a href="general_elements.html">General Elements</a></li> <li><a href="media_gallery.html">Media Gallery</a></li> <li><a href="typography.html">Typography</a></li> <li><a href="icons.html">Icons</a></li> <li><a href="glyphicons.html">Glyphicons</a></li> <li><a href="widgets.html">Widgets</a></li> <li><a href="invoice.html">Invoice</a></li> <li><a href="inbox.html">Inbox</a></li> <li><a href="calendar.html">Calendar</a></li> </ul> </li> <li><a><i class="fa fa-table"></i> Tables <span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li><a href="tables.html">Tables</a></li> <li><a href="tables_dynamic.html">Table Dynamic</a></li> </ul> </li> <li><a><i class="fa fa-bar-chart-o"></i> Data Presentation <span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li><a href="chartjs.html">Chart JS</a></li> <li><a href="chartjs2.html">Chart JS2</a></li> <li><a href="morisjs.html">Moris JS</a></li> <li><a href="echarts.html">ECharts</a></li> <li><a href="other_charts.html">Other Charts</a></li> </ul> </li> <li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li><a href="fixed_sidebar.html">Fixed Sidebar</a></li> <li><a href="fixed_footer.html">Fixed Footer</a></li> </ul> </li> </ul> </div> <div class="menu_section"> <h3>Live On</h3> <ul class="nav side-menu"> <li><a><i class="fa fa-bug"></i> Additional Pages <span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li><a href="e_commerce.html">E-commerce</a></li> <li><a href="projects.html">Projects</a></li> <li><a href="project_detail.html">Project Detail</a></li> <li><a href="contacts.html">Contacts</a></li> <li><a href="profile.html">Profile</a></li> </ul> </li> <li><a><i class="fa fa-windows"></i> Extras <span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li><a href="page_403.html">403 Error</a></li> <li><a href="page_404.html">404 Error</a></li> <li><a href="page_500.html">500 Error</a></li> <li><a href="plain_page.html">Plain Page</a></li> <li><a href="login.html">Login Page</a></li> <li><a href="pricing_tables.html">Pricing Tables</a></li> </ul> </li> <li><a><i class="fa fa-sitemap"></i> Multilevel Menu <span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li><a href="#level1_1">Level One</a> <li><a>Level One<span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li class="sub_menu"><a href="level2.html">Level Two</a> </li> <li><a href="#level2_1">Level Two</a> </li> <li><a href="#level2_2">Level Two</a> </li> </ul> </li> <li><a href="#level1_2">Level One</a> </li> </ul> </li> <li><a href="javascript:void(0)"><i class="fa fa-laptop"></i> Landing Page <span class="label label-success pull-right">Coming Soon</span></a></li> </ul> </div> </div>   <div class="sidebar-footer hidden-small"> <a data-toggle="tooltip" data-placement="top" title="Settings"> <span class="glyphicon glyphicon-cog" aria-hidden="true"></span> </a> <a data-toggle="tooltip" data-placement="top" title="FullScreen"> <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span> </a> <a data-toggle="tooltip" data-placement="top" title="Lock"> <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span> </a> <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html"> <span class="glyphicon glyphicon-off" aria-hidden="true"></span> </a> </div>  </div> </div>  <div class="top_nav"> <div class="nav_menu"> <nav> <div class="nav toggle"> <a id="menu_toggle"><i class="fa fa-bars"></i></a> </div> <ul class="nav navbar-nav navbar-right"> <li class=""> <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <img src="images/img.jpg" alt="">John Doe <span class=" fa fa-angle-down"></span> </a> <ul class="dropdown-menu dropdown-usermenu pull-right"> <li><a href="javascript:;"> Profile</a></li> <li> <a href="javascript:;"> <span class="badge bg-red pull-right">50%</span> <span>Settings</span> </a> </li> <li><a href="javascript:;">Help</a></li> <li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a></li> </ul> </li> <li role="presentation" class="dropdown"> <a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false"> <i class="fa fa-envelope-o"></i> <span class="badge bg-green">6</span> </a> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu"> <li> <a> <span class="image"><img src="images/img.jpg" alt="Profile Image" /></span> <span> <span>John Smith</span> <span class="time">3 mins ago</span> </span> <span class="message"> Film festivals used to be do-or-die moments for movie makers. They were where... </span> </a> </li> <li> <a> <span class="image"><img src="images/img.jpg" alt="Profile Image" /></span> <span> <span>John Smith</span> <span class="time">3 mins ago</span> </span> <span class="message"> Film festivals used to be do-or-die moments for movie makers. They were where... </span> </a> </li> <li> <a> <span class="image"><img src="images/img.jpg" alt="Profile Image" /></span> <span> <span>John Smith</span> <span class="time">3 mins ago</span> </span> <span class="message"> Film festivals used to be do-or-die moments for movie makers. They were where... </span> </a> </li> <li> <a> <span class="image"><img src="images/img.jpg" alt="Profile Image" /></span> <span> <span>John Smith</span> <span class="time">3 mins ago</span> </span> <span class="message"> Film festivals used to be do-or-die moments for movie makers. They were where... </span> </a> </li> <li> <div class="text-center"> <a> <strong>See All Alerts</strong> <i class="fa fa-angle-right"></i> </a> </div> </li> </ul> </li> </ul> </nav> </div> </div>   <div class="right_col" role="main"> <div class=""> <div class="page-title"> <div class="title_left"> <h3>Font Awesome Icons</h3> </div> <div class="title_right"> <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search for..."> <span class="input-group-btn"> <button class="btn btn-default" type="button">Go!</button> </span> </div> </div> </div> </div> <div class="clearfix"></div> <div class="row"> <div class="col-md-12"> <div class="x_panel"> <div class="x_title"> <h2>Font Awesome Icons <small>different icon design elements</small></h2> <ul class="nav navbar-right panel_toolbox"> <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a> <ul class="dropdown-menu" role="menu"> <li><a href="#">Settings 1</a> </li> <li><a href="#">Settings 2</a> </li> </ul> </li> <li><a class="close-link"><i class="fa fa-close"></i></a> </li> </ul> <div class="clearfix"></div> </div> <div class="x_content"> <section id="web-application"> <h2 class="page-header">Web Application Icons</h2> <div class="row fontawesome-icon-list"> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/adjust"><i class="fa fa-adjust"></i> fa-adjust</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/anchor"><i class="fa fa-anchor"></i> fa-anchor</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/archive"><i class="fa fa-archive"></i> fa-archive</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/area-chart"><i class="fa fa-area-chart"></i> fa-area-chart</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/arrows"><i class="fa fa-arrows"></i> fa-arrows</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/arrows-h"><i class="fa fa-arrows-h"></i> fa-arrows-h</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/arrows-v"><i class="fa fa-arrows-v"></i> fa-arrows-v</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/asterisk"><i class="fa fa-asterisk"></i> fa-asterisk</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/at"><i class="fa fa-at"></i> fa-at</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/car"><i class="fa fa-automobile"></i> fa-automobile <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/ban"><i class="fa fa-ban"></i> fa-ban</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/university"><i class="fa fa-bank"></i> fa-bank <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/bar-chart"><i class="fa fa-bar-chart"></i> fa-bar-chart</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/bar-chart"><i class="fa fa-bar-chart-o"></i> fa-bar-chart-o <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/barcode"><i class="fa fa-barcode"></i> fa-barcode</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/bars"><i class="fa fa-bars"></i> fa-bars</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/beer"><i class="fa fa-beer"></i> fa-beer</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/bell"><i class="fa fa-bell"></i> fa-bell</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/bell-o"><i class="fa fa-bell-o"></i> fa-bell-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/bell-slash"><i class="fa fa-bell-slash"></i> fa-bell-slash</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/bell-slash-o"><i class="fa fa-bell-slash-o"></i> fa-bell-slash-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/bicycle"><i class="fa fa-bicycle"></i> fa-bicycle</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/binoculars"><i class="fa fa-binoculars"></i> fa-binoculars</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/birthday-cake"><i class="fa fa-birthday-cake"></i> fa-birthday-cake</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/bolt"><i class="fa fa-bolt"></i> fa-bolt</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/bomb"><i class="fa fa-bomb"></i> fa-bomb</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/book"><i class="fa fa-book"></i> fa-book</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/bookmark"><i class="fa fa-bookmark"></i> fa-bookmark</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/bookmark-o"><i class="fa fa-bookmark-o"></i> fa-bookmark-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/briefcase"><i class="fa fa-briefcase"></i> fa-briefcase</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/bug"><i class="fa fa-bug"></i> fa-bug</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/building"><i class="fa fa-building"></i> fa-building</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/building-o"><i class="fa fa-building-o"></i> fa-building-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/bullhorn"><i class="fa fa-bullhorn"></i> fa-bullhorn</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/bullseye"><i class="fa fa-bullseye"></i> fa-bullseye</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/bus"><i class="fa fa-bus"></i> fa-bus</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/taxi"><i class="fa fa-cab"></i> fa-cab <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/calculator"><i class="fa fa-calculator"></i> fa-calculator</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/calendar"><i class="fa fa-calendar"></i> fa-calendar</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/calendar-o"><i class="fa fa-calendar-o"></i> fa-calendar-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/camera"><i class="fa fa-camera"></i> fa-camera</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/camera-retro"><i class="fa fa-camera-retro"></i> fa-camera-retro</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/car"><i class="fa fa-car"></i> fa-car</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/caret-square-o-down"><i class="fa fa-caret-square-o-down"></i> fa-caret-square-o-down</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/caret-square-o-left"><i class="fa fa-caret-square-o-left"></i> fa-caret-square-o-left</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/caret-square-o-right"><i class="fa fa-caret-square-o-right"></i> fa-caret-square-o-right</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/caret-square-o-up"><i class="fa fa-caret-square-o-up"></i> fa-caret-square-o-up</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/cc"><i class="fa fa-cc"></i> fa-cc</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/certificate"><i class="fa fa-certificate"></i> fa-certificate</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/check"><i class="fa fa-check"></i> fa-check</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/check-circle"><i class="fa fa-check-circle"></i> fa-check-circle</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/check-circle-o"><i class="fa fa-check-circle-o"></i> fa-check-circle-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/check-square"><i class="fa fa-check-square"></i> fa-check-square</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/check-square-o"><i class="fa fa-check-square-o"></i> fa-check-square-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/child"><i class="fa fa-child"></i> fa-child</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/circle"><i class="fa fa-circle"></i> fa-circle</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/circle-o"><i class="fa fa-circle-o"></i> fa-circle-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/circle-o-notch"><i class="fa fa-circle-o-notch"></i> fa-circle-o-notch</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/circle-thin"><i class="fa fa-circle-thin"></i> fa-circle-thin</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/clock-o"><i class="fa fa-clock-o"></i> fa-clock-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/times"><i class="fa fa-close"></i> fa-close <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/cloud"><i class="fa fa-cloud"></i> fa-cloud</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/cloud-download"><i class="fa fa-cloud-download"></i> fa-cloud-download</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/cloud-upload"><i class="fa fa-cloud-upload"></i> fa-cloud-upload</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/code"><i class="fa fa-code"></i> fa-code</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/code-fork"><i class="fa fa-code-fork"></i> fa-code-fork</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/coffee"><i class="fa fa-coffee"></i> fa-coffee</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/cog"><i class="fa fa-cog"></i> fa-cog</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/cogs"><i class="fa fa-cogs"></i> fa-cogs</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/comment"><i class="fa fa-comment"></i> fa-comment</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/comment-o"><i class="fa fa-comment-o"></i> fa-comment-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/comments"><i class="fa fa-comments"></i> fa-comments</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/comments-o"><i class="fa fa-comments-o"></i> fa-comments-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/compass"><i class="fa fa-compass"></i> fa-compass</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/copyright"><i class="fa fa-copyright"></i> fa-copyright</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/credit-card"><i class="fa fa-credit-card"></i> fa-credit-card</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/crop"><i class="fa fa-crop"></i> fa-crop</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/crosshairs"><i class="fa fa-crosshairs"></i> fa-crosshairs</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/cube"><i class="fa fa-cube"></i> fa-cube</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/cubes"><i class="fa fa-cubes"></i> fa-cubes</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/cutlery"><i class="fa fa-cutlery"></i> fa-cutlery</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/tachometer"><i class="fa fa-dashboard"></i> fa-dashboard <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/database"><i class="fa fa-database"></i> fa-database</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/desktop"><i class="fa fa-desktop"></i> fa-desktop</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/dot-circle-o"><i class="fa fa-dot-circle-o"></i> fa-dot-circle-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/download"><i class="fa fa-download"></i> fa-download</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/pencil-square-o"><i class="fa fa-edit"></i> fa-edit <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/ellipsis-h"><i class="fa fa-ellipsis-h"></i> fa-ellipsis-h</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/ellipsis-v"><i class="fa fa-ellipsis-v"></i> fa-ellipsis-v</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/envelope"><i class="fa fa-envelope"></i> fa-envelope</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/envelope-o"><i class="fa fa-envelope-o"></i> fa-envelope-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/envelope-square"><i class="fa fa-envelope-square"></i> fa-envelope-square</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/eraser"><i class="fa fa-eraser"></i> fa-eraser</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/exchange"><i class="fa fa-exchange"></i> fa-exchange</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/exclamation"><i class="fa fa-exclamation"></i> fa-exclamation</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/exclamation-circle"><i class="fa fa-exclamation-circle"></i> fa-exclamation-circle</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/exclamation-triangle"><i class="fa fa-exclamation-triangle"></i> fa-exclamation-triangle</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/external-link"><i class="fa fa-external-link"></i> fa-external-link</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/external-link-square"><i class="fa fa-external-link-square"></i> fa-external-link-square</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/eye"><i class="fa fa-eye"></i> fa-eye</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/eye-slash"><i class="fa fa-eye-slash"></i> fa-eye-slash</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/eyedropper"><i class="fa fa-eyedropper"></i> fa-eyedropper</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/fax"><i class="fa fa-fax"></i> fa-fax</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/female"><i class="fa fa-female"></i> fa-female</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/fighter-jet"><i class="fa fa-fighter-jet"></i> fa-fighter-jet</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/file-archive-o"><i class="fa fa-file-archive-o"></i> fa-file-archive-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/file-audio-o"><i class="fa fa-file-audio-o"></i> fa-file-audio-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/file-code-o"><i class="fa fa-file-code-o"></i> fa-file-code-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/file-excel-o"><i class="fa fa-file-excel-o"></i> fa-file-excel-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/file-image-o"><i class="fa fa-file-image-o"></i> fa-file-image-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/file-video-o"><i class="fa fa-file-movie-o"></i> fa-file-movie-o <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/file-pdf-o"><i class="fa fa-file-pdf-o"></i> fa-file-pdf-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/file-image-o"><i class="fa fa-file-photo-o"></i> fa-file-photo-o <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/file-image-o"><i class="fa fa-file-picture-o"></i> fa-file-picture-o <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/file-powerpoint-o"><i class="fa fa-file-powerpoint-o"></i> fa-file-powerpoint-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/file-audio-o"><i class="fa fa-file-sound-o"></i> fa-file-sound-o <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/file-video-o"><i class="fa fa-file-video-o"></i> fa-file-video-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/file-word-o"><i class="fa fa-file-word-o"></i> fa-file-word-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/file-archive-o"><i class="fa fa-file-zip-o"></i> fa-file-zip-o <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/film"><i class="fa fa-film"></i> fa-film</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/filter"><i class="fa fa-filter"></i> fa-filter</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/fire"><i class="fa fa-fire"></i> fa-fire</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/fire-extinguisher"><i class="fa fa-fire-extinguisher"></i> fa-fire-extinguisher</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/flag"><i class="fa fa-flag"></i> fa-flag</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/flag-checkered"><i class="fa fa-flag-checkered"></i> fa-flag-checkered</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/flag-o"><i class="fa fa-flag-o"></i> fa-flag-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/bolt"><i class="fa fa-flash"></i> fa-flash <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/flask"><i class="fa fa-flask"></i> fa-flask</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/folder"><i class="fa fa-folder"></i> fa-folder</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/folder-o"><i class="fa fa-folder-o"></i> fa-folder-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/folder-open"><i class="fa fa-folder-open"></i> fa-folder-open</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/folder-open-o"><i class="fa fa-folder-open-o"></i> fa-folder-open-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/frown-o"><i class="fa fa-frown-o"></i> fa-frown-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/futbol-o"><i class="fa fa-futbol-o"></i> fa-futbol-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/gamepad"><i class="fa fa-gamepad"></i> fa-gamepad</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/gavel"><i class="fa fa-gavel"></i> fa-gavel</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/cog"><i class="fa fa-gear"></i> fa-gear <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/cogs"><i class="fa fa-gears"></i> fa-gears <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/gift"><i class="fa fa-gift"></i> fa-gift</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/glass"><i class="fa fa-glass"></i> fa-glass</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/globe"><i class="fa fa-globe"></i> fa-globe</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/graduation-cap"><i class="fa fa-graduation-cap"></i> fa-graduation-cap</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/users"><i class="fa fa-group"></i> fa-group <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/hdd-o"><i class="fa fa-hdd-o"></i> fa-hdd-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/headphones"><i class="fa fa-headphones"></i> fa-headphones</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/heart"><i class="fa fa-heart"></i> fa-heart</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/heart-o"><i class="fa fa-heart-o"></i> fa-heart-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/history"><i class="fa fa-history"></i> fa-history</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/home"><i class="fa fa-home"></i> fa-home</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/picture-o"><i class="fa fa-image"></i> fa-image <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/inbox"><i class="fa fa-inbox"></i> fa-inbox</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/info"><i class="fa fa-info"></i> fa-info</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/info-circle"><i class="fa fa-info-circle"></i> fa-info-circle</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/university"><i class="fa fa-institution"></i> fa-institution <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/key"><i class="fa fa-key"></i> fa-key</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/keyboard-o"><i class="fa fa-keyboard-o"></i> fa-keyboard-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/language"><i class="fa fa-language"></i> fa-language</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/laptop"><i class="fa fa-laptop"></i> fa-laptop</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/leaf"><i class="fa fa-leaf"></i> fa-leaf</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/gavel"><i class="fa fa-legal"></i> fa-legal <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/lemon-o"><i class="fa fa-lemon-o"></i> fa-lemon-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/level-down"><i class="fa fa-level-down"></i> fa-level-down</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/level-up"><i class="fa fa-level-up"></i> fa-level-up</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/life-ring"><i class="fa fa-life-bouy"></i> fa-life-bouy <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/life-ring"><i class="fa fa-life-buoy"></i> fa-life-buoy <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/life-ring"><i class="fa fa-life-ring"></i> fa-life-ring</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/life-ring"><i class="fa fa-life-saver"></i> fa-life-saver <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/lightbulb-o"><i class="fa fa-lightbulb-o"></i> fa-lightbulb-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/line-chart"><i class="fa fa-line-chart"></i> fa-line-chart</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/location-arrow"><i class="fa fa-location-arrow"></i> fa-location-arrow</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/lock"><i class="fa fa-lock"></i> fa-lock</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/magic"><i class="fa fa-magic"></i> fa-magic</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/magnet"><i class="fa fa-magnet"></i> fa-magnet</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/share"><i class="fa fa-mail-forward"></i> fa-mail-forward <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/reply"><i class="fa fa-mail-reply"></i> fa-mail-reply <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/reply-all"><i class="fa fa-mail-reply-all"></i> fa-mail-reply-all <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/male"><i class="fa fa-male"></i> fa-male</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/map-marker"><i class="fa fa-map-marker"></i> fa-map-marker</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/meh-o"><i class="fa fa-meh-o"></i> fa-meh-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/microphone"><i class="fa fa-microphone"></i> fa-microphone</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/microphone-slash"><i class="fa fa-microphone-slash"></i> fa-microphone-slash</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/minus"><i class="fa fa-minus"></i> fa-minus</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/minus-circle"><i class="fa fa-minus-circle"></i> fa-minus-circle</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/minus-square"><i class="fa fa-minus-square"></i> fa-minus-square</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/minus-square-o"><i class="fa fa-minus-square-o"></i> fa-minus-square-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/mobile"><i class="fa fa-mobile"></i> fa-mobile</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/mobile"><i class="fa fa-mobile-phone"></i> fa-mobile-phone <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/money"><i class="fa fa-money"></i> fa-money</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/moon-o"><i class="fa fa-moon-o"></i> fa-moon-o</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/graduation-cap"><i class="fa fa-mortar-board"></i> fa-mortar-board <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/music"><i class="fa fa-music"></i> fa-music</a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/bars"><i class="fa fa-navicon"></i> fa-navicon <span class="text-muted">(alias)</span></a> </div> <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/newspaper-o"><i class="fa fa-newspaper-o"></i> fa-newspaper-o</a> </div>