gentelella-rtl

<!DOCTYPE html> <html lang="fa" dir="rtl"> <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"> <meta name="fontiran.com:license" content="Y68A9"> <link rel="icon" href="../build/images/favicon.ico" type="image/ico"/> <title>Gentelella Alela! | قالب مدیریت رایگان </title>  <link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="../vendors/bootstrap-rtl/dist/css/bootstrap-rtl.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="../vendors/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet">  <link href="../vendors/iCheck/skins/flat/green.css" rel="stylesheet">  <link href="../vendors/bootstrap-daterangepicker/daterangepicker.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 hidden-print"> <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="../build/images/img.jpg" alt="..." class="img-circle profile_img"> </div> <div class="profile_info"> <span>خوش آمدید,</span> <h2>مرتضی کریمی</h2> </div> </div>  <br/>  <div id="sidebar-menu" class="main_menu_side hidden-print main_menu"> <div class="menu_section"> <h3>عمومی</h3> <ul class="nav side-menu"> <li><a><i class="fa fa-home"></i> خانه <span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li><a href="index.html">داشبورد</a></li> <li><a href="index2.html">داشبورد ۲</a></li> <li><a href="index3.html">داشبورد ۳</a></li> </ul> </li> <li><a><i class="fa fa-edit"></i> فرم <span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li><a href="form.html">فرم عمومی</a></li> <li><a href="form_advanced.html">قطعات پیشرفته</a></li> <li><a href="form_validation.html">فرم اعتبار سنجی</a></li> <li><a href="form_wizards.html">فرم جادوگر</a></li> <li><a href="form_upload.html">فرم بارگذاری</a></li> <li><a href="form_buttons.html">فرم کلید ها</a></li> </ul> </li> <li><a><i class="fa fa-desktop"></i> عناصر ظاهری <span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li><a href="general_elements.html">عناصر عمومی</a></li> <li><a href="media_gallery.html">گالری چندرسانه ای</a></li> <li><a href="typography.html">تایپو گرافی</a></li> <li><a href="icons.html">آیکون ها</a></li> <li><a href="glyphicons.html">Glyphicons</a></li> <li><a href="widgets.html">ابزارک</a></li> <li><a href="invoice.html">صورت حساب</a></li> <li><a href="inbox.html">صندوق</a></li> <li><a href="calendar.html">تقویم</a></li> </ul> </li> <li><a><i class="fa fa-table"></i> جداول <span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li><a href="tables.html">جداول</a></li> <li><a href="tables_dynamic.html">جدول پویا</a></li> </ul> </li> <li><a><i class="fa fa-bar-chart-o"></i> ارائه داده <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">چارت های دیگر</a></li> </ul> </li> <li><a><i class="fa fa-clone"></i>طرح بندی <span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li><a href="fixed_sidebar.html">نوار کناری ثابت</a></li> <li><a href="fixed_footer.html">پاورقی ثابت</a></li> </ul> </li> </ul> </div> <div class="menu_section"> <h3>به صورت زنده</h3> <ul class="nav side-menu"> <li><a><i class="fa fa-bug"></i> صفحات اضافی <span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li><a href="e_commerce.html">تجارت الکترونیک</a></li> <li><a href="projects.html">پروژه ها</a></li> <li><a href="project_detail.html">جزئیات پروژه</a></li> <li><a href="contacts.html">اطلاعات تماس</a></li> <li><a href="profile.html">نمایه</a></li> </ul> </li> <li><a><i class="fa fa-windows"></i> افزودنیهای پیشنهاد شده <span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li><a href="page_403.html">403 ارور</a></li> <li><a href="page_404.html">404 ارور</a></li> <li><a href="page_500.html">500 ارور</a></li> <li><a href="plain_page.html">صفحه ساده</a></li> <li><a href="login.html">صفحه ورود</a></li> <li><a href="pricing_tables.html">جداول قیمت</a></li> </ul> </li> <li><a><i class="fa fa-sitemap"></i> منو چند سطحی <span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li><a href="#level1_1">سطح یک</a> <li><a>سطح یک<span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li class="sub_menu"><a href="level2.html">سطح دو</a> </li> <li><a href="#level2_1">سطح دو</a> </li> <li><a href="#level2_2">سطح دو</a> </li> </ul> </li> <li><a href="#level1_2">سطح یک</a> </li> </ul> </li> <li><a href="javascript:void(0)"><i class="fa fa-laptop"></i> صفحه مقصد <span class="label label-success pull-left">به زودی</span></a></li> </ul> </div> </div>   <div class="sidebar-footer hidden-small"> <a data-toggle="tooltip" data-placement="top" title="تنظیمات"> <span class="glyphicon glyphicon-cog" aria-hidden="true"></span> </a> <a data-toggle="tooltip" data-placement="top" title="تمام صفحه" onclick="toggleFullScreen();"> <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span> </a> <a data-toggle="tooltip" data-placement="top" title="قفل" class="lock_btn"> <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span> </a> <a data-toggle="tooltip" data-placement="top" title="خروج" href="login.html"> <span class="glyphicon glyphicon-off" aria-hidden="true"></span> </a> </div>  </div> </div>  <div class="top_nav hidden-print"> <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="../build/images/img.jpg" alt="">مرتضی کریمی <span class=" fa fa-angle-down"></span> </a> <ul class="dropdown-menu dropdown-usermenu pull-right"> <li><a href="javascript:;"> نمایه</a></li> <li> <a href="javascript:;"> <span class="badge bg-red pull-right">50%</span> <span>تنظیمات</span> </a> </li> <li><a href="javascript:;">کمک</a></li> <li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> خروج</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="../build/images/img.jpg" alt="Profile Image"/></span> <span> <span>مرتضی کریمی</span> <span class="time">3 دقیقه پیش</span> </span> <span class="message"> فیلمای فستیوال فیلمایی که اجرا شده یا راجع به لحظات مرده ایه که فیلمسازا میسازن. آنها جایی بودند که.... </span> </a> </li> <li> <a> <span class="image"><img src="../build/images/img.jpg" alt="Profile Image"/></span> <span> <span>مرتضی کریمی</span> <span class="time">3 دقیقه پیش</span> </span> <span class="message"> فیلمای فستیوال فیلمایی که اجرا شده یا راجع به لحظات مرده ایه که فیلمسازا میسازن. آنها جایی بودند که.... </span> </a> </li> <li> <a> <span class="image"><img src="../build/images/img.jpg" alt="Profile Image"/></span> <span> <span>مرتضی کریمی</span> <span class="time">3 دقیقه پیش</span> </span> <span class="message"> فیلمای فستیوال فیلمایی که اجرا شده یا راجع به لحظات مرده ایه که فیلمسازا میسازن. آنها جایی بودند که.... </span> </a> </li> <li> <a> <span class="image"><img src="../build/images/img.jpg" alt="Profile Image"/></span> <span> <span>مرتضی کریمی</span> <span class="time">3 دقیقه پیش</span> </span> <span class="message"> فیلمای فستیوال فیلمایی که اجرا شده یا راجع به لحظات مرده ایه که فیلمسازا میسازن. آنها جایی بودند که.... </span> </a> </li> <li> <div class="text-center"> <a> <strong>مشاهده تمام اعلان ها</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>آیکون‌های فونت‌آوسام</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="جست و جو برای..."> <span class="input-group-btn"> <button class="btn btn-default" type="button">برو!</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>آیکون‌های فونت‌آوسام <small>عناصر طراحی آیکون های مختلف</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="#">تنظیمات 1</a> </li> <li><a href="#">تنظیمات 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">آیکون‌های برنامه وب</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