worldwide open-source software

Инструменты пользователя

Инструменты сайта

Вы посетили:
software:development:web:docs:web:css:font_awesome_examples

Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

software:development:web:docs:web:css:font_awesome_examples [2024/03/08 14:16] – создано vladpolskiysoftware:development:web:docs:web:css:font_awesome_examples [2024/03/08 14:57] (текущий) – внешнее изменение 127.0.0.1
Строка 1: Строка 1:
-====== Все иконки Font Awesome ======+====== Примеры Font Awesome ======
 <html> <html>
-<!-- saved from url=(0034)https://fontawesome.ru/all-icons/# --> +<iframe height="6380" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/fontawesome/Font Awesome examples.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true"> 
-<html lang="ru" class="fas-events-icons-ready fas-events-typefaces-proxima-nova-ready fas-events-typefaces-proxima-nova-600-normal-ready fas-events-typefaces-proxima-nova-normal-normal-ready fas-events-typefaces-proxima-nova-300-normal-ready fas-events-typefaces-museo-slab-ready fas-events-typefaces-museo-slab-500-normal-ready fas-events-typefaces-proxima-nova-sc-ready fas-events-typefaces-proxima-nova-sc-300-normal-ready"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> +</iframe> 
-  <!-- Basic Page Needs +</html>
- ================================================== --> +
-   +
-  <meta name="viewport" content="width=device-width,initial-scale=1"> +
-  <meta name="description" content="Font Awesome - иконочный шрифт и CSS-инструментарий"> +
-  <meta name="author" content="Dave Gandy"> +
-  <meta http-equiv="X-UA-Compatible" content="IE=edge"> +
-  <meta name="yandex-verification" content="4fadb84c2785fec3"> +
-  <meta name="google-site-verification" content="aQ3jmD0fj6NRV3dFlT2zpf8oocHRXACMsrVaGb2dX34"> +
-  <link rel="shortcut icon" href="https://fontawesome.ru/assets/ico/favicon.ico">+
  
-  <title>Все иконки Font Awesome</title> +~~DISCUSSION:off~~
- +
-  <!-- CSS +
-  ================================================== --> +
-  <link rel="stylesheet" href="/demo/fontawesome/Font Awesome all icons_files/site.css"> +
-  <link rel="stylesheet" href="/demo/fontawesome/Font Awesome all icons_files/pygments.css"> +
-  <link rel="stylesheet" href="/demo/fontawesome/font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.css"> +
- +
-  <!--[if lt IE 9]> +
-    <script src="../assets/js/html5shiv.js"></script> +
-    <script src="../assets/js/respond.min.js"></script> +
-  <![endif]--> +
- +
-  <script async="" src="./Font Awesome all icons_files/analytics.js.Без названия"></script><script src="./Font Awesome all icons_files/ffe176a3.js.Без названия"></script><link rel="stylesheet" href="./Font Awesome all icons_files/woff2.css" media="all"> +
- +
-  <script> +
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ +
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), +
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) +
-  })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); +
- +
-  ga('create', 'UA-61806998-1', 'auto'); +
-  ga('send', 'pageview'); +
- +
-  </script> +
-</head> +
-<body class="font-awesome "> +
-  <div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer --> +
-     +
- +
- +
- +
- +
-     +
- +
- +
- +
- +
- +
- +
-  <div id="icons"> +
-    <section id="new"> +
-  <h2 class="page-header">41 новая иконка версии 4.7</h2> +
-   +
- +
-  <div class="row fontawesome-icon-list"> +
-     +
- +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/address-book"><i class="fa fa-address-book" aria-hidden="true"></i> <span class="sr-only">Пример </span>address-book</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/address-book-o"><i class="fa fa-address-book-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>address-book-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/address-card"><i class="fa fa-address-card" aria-hidden="true"></i> <span class="sr-only">Пример </span>address-card</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/address-card-o"><i class="fa fa-address-card-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>address-card-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bandcamp"><i class="fa fa-bandcamp" aria-hidden="true"></i> <span class="sr-only">Пример </span>bandcamp</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bath"><i class="fa fa-bath" aria-hidden="true"></i> <span class="sr-only">Пример </span>bath</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bath"><i class="fa fa-bathtub" aria-hidden="true"></i> <span class="sr-only">Пример </span>bathtub <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/id-card"><i class="fa fa-drivers-license" aria-hidden="true"></i> <span class="sr-only">Пример </span>drivers-license <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/id-card-o"><i class="fa fa-drivers-license-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>drivers-license-o <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/eercast"><i class="fa fa-eercast" aria-hidden="true"></i> <span class="sr-only">Пример </span>eercast</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/envelope-open"><i class="fa fa-envelope-open" aria-hidden="true"></i> <span class="sr-only">Пример </span>envelope-open</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/envelope-open-o"><i class="fa fa-envelope-open-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>envelope-open-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/etsy"><i class="fa fa-etsy" aria-hidden="true"></i> <span class="sr-only">Пример </span>etsy</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/free-code-camp"><i class="fa fa-free-code-camp" aria-hidden="true"></i> <span class="sr-only">Пример </span>free-code-camp</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/grav"><i class="fa fa-grav" aria-hidden="true"></i> <span class="sr-only">Пример </span>grav</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/handshake-o"><i class="fa fa-handshake-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>handshake-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/id-badge"><i class="fa fa-id-badge" aria-hidden="true"></i> <span class="sr-only">Пример </span>id-badge</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/id-card"><i class="fa fa-id-card" aria-hidden="true"></i> <span class="sr-only">Пример </span>id-card</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/id-card-o"><i class="fa fa-id-card-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>id-card-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/imdb"><i class="fa fa-imdb" aria-hidden="true"></i> <span class="sr-only">Пример </span>imdb</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/linode"><i class="fa fa-linode" aria-hidden="true"></i> <span class="sr-only">Пример </span>linode</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/meetup"><i class="fa fa-meetup" aria-hidden="true"></i> <span class="sr-only">Пример </span>meetup</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/microchip"><i class="fa fa-microchip" aria-hidden="true"></i> <span class="sr-only">Пример </span>microchip</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/podcast"><i class="fa fa-podcast" aria-hidden="true"></i> <span class="sr-only">Пример </span>podcast</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/quora"><i class="fa fa-quora" aria-hidden="true"></i> <span class="sr-only">Пример </span>quora</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/ravelry"><i class="fa fa-ravelry" aria-hidden="true"></i> <span class="sr-only">Пример </span>ravelry</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bath"><i class="fa fa-s15" aria-hidden="true"></i> <span class="sr-only">Пример </span>s15 <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/shower"><i class="fa fa-shower" aria-hidden="true"></i> <span class="sr-only">Пример </span>shower</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/snowflake-o"><i class="fa fa-snowflake-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>snowflake-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/superpowers"><i class="fa fa-superpowers" aria-hidden="true"></i> <span class="sr-only">Пример </span>superpowers</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/telegram"><i class="fa fa-telegram" aria-hidden="true"></i> <span class="sr-only">Пример </span>telegram</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thermometer-full"><i class="fa fa-thermometer" aria-hidden="true"></i> <span class="sr-only">Пример </span>thermometer <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thermometer-empty"><i class="fa fa-thermometer-0" aria-hidden="true"></i> <span class="sr-only">Пример </span>thermometer-0 <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thermometer-quarter"><i class="fa fa-thermometer-1" aria-hidden="true"></i> <span class="sr-only">Пример </span>thermometer-1 <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thermometer-half"><i class="fa fa-thermometer-2" aria-hidden="true"></i> <span class="sr-only">Пример </span>thermometer-2 <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thermometer-three-quarters"><i class="fa fa-thermometer-3" aria-hidden="true"></i> <span class="sr-only">Пример </span>thermometer-3 <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thermometer-full"><i class="fa fa-thermometer-4" aria-hidden="true"></i> <span class="sr-only">Пример </span>thermometer-4 <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thermometer-empty"><i class="fa fa-thermometer-empty" aria-hidden="true"></i> <span class="sr-only">Пример </span>thermometer-empty</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thermometer-full"><i class="fa fa-thermometer-full" aria-hidden="true"></i> <span class="sr-only">Пример </span>thermometer-full</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thermometer-half"><i class="fa fa-thermometer-half" aria-hidden="true"></i> <span class="sr-only">Пример </span>thermometer-half</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thermometer-quarter"><i class="fa fa-thermometer-quarter" aria-hidden="true"></i> <span class="sr-only">Пример </span>thermometer-quarter</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thermometer-three-quarters"><i class="fa fa-thermometer-three-quarters" aria-hidden="true"></i> <span class="sr-only">Пример </span>thermometer-three-quarters</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/window-close"><i class="fa fa-times-rectangle" aria-hidden="true"></i> <span class="sr-only">Пример </span>times-rectangle <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/window-close-o"><i class="fa fa-times-rectangle-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>times-rectangle-o <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/user-circle"><i class="fa fa-user-circle" aria-hidden="true"></i> <span class="sr-only">Пример </span>user-circle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/user-circle-o"><i class="fa fa-user-circle-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>user-circle-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/user-o"><i class="fa fa-user-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>user-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/address-card"><i class="fa fa-vcard" aria-hidden="true"></i> <span class="sr-only">Пример </span>vcard <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/address-card-o"><i class="fa fa-vcard-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>vcard-o <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/window-close"><i class="fa fa-window-close" aria-hidden="true"></i> <span class="sr-only">Пример </span>window-close</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/window-close-o"><i class="fa fa-window-close-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>window-close-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/window-maximize"><i class="fa fa-window-maximize" aria-hidden="true"></i> <span class="sr-only">Пример </span>window-maximize</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/window-minimize"><i class="fa fa-window-minimize" aria-hidden="true"></i> <span class="sr-only">Пример </span>window-minimize</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/window-restore"><i class="fa fa-window-restore" aria-hidden="true"></i> <span class="sr-only">Пример </span>window-restore</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/wpexplorer"><i class="fa fa-wpexplorer" aria-hidden="true"></i> <span class="sr-only">Пример </span>wpexplorer</a></div> +
-     +
-  </div> +
- +
-</section> +
- +
-    <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"><a href="https://fontawesome.ru/icon/address-book"><i class="fa fa-address-book" aria-hidden="true"></i> <span class="sr-only">Пример </span>address-book</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/address-book-o"><i class="fa fa-address-book-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>address-book-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/address-card"><i class="fa fa-address-card" aria-hidden="true"></i> <span class="sr-only">Пример </span>address-card</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/address-card-o"><i class="fa fa-address-card-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>address-card-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/adjust"><i class="fa fa-adjust" aria-hidden="true"></i> <span class="sr-only">Пример </span>adjust</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/american-sign-language-interpreting"><i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i> <span class="sr-only">Пример </span>american-sign-language-interpreting</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/anchor"><i class="fa fa-anchor" aria-hidden="true"></i> <span class="sr-only">Пример </span>anchor</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/archive"><i class="fa fa-archive" aria-hidden="true"></i> <span class="sr-only">Пример </span>archive</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/area-chart"><i class="fa fa-area-chart" aria-hidden="true"></i> <span class="sr-only">Пример </span>area-chart</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/arrows"><i class="fa fa-arrows" aria-hidden="true"></i> <span class="sr-only">Пример </span>arrows</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/arrows-h"><i class="fa fa-arrows-h" aria-hidden="true"></i> <span class="sr-only">Пример </span>arrows-h</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/arrows-v"><i class="fa fa-arrows-v" aria-hidden="true"></i> <span class="sr-only">Пример </span>arrows-v</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/american-sign-language-interpreting"><i class="fa fa-asl-interpreting" aria-hidden="true"></i> <span class="sr-only">Пример </span>asl-interpreting <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/assistive-listening-systems"><i class="fa fa-assistive-listening-systems" aria-hidden="true"></i> <span class="sr-only">Пример </span>assistive-listening-systems</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/asterisk"><i class="fa fa-asterisk" aria-hidden="true"></i> <span class="sr-only">Пример </span>asterisk</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/at"><i class="fa fa-at" aria-hidden="true"></i> <span class="sr-only">Пример </span>at</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/audio-description"><i class="fa fa-audio-description" aria-hidden="true"></i> <span class="sr-only">Пример </span>audio-description</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/car"><i class="fa fa-automobile" aria-hidden="true"></i> <span class="sr-only">Пример </span>automobile <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/balance-scale"><i class="fa fa-balance-scale" aria-hidden="true"></i> <span class="sr-only">Пример </span>balance-scale</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/ban"><i class="fa fa-ban" aria-hidden="true"></i> <span class="sr-only">Пример </span>ban</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/university"><i class="fa fa-bank" aria-hidden="true"></i> <span class="sr-only">Пример </span>bank <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bar-chart"><i class="fa fa-bar-chart" aria-hidden="true"></i> <span class="sr-only">Пример </span>bar-chart</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bar-chart"><i class="fa fa-bar-chart-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>bar-chart-o <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/barcode"><i class="fa fa-barcode" aria-hidden="true"></i> <span class="sr-only">Пример </span>barcode</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bars"><i class="fa fa-bars" aria-hidden="true"></i> <span class="sr-only">Пример </span>bars</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bath"><i class="fa fa-bath" aria-hidden="true"></i> <span class="sr-only">Пример </span>bath</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bath"><i class="fa fa-bathtub" aria-hidden="true"></i> <span class="sr-only">Пример </span>bathtub <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/battery-full"><i class="fa fa-battery" aria-hidden="true"></i> <span class="sr-only">Пример </span>battery <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/battery-empty"><i class="fa fa-battery-0" aria-hidden="true"></i> <span class="sr-only">Пример </span>battery-0 <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/battery-quarter"><i class="fa fa-battery-1" aria-hidden="true"></i> <span class="sr-only">Пример </span>battery-1 <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/battery-half"><i class="fa fa-battery-2" aria-hidden="true"></i> <span class="sr-only">Пример </span>battery-2 <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/battery-three-quarters"><i class="fa fa-battery-3" aria-hidden="true"></i> <span class="sr-only">Пример </span>battery-3 <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/battery-full"><i class="fa fa-battery-4" aria-hidden="true"></i> <span class="sr-only">Пример </span>battery-4 <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/battery-empty"><i class="fa fa-battery-empty" aria-hidden="true"></i> <span class="sr-only">Пример </span>battery-empty</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/battery-full"><i class="fa fa-battery-full" aria-hidden="true"></i> <span class="sr-only">Пример </span>battery-full</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/battery-half"><i class="fa fa-battery-half" aria-hidden="true"></i> <span class="sr-only">Пример </span>battery-half</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/battery-quarter"><i class="fa fa-battery-quarter" aria-hidden="true"></i> <span class="sr-only">Пример </span>battery-quarter</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/battery-three-quarters"><i class="fa fa-battery-three-quarters" aria-hidden="true"></i> <span class="sr-only">Пример </span>battery-three-quarters</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bed"><i class="fa fa-bed" aria-hidden="true"></i> <span class="sr-only">Пример </span>bed</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/beer"><i class="fa fa-beer" aria-hidden="true"></i> <span class="sr-only">Пример </span>beer</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bell"><i class="fa fa-bell" aria-hidden="true"></i> <span class="sr-only">Пример </span>bell</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bell-o"><i class="fa fa-bell-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>bell-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bell-slash"><i class="fa fa-bell-slash" aria-hidden="true"></i> <span class="sr-only">Пример </span>bell-slash</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bell-slash-o"><i class="fa fa-bell-slash-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>bell-slash-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bicycle"><i class="fa fa-bicycle" aria-hidden="true"></i> <span class="sr-only">Пример </span>bicycle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/binoculars"><i class="fa fa-binoculars" aria-hidden="true"></i> <span class="sr-only">Пример </span>binoculars</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/birthday-cake"><i class="fa fa-birthday-cake" aria-hidden="true"></i> <span class="sr-only">Пример </span>birthday-cake</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/blind"><i class="fa fa-blind" aria-hidden="true"></i> <span class="sr-only">Пример </span>blind</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bluetooth"><i class="fa fa-bluetooth" aria-hidden="true"></i> <span class="sr-only">Пример </span>bluetooth</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bluetooth-b"><i class="fa fa-bluetooth-b" aria-hidden="true"></i> <span class="sr-only">Пример </span>bluetooth-b</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bolt"><i class="fa fa-bolt" aria-hidden="true"></i> <span class="sr-only">Пример </span>bolt</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bomb"><i class="fa fa-bomb" aria-hidden="true"></i> <span class="sr-only">Пример </span>bomb</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/book"><i class="fa fa-book" aria-hidden="true"></i> <span class="sr-only">Пример </span>book</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bookmark"><i class="fa fa-bookmark" aria-hidden="true"></i> <span class="sr-only">Пример </span>bookmark</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bookmark-o"><i class="fa fa-bookmark-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>bookmark-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/braille"><i class="fa fa-braille" aria-hidden="true"></i> <span class="sr-only">Пример </span>braille</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/briefcase"><i class="fa fa-briefcase" aria-hidden="true"></i> <span class="sr-only">Пример </span>briefcase</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bug"><i class="fa fa-bug" aria-hidden="true"></i> <span class="sr-only">Пример </span>bug</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/building"><i class="fa fa-building" aria-hidden="true"></i> <span class="sr-only">Пример </span>building</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/building-o"><i class="fa fa-building-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>building-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bullhorn"><i class="fa fa-bullhorn" aria-hidden="true"></i> <span class="sr-only">Пример </span>bullhorn</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bullseye"><i class="fa fa-bullseye" aria-hidden="true"></i> <span class="sr-only">Пример </span>bullseye</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bus"><i class="fa fa-bus" aria-hidden="true"></i> <span class="sr-only">Пример </span>bus</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/taxi"><i class="fa fa-cab" aria-hidden="true"></i> <span class="sr-only">Пример </span>cab <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/calculator"><i class="fa fa-calculator" aria-hidden="true"></i> <span class="sr-only">Пример </span>calculator</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/calendar"><i class="fa fa-calendar" aria-hidden="true"></i> <span class="sr-only">Пример </span>calendar</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/calendar-check-o"><i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>calendar-check-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/calendar-minus-o"><i class="fa fa-calendar-minus-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>calendar-minus-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/calendar-o"><i class="fa fa-calendar-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>calendar-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/calendar-plus-o"><i class="fa fa-calendar-plus-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>calendar-plus-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/calendar-times-o"><i class="fa fa-calendar-times-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>calendar-times-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/camera"><i class="fa fa-camera" aria-hidden="true"></i> <span class="sr-only">Пример </span>camera</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/camera-retro"><i class="fa fa-camera-retro" aria-hidden="true"></i> <span class="sr-only">Пример </span>camera-retro</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/car"><i class="fa fa-car" aria-hidden="true"></i> <span class="sr-only">Пример </span>car</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/caret-square-o-down"><i class="fa fa-caret-square-o-down" aria-hidden="true"></i> <span class="sr-only">Пример </span>caret-square-o-down</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/caret-square-o-left"><i class="fa fa-caret-square-o-left" aria-hidden="true"></i> <span class="sr-only">Пример </span>caret-square-o-left</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/caret-square-o-right"><i class="fa fa-caret-square-o-right" aria-hidden="true"></i> <span class="sr-only">Пример </span>caret-square-o-right</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/caret-square-o-up"><i class="fa fa-caret-square-o-up" aria-hidden="true"></i> <span class="sr-only">Пример </span>caret-square-o-up</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cart-arrow-down"><i class="fa fa-cart-arrow-down" aria-hidden="true"></i> <span class="sr-only">Пример </span>cart-arrow-down</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cart-plus"><i class="fa fa-cart-plus" aria-hidden="true"></i> <span class="sr-only">Пример </span>cart-plus</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cc"><i class="fa fa-cc" aria-hidden="true"></i> <span class="sr-only">Пример </span>cc</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/certificate"><i class="fa fa-certificate" aria-hidden="true"></i> <span class="sr-only">Пример </span>certificate</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/check"><i class="fa fa-check" aria-hidden="true"></i> <span class="sr-only">Пример </span>check</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/check-circle"><i class="fa fa-check-circle" aria-hidden="true"></i> <span class="sr-only">Пример </span>check-circle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/check-circle-o"><i class="fa fa-check-circle-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>check-circle-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/check-square"><i class="fa fa-check-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>check-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/check-square-o"><i class="fa fa-check-square-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>check-square-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/child"><i class="fa fa-child" aria-hidden="true"></i> <span class="sr-only">Пример </span>child</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/circle"><i class="fa fa-circle" aria-hidden="true"></i> <span class="sr-only">Пример </span>circle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/circle-o"><i class="fa fa-circle-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>circle-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/circle-o-notch"><i class="fa fa-circle-o-notch" aria-hidden="true"></i> <span class="sr-only">Пример </span>circle-o-notch</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/circle-thin"><i class="fa fa-circle-thin" aria-hidden="true"></i> <span class="sr-only">Пример </span>circle-thin</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/clock-o"><i class="fa fa-clock-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>clock-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/clone"><i class="fa fa-clone" aria-hidden="true"></i> <span class="sr-only">Пример </span>clone</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/times"><i class="fa fa-close" aria-hidden="true"></i> <span class="sr-only">Пример </span>close <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cloud"><i class="fa fa-cloud" aria-hidden="true"></i> <span class="sr-only">Пример </span>cloud</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cloud-download"><i class="fa fa-cloud-download" aria-hidden="true"></i> <span class="sr-only">Пример </span>cloud-download</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cloud-upload"><i class="fa fa-cloud-upload" aria-hidden="true"></i> <span class="sr-only">Пример </span>cloud-upload</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/code"><i class="fa fa-code" aria-hidden="true"></i> <span class="sr-only">Пример </span>code</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/code-fork"><i class="fa fa-code-fork" aria-hidden="true"></i> <span class="sr-only">Пример </span>code-fork</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/coffee"><i class="fa fa-coffee" aria-hidden="true"></i> <span class="sr-only">Пример </span>coffee</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cog"><i class="fa fa-cog" aria-hidden="true"></i> <span class="sr-only">Пример </span>cog</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cogs"><i class="fa fa-cogs" aria-hidden="true"></i> <span class="sr-only">Пример </span>cogs</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/comment"><i class="fa fa-comment" aria-hidden="true"></i> <span class="sr-only">Пример </span>comment</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/comment-o"><i class="fa fa-comment-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>comment-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/commenting"><i class="fa fa-commenting" aria-hidden="true"></i> <span class="sr-only">Пример </span>commenting</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/commenting-o"><i class="fa fa-commenting-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>commenting-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/comments"><i class="fa fa-comments" aria-hidden="true"></i> <span class="sr-only">Пример </span>comments</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/comments-o"><i class="fa fa-comments-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>comments-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/compass"><i class="fa fa-compass" aria-hidden="true"></i> <span class="sr-only">Пример </span>compass</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/copyright"><i class="fa fa-copyright" aria-hidden="true"></i> <span class="sr-only">Пример </span>copyright</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/creative-commons"><i class="fa fa-creative-commons" aria-hidden="true"></i> <span class="sr-only">Пример </span>creative-commons</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/credit-card"><i class="fa fa-credit-card" aria-hidden="true"></i> <span class="sr-only">Пример </span>credit-card</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/credit-card-alt"><i class="fa fa-credit-card-alt" aria-hidden="true"></i> <span class="sr-only">Пример </span>credit-card-alt</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/crop"><i class="fa fa-crop" aria-hidden="true"></i> <span class="sr-only">Пример </span>crop</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/crosshairs"><i class="fa fa-crosshairs" aria-hidden="true"></i> <span class="sr-only">Пример </span>crosshairs</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cube"><i class="fa fa-cube" aria-hidden="true"></i> <span class="sr-only">Пример </span>cube</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cubes"><i class="fa fa-cubes" aria-hidden="true"></i> <span class="sr-only">Пример </span>cubes</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cutlery"><i class="fa fa-cutlery" aria-hidden="true"></i> <span class="sr-only">Пример </span>cutlery</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/tachometer"><i class="fa fa-dashboard" aria-hidden="true"></i> <span class="sr-only">Пример </span>dashboard <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/database"><i class="fa fa-database" aria-hidden="true"></i> <span class="sr-only">Пример </span>database</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/deaf"><i class="fa fa-deaf" aria-hidden="true"></i> <span class="sr-only">Пример </span>deaf</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/deaf"><i class="fa fa-deafness" aria-hidden="true"></i> <span class="sr-only">Пример </span>deafness <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/desktop"><i class="fa fa-desktop" aria-hidden="true"></i> <span class="sr-only">Пример </span>desktop</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/diamond"><i class="fa fa-diamond" aria-hidden="true"></i> <span class="sr-only">Пример </span>diamond</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/dot-circle-o"><i class="fa fa-dot-circle-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>dot-circle-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/download"><i class="fa fa-download" aria-hidden="true"></i> <span class="sr-only">Пример </span>download</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/id-card"><i class="fa fa-drivers-license" aria-hidden="true"></i> <span class="sr-only">Пример </span>drivers-license <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/id-card-o"><i class="fa fa-drivers-license-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>drivers-license-o <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/pencil-square-o"><i class="fa fa-edit" aria-hidden="true"></i> <span class="sr-only">Пример </span>edit <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/ellipsis-h"><i class="fa fa-ellipsis-h" aria-hidden="true"></i> <span class="sr-only">Пример </span>ellipsis-h</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/ellipsis-v"><i class="fa fa-ellipsis-v" aria-hidden="true"></i> <span class="sr-only">Пример </span>ellipsis-v</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/envelope"><i class="fa fa-envelope" aria-hidden="true"></i> <span class="sr-only">Пример </span>envelope</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/envelope-o"><i class="fa fa-envelope-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>envelope-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/envelope-open"><i class="fa fa-envelope-open" aria-hidden="true"></i> <span class="sr-only">Пример </span>envelope-open</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/envelope-open-o"><i class="fa fa-envelope-open-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>envelope-open-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/envelope-square"><i class="fa fa-envelope-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>envelope-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/eraser"><i class="fa fa-eraser" aria-hidden="true"></i> <span class="sr-only">Пример </span>eraser</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/exchange"><i class="fa fa-exchange" aria-hidden="true"></i> <span class="sr-only">Пример </span>exchange</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/exclamation"><i class="fa fa-exclamation" aria-hidden="true"></i> <span class="sr-only">Пример </span>exclamation</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/exclamation-circle"><i class="fa fa-exclamation-circle" aria-hidden="true"></i> <span class="sr-only">Пример </span>exclamation-circle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/exclamation-triangle"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> <span class="sr-only">Пример </span>exclamation-triangle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/external-link"><i class="fa fa-external-link" aria-hidden="true"></i> <span class="sr-only">Пример </span>external-link</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/external-link-square"><i class="fa fa-external-link-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>external-link-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/eye"><i class="fa fa-eye" aria-hidden="true"></i> <span class="sr-only">Пример </span>eye</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/eye-slash"><i class="fa fa-eye-slash" aria-hidden="true"></i> <span class="sr-only">Пример </span>eye-slash</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/eyedropper"><i class="fa fa-eyedropper" aria-hidden="true"></i> <span class="sr-only">Пример </span>eyedropper</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/fax"><i class="fa fa-fax" aria-hidden="true"></i> <span class="sr-only">Пример </span>fax</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/rss"><i class="fa fa-feed" aria-hidden="true"></i> <span class="sr-only">Пример </span>feed <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/female"><i class="fa fa-female" aria-hidden="true"></i> <span class="sr-only">Пример </span>female</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/fighter-jet"><i class="fa fa-fighter-jet" aria-hidden="true"></i> <span class="sr-only">Пример </span>fighter-jet</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-archive-o"><i class="fa fa-file-archive-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-archive-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-audio-o"><i class="fa fa-file-audio-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-audio-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-code-o"><i class="fa fa-file-code-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-code-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-excel-o"><i class="fa fa-file-excel-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-excel-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-image-o"><i class="fa fa-file-image-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-image-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-video-o"><i class="fa fa-file-movie-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-movie-o <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-pdf-o"><i class="fa fa-file-pdf-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-pdf-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-image-o"><i class="fa fa-file-photo-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-photo-o <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-image-o"><i class="fa fa-file-picture-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-picture-o <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-powerpoint-o"><i class="fa fa-file-powerpoint-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-powerpoint-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-audio-o"><i class="fa fa-file-sound-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-sound-o <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-video-o"><i class="fa fa-file-video-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-video-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-word-o"><i class="fa fa-file-word-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-word-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-archive-o"><i class="fa fa-file-zip-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-zip-o <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/film"><i class="fa fa-film" aria-hidden="true"></i> <span class="sr-only">Пример </span>film</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/filter"><i class="fa fa-filter" aria-hidden="true"></i> <span class="sr-only">Пример </span>filter</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/fire"><i class="fa fa-fire" aria-hidden="true"></i> <span class="sr-only">Пример </span>fire</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/fire-extinguisher"><i class="fa fa-fire-extinguisher" aria-hidden="true"></i> <span class="sr-only">Пример </span>fire-extinguisher</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/flag"><i class="fa fa-flag" aria-hidden="true"></i> <span class="sr-only">Пример </span>flag</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/flag-checkered"><i class="fa fa-flag-checkered" aria-hidden="true"></i> <span class="sr-only">Пример </span>flag-checkered</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/flag-o"><i class="fa fa-flag-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>flag-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bolt"><i class="fa fa-flash" aria-hidden="true"></i> <span class="sr-only">Пример </span>flash <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/flask"><i class="fa fa-flask" aria-hidden="true"></i> <span class="sr-only">Пример </span>flask</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/folder"><i class="fa fa-folder" aria-hidden="true"></i> <span class="sr-only">Пример </span>folder</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/folder-o"><i class="fa fa-folder-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>folder-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/folder-open"><i class="fa fa-folder-open" aria-hidden="true"></i> <span class="sr-only">Пример </span>folder-open</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/folder-open-o"><i class="fa fa-folder-open-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>folder-open-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/frown-o"><i class="fa fa-frown-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>frown-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/futbol-o"><i class="fa fa-futbol-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>futbol-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/gamepad"><i class="fa fa-gamepad" aria-hidden="true"></i> <span class="sr-only">Пример </span>gamepad</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/gavel"><i class="fa fa-gavel" aria-hidden="true"></i> <span class="sr-only">Пример </span>gavel</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cog"><i class="fa fa-gear" aria-hidden="true"></i> <span class="sr-only">Пример </span>gear <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cogs"><i class="fa fa-gears" aria-hidden="true"></i> <span class="sr-only">Пример </span>gears <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/gift"><i class="fa fa-gift" aria-hidden="true"></i> <span class="sr-only">Пример </span>gift</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/glass"><i class="fa fa-glass" aria-hidden="true"></i> <span class="sr-only">Пример </span>glass</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/globe"><i class="fa fa-globe" aria-hidden="true"></i> <span class="sr-only">Пример </span>globe</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/graduation-cap"><i class="fa fa-graduation-cap" aria-hidden="true"></i> <span class="sr-only">Пример </span>graduation-cap</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/users"><i class="fa fa-group" aria-hidden="true"></i> <span class="sr-only">Пример </span>group <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hand-rock-o"><i class="fa fa-hand-grab-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>hand-grab-o <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hand-lizard-o"><i class="fa fa-hand-lizard-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>hand-lizard-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hand-paper-o"><i class="fa fa-hand-paper-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>hand-paper-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hand-peace-o"><i class="fa fa-hand-peace-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>hand-peace-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hand-pointer-o"><i class="fa fa-hand-pointer-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>hand-pointer-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hand-rock-o"><i class="fa fa-hand-rock-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>hand-rock-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hand-scissors-o"><i class="fa fa-hand-scissors-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>hand-scissors-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hand-spock-o"><i class="fa fa-hand-spock-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>hand-spock-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hand-paper-o"><i class="fa fa-hand-stop-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>hand-stop-o <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/handshake-o"><i class="fa fa-handshake-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>handshake-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/deaf"><i class="fa fa-hard-of-hearing" aria-hidden="true"></i> <span class="sr-only">Пример </span>hard-of-hearing <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hashtag"><i class="fa fa-hashtag" aria-hidden="true"></i> <span class="sr-only">Пример </span>hashtag</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hdd-o"><i class="fa fa-hdd-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>hdd-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/headphones"><i class="fa fa-headphones" aria-hidden="true"></i> <span class="sr-only">Пример </span>headphones</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/heart"><i class="fa fa-heart" aria-hidden="true"></i> <span class="sr-only">Пример </span>heart</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/heart-o"><i class="fa fa-heart-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>heart-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/heartbeat"><i class="fa fa-heartbeat" aria-hidden="true"></i> <span class="sr-only">Пример </span>heartbeat</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/history"><i class="fa fa-history" aria-hidden="true"></i> <span class="sr-only">Пример </span>history</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/home"><i class="fa fa-home" aria-hidden="true"></i> <span class="sr-only">Пример </span>home</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bed"><i class="fa fa-hotel" aria-hidden="true"></i> <span class="sr-only">Пример </span>hotel <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hourglass"><i class="fa fa-hourglass" aria-hidden="true"></i> <span class="sr-only">Пример </span>hourglass</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hourglass-start"><i class="fa fa-hourglass-1" aria-hidden="true"></i> <span class="sr-only">Пример </span>hourglass-1 <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hourglass-half"><i class="fa fa-hourglass-2" aria-hidden="true"></i> <span class="sr-only">Пример </span>hourglass-2 <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hourglass-end"><i class="fa fa-hourglass-3" aria-hidden="true"></i> <span class="sr-only">Пример </span>hourglass-3 <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hourglass-end"><i class="fa fa-hourglass-end" aria-hidden="true"></i> <span class="sr-only">Пример </span>hourglass-end</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hourglass-half"><i class="fa fa-hourglass-half" aria-hidden="true"></i> <span class="sr-only">Пример </span>hourglass-half</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hourglass-o"><i class="fa fa-hourglass-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>hourglass-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hourglass-start"><i class="fa fa-hourglass-start" aria-hidden="true"></i> <span class="sr-only">Пример </span>hourglass-start</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/i-cursor"><i class="fa fa-i-cursor" aria-hidden="true"></i> <span class="sr-only">Пример </span>i-cursor</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/id-badge"><i class="fa fa-id-badge" aria-hidden="true"></i> <span class="sr-only">Пример </span>id-badge</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/id-card"><i class="fa fa-id-card" aria-hidden="true"></i> <span class="sr-only">Пример </span>id-card</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/id-card-o"><i class="fa fa-id-card-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>id-card-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/picture-o"><i class="fa fa-image" aria-hidden="true"></i> <span class="sr-only">Пример </span>image <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/inbox"><i class="fa fa-inbox" aria-hidden="true"></i> <span class="sr-only">Пример </span>inbox</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/industry"><i class="fa fa-industry" aria-hidden="true"></i> <span class="sr-only">Пример </span>industry</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/info"><i class="fa fa-info" aria-hidden="true"></i> <span class="sr-only">Пример </span>info</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/info-circle"><i class="fa fa-info-circle" aria-hidden="true"></i> <span class="sr-only">Пример </span>info-circle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/university"><i class="fa fa-institution" aria-hidden="true"></i> <span class="sr-only">Пример </span>institution <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/key"><i class="fa fa-key" aria-hidden="true"></i> <span class="sr-only">Пример </span>key</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/keyboard-o"><i class="fa fa-keyboard-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>keyboard-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/language"><i class="fa fa-language" aria-hidden="true"></i> <span class="sr-only">Пример </span>language</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/laptop"><i class="fa fa-laptop" aria-hidden="true"></i> <span class="sr-only">Пример </span>laptop</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/leaf"><i class="fa fa-leaf" aria-hidden="true"></i> <span class="sr-only">Пример </span>leaf</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/gavel"><i class="fa fa-legal" aria-hidden="true"></i> <span class="sr-only">Пример </span>legal <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/lemon-o"><i class="fa fa-lemon-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>lemon-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/level-down"><i class="fa fa-level-down" aria-hidden="true"></i> <span class="sr-only">Пример </span>level-down</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/level-up"><i class="fa fa-level-up" aria-hidden="true"></i> <span class="sr-only">Пример </span>level-up</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/life-ring"><i class="fa fa-life-bouy" aria-hidden="true"></i> <span class="sr-only">Пример </span>life-bouy <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/life-ring"><i class="fa fa-life-buoy" aria-hidden="true"></i> <span class="sr-only">Пример </span>life-buoy <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/life-ring"><i class="fa fa-life-ring" aria-hidden="true"></i> <span class="sr-only">Пример </span>life-ring</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/life-ring"><i class="fa fa-life-saver" aria-hidden="true"></i> <span class="sr-only">Пример </span>life-saver <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/lightbulb-o"><i class="fa fa-lightbulb-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>lightbulb-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/line-chart"><i class="fa fa-line-chart" aria-hidden="true"></i> <span class="sr-only">Пример </span>line-chart</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/location-arrow"><i class="fa fa-location-arrow" aria-hidden="true"></i> <span class="sr-only">Пример </span>location-arrow</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/lock"><i class="fa fa-lock" aria-hidden="true"></i> <span class="sr-only">Пример </span>lock</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/low-vision"><i class="fa fa-low-vision" aria-hidden="true"></i> <span class="sr-only">Пример </span>low-vision</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/magic"><i class="fa fa-magic" aria-hidden="true"></i> <span class="sr-only">Пример </span>magic</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/magnet"><i class="fa fa-magnet" aria-hidden="true"></i> <span class="sr-only">Пример </span>magnet</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/share"><i class="fa fa-mail-forward" aria-hidden="true"></i> <span class="sr-only">Пример </span>mail-forward <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/reply"><i class="fa fa-mail-reply" aria-hidden="true"></i> <span class="sr-only">Пример </span>mail-reply <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/reply-all"><i class="fa fa-mail-reply-all" aria-hidden="true"></i> <span class="sr-only">Пример </span>mail-reply-all <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/male"><i class="fa fa-male" aria-hidden="true"></i> <span class="sr-only">Пример </span>male</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/map"><i class="fa fa-map" aria-hidden="true"></i> <span class="sr-only">Пример </span>map</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/map-marker"><i class="fa fa-map-marker" aria-hidden="true"></i> <span class="sr-only">Пример </span>map-marker</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/map-o"><i class="fa fa-map-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>map-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/map-pin"><i class="fa fa-map-pin" aria-hidden="true"></i> <span class="sr-only">Пример </span>map-pin</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/map-signs"><i class="fa fa-map-signs" aria-hidden="true"></i> <span class="sr-only">Пример </span>map-signs</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/meh-o"><i class="fa fa-meh-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>meh-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/microchip"><i class="fa fa-microchip" aria-hidden="true"></i> <span class="sr-only">Пример </span>microchip</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/microphone"><i class="fa fa-microphone" aria-hidden="true"></i> <span class="sr-only">Пример </span>microphone</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/microphone-slash"><i class="fa fa-microphone-slash" aria-hidden="true"></i> <span class="sr-only">Пример </span>microphone-slash</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/minus"><i class="fa fa-minus" aria-hidden="true"></i> <span class="sr-only">Пример </span>minus</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/minus-circle"><i class="fa fa-minus-circle" aria-hidden="true"></i> <span class="sr-only">Пример </span>minus-circle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/minus-square"><i class="fa fa-minus-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>minus-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/minus-square-o"><i class="fa fa-minus-square-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>minus-square-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/mobile"><i class="fa fa-mobile" aria-hidden="true"></i> <span class="sr-only">Пример </span>mobile</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/mobile"><i class="fa fa-mobile-phone" aria-hidden="true"></i> <span class="sr-only">Пример </span>mobile-phone <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/money"><i class="fa fa-money" aria-hidden="true"></i> <span class="sr-only">Пример </span>money</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/moon-o"><i class="fa fa-moon-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>moon-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/graduation-cap"><i class="fa fa-mortar-board" aria-hidden="true"></i> <span class="sr-only">Пример </span>mortar-board <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/motorcycle"><i class="fa fa-motorcycle" aria-hidden="true"></i> <span class="sr-only">Пример </span>motorcycle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/mouse-pointer"><i class="fa fa-mouse-pointer" aria-hidden="true"></i> <span class="sr-only">Пример </span>mouse-pointer</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/music"><i class="fa fa-music" aria-hidden="true"></i> <span class="sr-only">Пример </span>music</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bars"><i class="fa fa-navicon" aria-hidden="true"></i> <span class="sr-only">Пример </span>navicon <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/newspaper-o"><i class="fa fa-newspaper-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>newspaper-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/object-group"><i class="fa fa-object-group" aria-hidden="true"></i> <span class="sr-only">Пример </span>object-group</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/object-ungroup"><i class="fa fa-object-ungroup" aria-hidden="true"></i> <span class="sr-only">Пример </span>object-ungroup</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/paint-brush"><i class="fa fa-paint-brush" aria-hidden="true"></i> <span class="sr-only">Пример </span>paint-brush</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/paper-plane"><i class="fa fa-paper-plane" aria-hidden="true"></i> <span class="sr-only">Пример </span>paper-plane</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/paper-plane-o"><i class="fa fa-paper-plane-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>paper-plane-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/paw"><i class="fa fa-paw" aria-hidden="true"></i> <span class="sr-only">Пример </span>paw</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/pencil"><i class="fa fa-pencil" aria-hidden="true"></i> <span class="sr-only">Пример </span>pencil</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/pencil-square"><i class="fa fa-pencil-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>pencil-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/pencil-square-o"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>pencil-square-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/percent"><i class="fa fa-percent" aria-hidden="true"></i> <span class="sr-only">Пример </span>percent</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/phone"><i class="fa fa-phone" aria-hidden="true"></i> <span class="sr-only">Пример </span>phone</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/phone-square"><i class="fa fa-phone-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>phone-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/picture-o"><i class="fa fa-photo" aria-hidden="true"></i> <span class="sr-only">Пример </span>photo <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/picture-o"><i class="fa fa-picture-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>picture-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/pie-chart"><i class="fa fa-pie-chart" aria-hidden="true"></i> <span class="sr-only">Пример </span>pie-chart</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/plane"><i class="fa fa-plane" aria-hidden="true"></i> <span class="sr-only">Пример </span>plane</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/plug"><i class="fa fa-plug" aria-hidden="true"></i> <span class="sr-only">Пример </span>plug</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/plus"><i class="fa fa-plus" aria-hidden="true"></i> <span class="sr-only">Пример </span>plus</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/plus-circle"><i class="fa fa-plus-circle" aria-hidden="true"></i> <span class="sr-only">Пример </span>plus-circle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/plus-square"><i class="fa fa-plus-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>plus-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/plus-square-o"><i class="fa fa-plus-square-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>plus-square-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/podcast"><i class="fa fa-podcast" aria-hidden="true"></i> <span class="sr-only">Пример </span>podcast</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/power-off"><i class="fa fa-power-off" aria-hidden="true"></i> <span class="sr-only">Пример </span>power-off</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/print"><i class="fa fa-print" aria-hidden="true"></i> <span class="sr-only">Пример </span>print</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/puzzle-piece"><i class="fa fa-puzzle-piece" aria-hidden="true"></i> <span class="sr-only">Пример </span>puzzle-piece</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/qrcode"><i class="fa fa-qrcode" aria-hidden="true"></i> <span class="sr-only">Пример </span>qrcode</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/question"><i class="fa fa-question" aria-hidden="true"></i> <span class="sr-only">Пример </span>question</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/question-circle"><i class="fa fa-question-circle" aria-hidden="true"></i> <span class="sr-only">Пример </span>question-circle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/question-circle-o"><i class="fa fa-question-circle-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>question-circle-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/quote-left"><i class="fa fa-quote-left" aria-hidden="true"></i> <span class="sr-only">Пример </span>quote-left</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/quote-right"><i class="fa fa-quote-right" aria-hidden="true"></i> <span class="sr-only">Пример </span>quote-right</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/random"><i class="fa fa-random" aria-hidden="true"></i> <span class="sr-only">Пример </span>random</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/recycle"><i class="fa fa-recycle" aria-hidden="true"></i> <span class="sr-only">Пример </span>recycle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/refresh"><i class="fa fa-refresh" aria-hidden="true"></i> <span class="sr-only">Пример </span>refresh</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/registered"><i class="fa fa-registered" aria-hidden="true"></i> <span class="sr-only">Пример </span>registered</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/times"><i class="fa fa-remove" aria-hidden="true"></i> <span class="sr-only">Пример </span>remove <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bars"><i class="fa fa-reorder" aria-hidden="true"></i> <span class="sr-only">Пример </span>reorder <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/reply"><i class="fa fa-reply" aria-hidden="true"></i> <span class="sr-only">Пример </span>reply</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/reply-all"><i class="fa fa-reply-all" aria-hidden="true"></i> <span class="sr-only">Пример </span>reply-all</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/retweet"><i class="fa fa-retweet" aria-hidden="true"></i> <span class="sr-only">Пример </span>retweet</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/road"><i class="fa fa-road" aria-hidden="true"></i> <span class="sr-only">Пример </span>road</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/rocket"><i class="fa fa-rocket" aria-hidden="true"></i> <span class="sr-only">Пример </span>rocket</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/rss"><i class="fa fa-rss" aria-hidden="true"></i> <span class="sr-only">Пример </span>rss</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/rss-square"><i class="fa fa-rss-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>rss-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bath"><i class="fa fa-s15" aria-hidden="true"></i> <span class="sr-only">Пример </span>s15 <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/search"><i class="fa fa-search" aria-hidden="true"></i> <span class="sr-only">Пример </span>search</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/search-minus"><i class="fa fa-search-minus" aria-hidden="true"></i> <span class="sr-only">Пример </span>search-minus</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/search-plus"><i class="fa fa-search-plus" aria-hidden="true"></i> <span class="sr-only">Пример </span>search-plus</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/paper-plane"><i class="fa fa-send" aria-hidden="true"></i> <span class="sr-only">Пример </span>send <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/paper-plane-o"><i class="fa fa-send-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>send-o <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/server"><i class="fa fa-server" aria-hidden="true"></i> <span class="sr-only">Пример </span>server</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/share"><i class="fa fa-share" aria-hidden="true"></i> <span class="sr-only">Пример </span>share</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/share-alt"><i class="fa fa-share-alt" aria-hidden="true"></i> <span class="sr-only">Пример </span>share-alt</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/share-alt-square"><i class="fa fa-share-alt-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>share-alt-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/share-square"><i class="fa fa-share-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>share-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/share-square-o"><i class="fa fa-share-square-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>share-square-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/shield"><i class="fa fa-shield" aria-hidden="true"></i> <span class="sr-only">Пример </span>shield</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/ship"><i class="fa fa-ship" aria-hidden="true"></i> <span class="sr-only">Пример </span>ship</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/shopping-bag"><i class="fa fa-shopping-bag" aria-hidden="true"></i> <span class="sr-only">Пример </span>shopping-bag</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/shopping-basket"><i class="fa fa-shopping-basket" aria-hidden="true"></i> <span class="sr-only">Пример </span>shopping-basket</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/shopping-cart"><i class="fa fa-shopping-cart" aria-hidden="true"></i> <span class="sr-only">Пример </span>shopping-cart</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/shower"><i class="fa fa-shower" aria-hidden="true"></i> <span class="sr-only">Пример </span>shower</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/sign-in"><i class="fa fa-sign-in" aria-hidden="true"></i> <span class="sr-only">Пример </span>sign-in</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/sign-language"><i class="fa fa-sign-language" aria-hidden="true"></i> <span class="sr-only">Пример </span>sign-language</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/sign-out"><i class="fa fa-sign-out" aria-hidden="true"></i> <span class="sr-only">Пример </span>sign-out</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/signal"><i class="fa fa-signal" aria-hidden="true"></i> <span class="sr-only">Пример </span>signal</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/sign-language"><i class="fa fa-signing" aria-hidden="true"></i> <span class="sr-only">Пример </span>signing <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/sitemap"><i class="fa fa-sitemap" aria-hidden="true"></i> <span class="sr-only">Пример </span>sitemap</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/sliders"><i class="fa fa-sliders" aria-hidden="true"></i> <span class="sr-only">Пример </span>sliders</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/smile-o"><i class="fa fa-smile-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>smile-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/snowflake-o"><i class="fa fa-snowflake-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>snowflake-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/futbol-o"><i class="fa fa-soccer-ball-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>soccer-ball-o <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/sort"><i class="fa fa-sort" aria-hidden="true"></i> <span class="sr-only">Пример </span>sort</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/sort-alpha-asc"><i class="fa fa-sort-alpha-asc" aria-hidden="true"></i> <span class="sr-only">Пример </span>sort-alpha-asc</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/sort-alpha-desc"><i class="fa fa-sort-alpha-desc" aria-hidden="true"></i> <span class="sr-only">Пример </span>sort-alpha-desc</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/sort-amount-asc"><i class="fa fa-sort-amount-asc" aria-hidden="true"></i> <span class="sr-only">Пример </span>sort-amount-asc</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/sort-amount-desc"><i class="fa fa-sort-amount-desc" aria-hidden="true"></i> <span class="sr-only">Пример </span>sort-amount-desc</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/sort-asc"><i class="fa fa-sort-asc" aria-hidden="true"></i> <span class="sr-only">Пример </span>sort-asc</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/sort-desc"><i class="fa fa-sort-desc" aria-hidden="true"></i> <span class="sr-only">Пример </span>sort-desc</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/sort-desc"><i class="fa fa-sort-down" aria-hidden="true"></i> <span class="sr-only">Пример </span>sort-down <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/sort-numeric-asc"><i class="fa fa-sort-numeric-asc" aria-hidden="true"></i> <span class="sr-only">Пример </span>sort-numeric-asc</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/sort-numeric-desc"><i class="fa fa-sort-numeric-desc" aria-hidden="true"></i> <span class="sr-only">Пример </span>sort-numeric-desc</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/sort-asc"><i class="fa fa-sort-up" aria-hidden="true"></i> <span class="sr-only">Пример </span>sort-up <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/space-shuttle"><i class="fa fa-space-shuttle" aria-hidden="true"></i> <span class="sr-only">Пример </span>space-shuttle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/spinner"><i class="fa fa-spinner" aria-hidden="true"></i> <span class="sr-only">Пример </span>spinner</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/spoon"><i class="fa fa-spoon" aria-hidden="true"></i> <span class="sr-only">Пример </span>spoon</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/square"><i class="fa fa-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/square-o"><i class="fa fa-square-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>square-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/star"><i class="fa fa-star" aria-hidden="true"></i> <span class="sr-only">Пример </span>star</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/star-half"><i class="fa fa-star-half" aria-hidden="true"></i> <span class="sr-only">Пример </span>star-half</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/star-half-o"><i class="fa fa-star-half-empty" aria-hidden="true"></i> <span class="sr-only">Пример </span>star-half-empty <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/star-half-o"><i class="fa fa-star-half-full" aria-hidden="true"></i> <span class="sr-only">Пример </span>star-half-full <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/star-half-o"><i class="fa fa-star-half-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>star-half-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/star-o"><i class="fa fa-star-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>star-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/sticky-note"><i class="fa fa-sticky-note" aria-hidden="true"></i> <span class="sr-only">Пример </span>sticky-note</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/sticky-note-o"><i class="fa fa-sticky-note-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>sticky-note-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/street-view"><i class="fa fa-street-view" aria-hidden="true"></i> <span class="sr-only">Пример </span>street-view</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/suitcase"><i class="fa fa-suitcase" aria-hidden="true"></i> <span class="sr-only">Пример </span>suitcase</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/sun-o"><i class="fa fa-sun-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>sun-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/life-ring"><i class="fa fa-support" aria-hidden="true"></i> <span class="sr-only">Пример </span>support <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/tablet"><i class="fa fa-tablet" aria-hidden="true"></i> <span class="sr-only">Пример </span>tablet</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/tachometer"><i class="fa fa-tachometer" aria-hidden="true"></i> <span class="sr-only">Пример </span>tachometer</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/tag"><i class="fa fa-tag" aria-hidden="true"></i> <span class="sr-only">Пример </span>tag</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/tags"><i class="fa fa-tags" aria-hidden="true"></i> <span class="sr-only">Пример </span>tags</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/tasks"><i class="fa fa-tasks" aria-hidden="true"></i> <span class="sr-only">Пример </span>tasks</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/taxi"><i class="fa fa-taxi" aria-hidden="true"></i> <span class="sr-only">Пример </span>taxi</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/television"><i class="fa fa-television" aria-hidden="true"></i> <span class="sr-only">Пример </span>television</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/terminal"><i class="fa fa-terminal" aria-hidden="true"></i> <span class="sr-only">Пример </span>terminal</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thermometer-full"><i class="fa fa-thermometer" aria-hidden="true"></i> <span class="sr-only">Пример </span>thermometer <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thermometer-empty"><i class="fa fa-thermometer-0" aria-hidden="true"></i> <span class="sr-only">Пример </span>thermometer-0 <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thermometer-quarter"><i class="fa fa-thermometer-1" aria-hidden="true"></i> <span class="sr-only">Пример </span>thermometer-1 <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thermometer-half"><i class="fa fa-thermometer-2" aria-hidden="true"></i> <span class="sr-only">Пример </span>thermometer-2 <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thermometer-three-quarters"><i class="fa fa-thermometer-3" aria-hidden="true"></i> <span class="sr-only">Пример </span>thermometer-3 <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thermometer-full"><i class="fa fa-thermometer-4" aria-hidden="true"></i> <span class="sr-only">Пример </span>thermometer-4 <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thermometer-empty"><i class="fa fa-thermometer-empty" aria-hidden="true"></i> <span class="sr-only">Пример </span>thermometer-empty</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thermometer-full"><i class="fa fa-thermometer-full" aria-hidden="true"></i> <span class="sr-only">Пример </span>thermometer-full</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thermometer-half"><i class="fa fa-thermometer-half" aria-hidden="true"></i> <span class="sr-only">Пример </span>thermometer-half</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thermometer-quarter"><i class="fa fa-thermometer-quarter" aria-hidden="true"></i> <span class="sr-only">Пример </span>thermometer-quarter</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thermometer-three-quarters"><i class="fa fa-thermometer-three-quarters" aria-hidden="true"></i> <span class="sr-only">Пример </span>thermometer-three-quarters</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thumb-tack"><i class="fa fa-thumb-tack" aria-hidden="true"></i> <span class="sr-only">Пример </span>thumb-tack</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thumbs-down"><i class="fa fa-thumbs-down" aria-hidden="true"></i> <span class="sr-only">Пример </span>thumbs-down</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thumbs-o-down"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> <span class="sr-only">Пример </span>thumbs-o-down</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thumbs-o-up"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> <span class="sr-only">Пример </span>thumbs-o-up</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thumbs-up"><i class="fa fa-thumbs-up" aria-hidden="true"></i> <span class="sr-only">Пример </span>thumbs-up</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/ticket"><i class="fa fa-ticket" aria-hidden="true"></i> <span class="sr-only">Пример </span>ticket</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/times"><i class="fa fa-times" aria-hidden="true"></i> <span class="sr-only">Пример </span>times</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/times-circle"><i class="fa fa-times-circle" aria-hidden="true"></i> <span class="sr-only">Пример </span>times-circle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/times-circle-o"><i class="fa fa-times-circle-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>times-circle-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/window-close"><i class="fa fa-times-rectangle" aria-hidden="true"></i> <span class="sr-only">Пример </span>times-rectangle <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/window-close-o"><i class="fa fa-times-rectangle-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>times-rectangle-o <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/tint"><i class="fa fa-tint" aria-hidden="true"></i> <span class="sr-only">Пример </span>tint</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/caret-square-o-down"><i class="fa fa-toggle-down" aria-hidden="true"></i> <span class="sr-only">Пример </span>toggle-down <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/caret-square-o-left"><i class="fa fa-toggle-left" aria-hidden="true"></i> <span class="sr-only">Пример </span>toggle-left <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/toggle-off"><i class="fa fa-toggle-off" aria-hidden="true"></i> <span class="sr-only">Пример </span>toggle-off</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/toggle-on"><i class="fa fa-toggle-on" aria-hidden="true"></i> <span class="sr-only">Пример </span>toggle-on</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/caret-square-o-right"><i class="fa fa-toggle-right" aria-hidden="true"></i> <span class="sr-only">Пример </span>toggle-right <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/caret-square-o-up"><i class="fa fa-toggle-up" aria-hidden="true"></i> <span class="sr-only">Пример </span>toggle-up <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/trademark"><i class="fa fa-trademark" aria-hidden="true"></i> <span class="sr-only">Пример </span>trademark</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/trash"><i class="fa fa-trash" aria-hidden="true"></i> <span class="sr-only">Пример </span>trash</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/trash-o"><i class="fa fa-trash-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>trash-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/tree"><i class="fa fa-tree" aria-hidden="true"></i> <span class="sr-only">Пример </span>tree</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/trophy"><i class="fa fa-trophy" aria-hidden="true"></i> <span class="sr-only">Пример </span>trophy</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/truck"><i class="fa fa-truck" aria-hidden="true"></i> <span class="sr-only">Пример </span>truck</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/tty"><i class="fa fa-tty" aria-hidden="true"></i> <span class="sr-only">Пример </span>tty</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/television"><i class="fa fa-tv" aria-hidden="true"></i> <span class="sr-only">Пример </span>tv <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/umbrella"><i class="fa fa-umbrella" aria-hidden="true"></i> <span class="sr-only">Пример </span>umbrella</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/universal-access"><i class="fa fa-universal-access" aria-hidden="true"></i> <span class="sr-only">Пример </span>universal-access</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/university"><i class="fa fa-university" aria-hidden="true"></i> <span class="sr-only">Пример </span>university</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/unlock"><i class="fa fa-unlock" aria-hidden="true"></i> <span class="sr-only">Пример </span>unlock</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/unlock-alt"><i class="fa fa-unlock-alt" aria-hidden="true"></i> <span class="sr-only">Пример </span>unlock-alt</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/sort"><i class="fa fa-unsorted" aria-hidden="true"></i> <span class="sr-only">Пример </span>unsorted <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/upload"><i class="fa fa-upload" aria-hidden="true"></i> <span class="sr-only">Пример </span>upload</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/user"><i class="fa fa-user" aria-hidden="true"></i> <span class="sr-only">Пример </span>user</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/user-circle"><i class="fa fa-user-circle" aria-hidden="true"></i> <span class="sr-only">Пример </span>user-circle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/user-circle-o"><i class="fa fa-user-circle-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>user-circle-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/user-o"><i class="fa fa-user-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>user-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/user-plus"><i class="fa fa-user-plus" aria-hidden="true"></i> <span class="sr-only">Пример </span>user-plus</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/user-secret"><i class="fa fa-user-secret" aria-hidden="true"></i> <span class="sr-only">Пример </span>user-secret</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/user-times"><i class="fa fa-user-times" aria-hidden="true"></i> <span class="sr-only">Пример </span>user-times</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/users"><i class="fa fa-users" aria-hidden="true"></i> <span class="sr-only">Пример </span>users</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/address-card"><i class="fa fa-vcard" aria-hidden="true"></i> <span class="sr-only">Пример </span>vcard <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/address-card-o"><i class="fa fa-vcard-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>vcard-o <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/video-camera"><i class="fa fa-video-camera" aria-hidden="true"></i> <span class="sr-only">Пример </span>video-camera</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/volume-control-phone"><i class="fa fa-volume-control-phone" aria-hidden="true"></i> <span class="sr-only">Пример </span>volume-control-phone</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/volume-down"><i class="fa fa-volume-down" aria-hidden="true"></i> <span class="sr-only">Пример </span>volume-down</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/volume-off"><i class="fa fa-volume-off" aria-hidden="true"></i> <span class="sr-only">Пример </span>volume-off</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/volume-up"><i class="fa fa-volume-up" aria-hidden="true"></i> <span class="sr-only">Пример </span>volume-up</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/exclamation-triangle"><i class="fa fa-warning" aria-hidden="true"></i> <span class="sr-only">Пример </span>warning <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/wheelchair"><i class="fa fa-wheelchair" aria-hidden="true"></i> <span class="sr-only">Пример </span>wheelchair</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/wheelchair-alt"><i class="fa fa-wheelchair-alt" aria-hidden="true"></i> <span class="sr-only">Пример </span>wheelchair-alt</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/wifi"><i class="fa fa-wifi" aria-hidden="true"></i> <span class="sr-only">Пример </span>wifi</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/window-close"><i class="fa fa-window-close" aria-hidden="true"></i> <span class="sr-only">Пример </span>window-close</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/window-close-o"><i class="fa fa-window-close-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>window-close-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/window-maximize"><i class="fa fa-window-maximize" aria-hidden="true"></i> <span class="sr-only">Пример </span>window-maximize</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/window-minimize"><i class="fa fa-window-minimize" aria-hidden="true"></i> <span class="sr-only">Пример </span>window-minimize</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/window-restore"><i class="fa fa-window-restore" aria-hidden="true"></i> <span class="sr-only">Пример </span>window-restore</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/wrench"><i class="fa fa-wrench" aria-hidden="true"></i> <span class="sr-only">Пример </span>wrench</a></div> +
-     +
-  </div> +
- +
-</section> +
- +
-    <section id="accessibility"> +
-  <h2 class="page-header">Для сферы людей с ограниченными возможностями</h2> +
- +
-  <div class="row fontawesome-icon-list"> +
-     +
- +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/american-sign-language-interpreting"><i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i> <span class="sr-only">Пример </span>american-sign-language-interpreting</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/american-sign-language-interpreting"><i class="fa fa-asl-interpreting" aria-hidden="true"></i> <span class="sr-only">Пример </span>asl-interpreting <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/assistive-listening-systems"><i class="fa fa-assistive-listening-systems" aria-hidden="true"></i> <span class="sr-only">Пример </span>assistive-listening-systems</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/audio-description"><i class="fa fa-audio-description" aria-hidden="true"></i> <span class="sr-only">Пример </span>audio-description</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/blind"><i class="fa fa-blind" aria-hidden="true"></i> <span class="sr-only">Пример </span>blind</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/braille"><i class="fa fa-braille" aria-hidden="true"></i> <span class="sr-only">Пример </span>braille</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cc"><i class="fa fa-cc" aria-hidden="true"></i> <span class="sr-only">Пример </span>cc</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/deaf"><i class="fa fa-deaf" aria-hidden="true"></i> <span class="sr-only">Пример </span>deaf</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/deaf"><i class="fa fa-deafness" aria-hidden="true"></i> <span class="sr-only">Пример </span>deafness <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/deaf"><i class="fa fa-hard-of-hearing" aria-hidden="true"></i> <span class="sr-only">Пример </span>hard-of-hearing <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/low-vision"><i class="fa fa-low-vision" aria-hidden="true"></i> <span class="sr-only">Пример </span>low-vision</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/question-circle-o"><i class="fa fa-question-circle-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>question-circle-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/sign-language"><i class="fa fa-sign-language" aria-hidden="true"></i> <span class="sr-only">Пример </span>sign-language</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/sign-language"><i class="fa fa-signing" aria-hidden="true"></i> <span class="sr-only">Пример </span>signing <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/tty"><i class="fa fa-tty" aria-hidden="true"></i> <span class="sr-only">Пример </span>tty</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/universal-access"><i class="fa fa-universal-access" aria-hidden="true"></i> <span class="sr-only">Пример </span>universal-access</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/volume-control-phone"><i class="fa fa-volume-control-phone" aria-hidden="true"></i> <span class="sr-only">Пример </span>volume-control-phone</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/wheelchair"><i class="fa fa-wheelchair" aria-hidden="true"></i> <span class="sr-only">Пример </span>wheelchair</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/wheelchair-alt"><i class="fa fa-wheelchair-alt" aria-hidden="true"></i> <span class="sr-only">Пример </span>wheelchair-alt</a></div> +
-     +
-  </div> +
- +
-</section> +
- +
-    <section id="hand"> +
-  <h2 class="page-header">Жесты</h2> +
- +
-  <div class="row fontawesome-icon-list"> +
-     +
- +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hand-rock-o"><i class="fa fa-hand-grab-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>hand-grab-o <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hand-lizard-o"><i class="fa fa-hand-lizard-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>hand-lizard-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hand-o-down"><i class="fa fa-hand-o-down" aria-hidden="true"></i> <span class="sr-only">Пример </span>hand-o-down</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hand-o-left"><i class="fa fa-hand-o-left" aria-hidden="true"></i> <span class="sr-only">Пример </span>hand-o-left</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hand-o-right"><i class="fa fa-hand-o-right" aria-hidden="true"></i> <span class="sr-only">Пример </span>hand-o-right</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hand-o-up"><i class="fa fa-hand-o-up" aria-hidden="true"></i> <span class="sr-only">Пример </span>hand-o-up</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hand-paper-o"><i class="fa fa-hand-paper-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>hand-paper-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hand-peace-o"><i class="fa fa-hand-peace-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>hand-peace-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hand-pointer-o"><i class="fa fa-hand-pointer-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>hand-pointer-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hand-rock-o"><i class="fa fa-hand-rock-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>hand-rock-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hand-scissors-o"><i class="fa fa-hand-scissors-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>hand-scissors-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hand-spock-o"><i class="fa fa-hand-spock-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>hand-spock-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hand-paper-o"><i class="fa fa-hand-stop-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>hand-stop-o <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thumbs-down"><i class="fa fa-thumbs-down" aria-hidden="true"></i> <span class="sr-only">Пример </span>thumbs-down</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thumbs-o-down"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> <span class="sr-only">Пример </span>thumbs-o-down</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thumbs-o-up"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> <span class="sr-only">Пример </span>thumbs-o-up</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/thumbs-up"><i class="fa fa-thumbs-up" aria-hidden="true"></i> <span class="sr-only">Пример </span>thumbs-up</a></div> +
-     +
-  </div> +
- +
-</section> +
- +
-    <section id="transportation"> +
-  <h2 class="page-header">Транспорт</h2> +
- +
-  <div class="row fontawesome-icon-list"> +
-     +
- +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/ambulance"><i class="fa fa-ambulance" aria-hidden="true"></i> <span class="sr-only">Пример </span>ambulance</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/car"><i class="fa fa-automobile" aria-hidden="true"></i> <span class="sr-only">Пример </span>automobile <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bicycle"><i class="fa fa-bicycle" aria-hidden="true"></i> <span class="sr-only">Пример </span>bicycle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bus"><i class="fa fa-bus" aria-hidden="true"></i> <span class="sr-only">Пример </span>bus</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/taxi"><i class="fa fa-cab" aria-hidden="true"></i> <span class="sr-only">Пример </span>cab <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/car"><i class="fa fa-car" aria-hidden="true"></i> <span class="sr-only">Пример </span>car</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/fighter-jet"><i class="fa fa-fighter-jet" aria-hidden="true"></i> <span class="sr-only">Пример </span>fighter-jet</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/motorcycle"><i class="fa fa-motorcycle" aria-hidden="true"></i> <span class="sr-only">Пример </span>motorcycle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/plane"><i class="fa fa-plane" aria-hidden="true"></i> <span class="sr-only">Пример </span>plane</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/rocket"><i class="fa fa-rocket" aria-hidden="true"></i> <span class="sr-only">Пример </span>rocket</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/ship"><i class="fa fa-ship" aria-hidden="true"></i> <span class="sr-only">Пример </span>ship</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/space-shuttle"><i class="fa fa-space-shuttle" aria-hidden="true"></i> <span class="sr-only">Пример </span>space-shuttle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/subway"><i class="fa fa-subway" aria-hidden="true"></i> <span class="sr-only">Пример </span>subway</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/taxi"><i class="fa fa-taxi" aria-hidden="true"></i> <span class="sr-only">Пример </span>taxi</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/train"><i class="fa fa-train" aria-hidden="true"></i> <span class="sr-only">Пример </span>train</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/truck"><i class="fa fa-truck" aria-hidden="true"></i> <span class="sr-only">Пример </span>truck</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/wheelchair"><i class="fa fa-wheelchair" aria-hidden="true"></i> <span class="sr-only">Пример </span>wheelchair</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/wheelchair-alt"><i class="fa fa-wheelchair-alt" aria-hidden="true"></i> <span class="sr-only">Пример </span>wheelchair-alt</a></div> +
-     +
-  </div> +
- +
-</section> +
- +
-    <section id="gender"> +
-  <h2 class="page-header">Гендерные иконки</h2> +
- +
-  <div class="row fontawesome-icon-list"> +
-     +
- +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/genderless"><i class="fa fa-genderless" aria-hidden="true"></i> <span class="sr-only">Пример </span>genderless</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/transgender"><i class="fa fa-intersex" aria-hidden="true"></i> <span class="sr-only">Пример </span>intersex <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/mars"><i class="fa fa-mars" aria-hidden="true"></i> <span class="sr-only">Пример </span>mars</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/mars-double"><i class="fa fa-mars-double" aria-hidden="true"></i> <span class="sr-only">Пример </span>mars-double</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/mars-stroke"><i class="fa fa-mars-stroke" aria-hidden="true"></i> <span class="sr-only">Пример </span>mars-stroke</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/mars-stroke-h"><i class="fa fa-mars-stroke-h" aria-hidden="true"></i> <span class="sr-only">Пример </span>mars-stroke-h</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/mars-stroke-v"><i class="fa fa-mars-stroke-v" aria-hidden="true"></i> <span class="sr-only">Пример </span>mars-stroke-v</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/mercury"><i class="fa fa-mercury" aria-hidden="true"></i> <span class="sr-only">Пример </span>mercury</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/neuter"><i class="fa fa-neuter" aria-hidden="true"></i> <span class="sr-only">Пример </span>neuter</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/transgender"><i class="fa fa-transgender" aria-hidden="true"></i> <span class="sr-only">Пример </span>transgender</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/transgender-alt"><i class="fa fa-transgender-alt" aria-hidden="true"></i> <span class="sr-only">Пример </span>transgender-alt</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/venus"><i class="fa fa-venus" aria-hidden="true"></i> <span class="sr-only">Пример </span>venus</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/venus-double"><i class="fa fa-venus-double" aria-hidden="true"></i> <span class="sr-only">Пример </span>venus-double</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/venus-mars"><i class="fa fa-venus-mars" aria-hidden="true"></i> <span class="sr-only">Пример </span>venus-mars</a></div> +
-     +
-  </div> +
- +
-</section> +
- +
-    <section id="file-type"> +
-  <h2 class="page-header">Типы файлов</h2> +
- +
-  <div class="row fontawesome-icon-list"> +
-     +
- +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file"><i class="fa fa-file" aria-hidden="true"></i> <span class="sr-only">Пример </span>file</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-archive-o"><i class="fa fa-file-archive-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-archive-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-audio-o"><i class="fa fa-file-audio-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-audio-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-code-o"><i class="fa fa-file-code-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-code-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-excel-o"><i class="fa fa-file-excel-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-excel-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-image-o"><i class="fa fa-file-image-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-image-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-video-o"><i class="fa fa-file-movie-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-movie-o <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-o"><i class="fa fa-file-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-pdf-o"><i class="fa fa-file-pdf-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-pdf-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-image-o"><i class="fa fa-file-photo-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-photo-o <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-image-o"><i class="fa fa-file-picture-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-picture-o <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-powerpoint-o"><i class="fa fa-file-powerpoint-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-powerpoint-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-audio-o"><i class="fa fa-file-sound-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-sound-o <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-text"><i class="fa fa-file-text" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-text</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-text-o"><i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-text-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-video-o"><i class="fa fa-file-video-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-video-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-word-o"><i class="fa fa-file-word-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-word-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-archive-o"><i class="fa fa-file-zip-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-zip-o <span class="text-muted">(синоним)</span></a></div> +
-     +
-  </div> +
- +
-</section> +
- +
-    <section id="spinner"> +
-  <h2 class="page-header">Вращающиеся</h2> +
- +
-  <div class="alert alert-success"> +
-    <ul class="fa-ul"> +
-      <li> +
-        <i class="fa fa-info-circle fa-lg fa-li" aria-hidden="true"></i> +
-        <strong class="sr-only">Примечание:</strong> +
-        Эти иконки работают с классом <code>fa-spin</code>. Посмотрите +
-        <a href="https://fontawesome.ru/examples/#animated" class="alert-link">примеры вращающихся иконок</a>. +
-      </li> +
-    </ul> +
-  </div> +
- +
-  <div class="row fontawesome-icon-list"> +
-     +
- +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/circle-o-notch"><i class="fa fa-circle-o-notch" aria-hidden="true"></i> <span class="sr-only">Пример </span>circle-o-notch</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cog"><i class="fa fa-cog" aria-hidden="true"></i> <span class="sr-only">Пример </span>cog</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cog"><i class="fa fa-gear" aria-hidden="true"></i> <span class="sr-only">Пример </span>gear <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/refresh"><i class="fa fa-refresh" aria-hidden="true"></i> <span class="sr-only">Пример </span>refresh</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/spinner"><i class="fa fa-spinner" aria-hidden="true"></i> <span class="sr-only">Пример </span>spinner</a></div> +
-     +
-  </div> +
-</section> +
- +
-    <section id="form-control"> +
-  <h2 class="page-header">Элементы форм</h2> +
- +
-  <div class="row fontawesome-icon-list"> +
-     +
- +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/check-square"><i class="fa fa-check-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>check-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/check-square-o"><i class="fa fa-check-square-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>check-square-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/circle"><i class="fa fa-circle" aria-hidden="true"></i> <span class="sr-only">Пример </span>circle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/circle-o"><i class="fa fa-circle-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>circle-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/dot-circle-o"><i class="fa fa-dot-circle-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>dot-circle-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/minus-square"><i class="fa fa-minus-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>minus-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/minus-square-o"><i class="fa fa-minus-square-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>minus-square-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/plus-square"><i class="fa fa-plus-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>plus-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/plus-square-o"><i class="fa fa-plus-square-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>plus-square-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/square"><i class="fa fa-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/square-o"><i class="fa fa-square-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>square-o</a></div> +
-     +
-  </div> +
-</section> +
- +
-    <section id="payment"> +
-  <h2 class="page-header">Платежные системы</h2> +
- +
-  <div class="row fontawesome-icon-list"> +
-     +
- +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cc-amex"><i class="fa fa-cc-amex" aria-hidden="true"></i> <span class="sr-only">Пример </span>cc-amex</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cc-diners-club"><i class="fa fa-cc-diners-club" aria-hidden="true"></i> <span class="sr-only">Пример </span>cc-diners-club</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cc-discover"><i class="fa fa-cc-discover" aria-hidden="true"></i> <span class="sr-only">Пример </span>cc-discover</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cc-jcb"><i class="fa fa-cc-jcb" aria-hidden="true"></i> <span class="sr-only">Пример </span>cc-jcb</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cc-mastercard"><i class="fa fa-cc-mastercard" aria-hidden="true"></i> <span class="sr-only">Пример </span>cc-mastercard</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cc-paypal"><i class="fa fa-cc-paypal" aria-hidden="true"></i> <span class="sr-only">Пример </span>cc-paypal</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cc-stripe"><i class="fa fa-cc-stripe" aria-hidden="true"></i> <span class="sr-only">Пример </span>cc-stripe</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cc-visa"><i class="fa fa-cc-visa" aria-hidden="true"></i> <span class="sr-only">Пример </span>cc-visa</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/credit-card"><i class="fa fa-credit-card" aria-hidden="true"></i> <span class="sr-only">Пример </span>credit-card</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/credit-card-alt"><i class="fa fa-credit-card-alt" aria-hidden="true"></i> <span class="sr-only">Пример </span>credit-card-alt</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/google-wallet"><i class="fa fa-google-wallet" aria-hidden="true"></i> <span class="sr-only">Пример </span>google-wallet</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/paypal"><i class="fa fa-paypal" aria-hidden="true"></i> <span class="sr-only">Пример </span>paypal</a></div> +
-     +
-  </div> +
- +
-</section> +
- +
-    <section id="chart"> +
-  <h2 class="page-header">Диаграммы</h2> +
- +
-  <div class="row fontawesome-icon-list"> +
-     +
- +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/area-chart"><i class="fa fa-area-chart" aria-hidden="true"></i> <span class="sr-only">Пример </span>area-chart</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bar-chart"><i class="fa fa-bar-chart" aria-hidden="true"></i> <span class="sr-only">Пример </span>bar-chart</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bar-chart"><i class="fa fa-bar-chart-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>bar-chart-o <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/line-chart"><i class="fa fa-line-chart" aria-hidden="true"></i> <span class="sr-only">Пример </span>line-chart</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/pie-chart"><i class="fa fa-pie-chart" aria-hidden="true"></i> <span class="sr-only">Пример </span>pie-chart</a></div> +
-     +
-  </div> +
- +
-</section> +
- +
-    <section id="currency"> +
-  <h2 class="page-header">Валюты</h2> +
- +
-  <div class="row fontawesome-icon-list"> +
-     +
- +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/btc"><i class="fa fa-bitcoin" aria-hidden="true"></i> <span class="sr-only">Пример </span>bitcoin <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/btc"><i class="fa fa-btc" aria-hidden="true"></i> <span class="sr-only">Пример </span>btc</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/jpy"><i class="fa fa-cny" aria-hidden="true"></i> <span class="sr-only">Пример </span>cny <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/usd"><i class="fa fa-dollar" aria-hidden="true"></i> <span class="sr-only">Пример </span>dollar <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/eur"><i class="fa fa-eur" aria-hidden="true"></i> <span class="sr-only">Пример </span>eur</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/eur"><i class="fa fa-euro" aria-hidden="true"></i> <span class="sr-only">Пример </span>euro <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/gbp"><i class="fa fa-gbp" aria-hidden="true"></i> <span class="sr-only">Пример </span>gbp</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/gg"><i class="fa fa-gg" aria-hidden="true"></i> <span class="sr-only">Пример </span>gg</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/gg-circle"><i class="fa fa-gg-circle" aria-hidden="true"></i> <span class="sr-only">Пример </span>gg-circle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/ils"><i class="fa fa-ils" aria-hidden="true"></i> <span class="sr-only">Пример </span>ils</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/inr"><i class="fa fa-inr" aria-hidden="true"></i> <span class="sr-only">Пример </span>inr</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/jpy"><i class="fa fa-jpy" aria-hidden="true"></i> <span class="sr-only">Пример </span>jpy</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/krw"><i class="fa fa-krw" aria-hidden="true"></i> <span class="sr-only">Пример </span>krw</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/money"><i class="fa fa-money" aria-hidden="true"></i> <span class="sr-only">Пример </span>money</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/jpy"><i class="fa fa-rmb" aria-hidden="true"></i> <span class="sr-only">Пример </span>rmb <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/rub"><i class="fa fa-rouble" aria-hidden="true"></i> <span class="sr-only">Пример </span>rouble <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/rub"><i class="fa fa-rub" aria-hidden="true"></i> <span class="sr-only">Пример </span>rub</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/rub"><i class="fa fa-ruble" aria-hidden="true"></i> <span class="sr-only">Пример </span>ruble <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/inr"><i class="fa fa-rupee" aria-hidden="true"></i> <span class="sr-only">Пример </span>rupee <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/ils"><i class="fa fa-shekel" aria-hidden="true"></i> <span class="sr-only">Пример </span>shekel <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/ils"><i class="fa fa-sheqel" aria-hidden="true"></i> <span class="sr-only">Пример </span>sheqel <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/try"><i class="fa fa-try" aria-hidden="true"></i> <span class="sr-only">Пример </span>try</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/try"><i class="fa fa-turkish-lira" aria-hidden="true"></i> <span class="sr-only">Пример </span>turkish-lira <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/usd"><i class="fa fa-usd" aria-hidden="true"></i> <span class="sr-only">Пример </span>usd</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/viacoin"><i class="fa fa-viacoin" aria-hidden="true"></i> <span class="sr-only">Пример </span>viacoin</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/krw"><i class="fa fa-won" aria-hidden="true"></i> <span class="sr-only">Пример </span>won <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/jpy"><i class="fa fa-yen" aria-hidden="true"></i> <span class="sr-only">Пример </span>yen <span class="text-muted">(синоним)</span></a></div> +
-     +
-  </div> +
- +
-</section> +
- +
-    <section id="text-editor"> +
-  <h2 class="page-header">Редактирование</h2> +
- +
-  <div class="row fontawesome-icon-list"> +
-     +
- +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/align-center"><i class="fa fa-align-center" aria-hidden="true"></i> <span class="sr-only">Пример </span>align-center</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/align-justify"><i class="fa fa-align-justify" aria-hidden="true"></i> <span class="sr-only">Пример </span>align-justify</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/align-left"><i class="fa fa-align-left" aria-hidden="true"></i> <span class="sr-only">Пример </span>align-left</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/align-right"><i class="fa fa-align-right" aria-hidden="true"></i> <span class="sr-only">Пример </span>align-right</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bold"><i class="fa fa-bold" aria-hidden="true"></i> <span class="sr-only">Пример </span>bold</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/link"><i class="fa fa-chain" aria-hidden="true"></i> <span class="sr-only">Пример </span>chain <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/chain-broken"><i class="fa fa-chain-broken" aria-hidden="true"></i> <span class="sr-only">Пример </span>chain-broken</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/clipboard"><i class="fa fa-clipboard" aria-hidden="true"></i> <span class="sr-only">Пример </span>clipboard</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/columns"><i class="fa fa-columns" aria-hidden="true"></i> <span class="sr-only">Пример </span>columns</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/files-o"><i class="fa fa-copy" aria-hidden="true"></i> <span class="sr-only">Пример </span>copy <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/scissors"><i class="fa fa-cut" aria-hidden="true"></i> <span class="sr-only">Пример </span>cut <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/outdent"><i class="fa fa-dedent" aria-hidden="true"></i> <span class="sr-only">Пример </span>dedent <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/eraser"><i class="fa fa-eraser" aria-hidden="true"></i> <span class="sr-only">Пример </span>eraser</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file"><i class="fa fa-file" aria-hidden="true"></i> <span class="sr-only">Пример </span>file</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-o"><i class="fa fa-file-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-text"><i class="fa fa-file-text" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-text</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/file-text-o"><i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>file-text-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/files-o"><i class="fa fa-files-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>files-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/floppy-o"><i class="fa fa-floppy-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>floppy-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/font"><i class="fa fa-font" aria-hidden="true"></i> <span class="sr-only">Пример </span>font</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/header"><i class="fa fa-header" aria-hidden="true"></i> <span class="sr-only">Пример </span>header</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/indent"><i class="fa fa-indent" aria-hidden="true"></i> <span class="sr-only">Пример </span>indent</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/italic"><i class="fa fa-italic" aria-hidden="true"></i> <span class="sr-only">Пример </span>italic</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/link"><i class="fa fa-link" aria-hidden="true"></i> <span class="sr-only">Пример </span>link</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/list"><i class="fa fa-list" aria-hidden="true"></i> <span class="sr-only">Пример </span>list</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/list-alt"><i class="fa fa-list-alt" aria-hidden="true"></i> <span class="sr-only">Пример </span>list-alt</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/list-ol"><i class="fa fa-list-ol" aria-hidden="true"></i> <span class="sr-only">Пример </span>list-ol</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/list-ul"><i class="fa fa-list-ul" aria-hidden="true"></i> <span class="sr-only">Пример </span>list-ul</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/outdent"><i class="fa fa-outdent" aria-hidden="true"></i> <span class="sr-only">Пример </span>outdent</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/paperclip"><i class="fa fa-paperclip" aria-hidden="true"></i> <span class="sr-only">Пример </span>paperclip</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/paragraph"><i class="fa fa-paragraph" aria-hidden="true"></i> <span class="sr-only">Пример </span>paragraph</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/clipboard"><i class="fa fa-paste" aria-hidden="true"></i> <span class="sr-only">Пример </span>paste <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/repeat"><i class="fa fa-repeat" aria-hidden="true"></i> <span class="sr-only">Пример </span>repeat</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/undo"><i class="fa fa-rotate-left" aria-hidden="true"></i> <span class="sr-only">Пример </span>rotate-left <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/repeat"><i class="fa fa-rotate-right" aria-hidden="true"></i> <span class="sr-only">Пример </span>rotate-right <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/floppy-o"><i class="fa fa-save" aria-hidden="true"></i> <span class="sr-only">Пример </span>save <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/scissors"><i class="fa fa-scissors" aria-hidden="true"></i> <span class="sr-only">Пример </span>scissors</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/strikethrough"><i class="fa fa-strikethrough" aria-hidden="true"></i> <span class="sr-only">Пример </span>strikethrough</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/subscript"><i class="fa fa-subscript" aria-hidden="true"></i> <span class="sr-only">Пример </span>subscript</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/superscript"><i class="fa fa-superscript" aria-hidden="true"></i> <span class="sr-only">Пример </span>superscript</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/table"><i class="fa fa-table" aria-hidden="true"></i> <span class="sr-only">Пример </span>table</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/text-height"><i class="fa fa-text-height" aria-hidden="true"></i> <span class="sr-only">Пример </span>text-height</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/text-width"><i class="fa fa-text-width" aria-hidden="true"></i> <span class="sr-only">Пример </span>text-width</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/th"><i class="fa fa-th" aria-hidden="true"></i> <span class="sr-only">Пример </span>th</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/th-large"><i class="fa fa-th-large" aria-hidden="true"></i> <span class="sr-only">Пример </span>th-large</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/th-list"><i class="fa fa-th-list" aria-hidden="true"></i> <span class="sr-only">Пример </span>th-list</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/underline"><i class="fa fa-underline" aria-hidden="true"></i> <span class="sr-only">Пример </span>underline</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/undo"><i class="fa fa-undo" aria-hidden="true"></i> <span class="sr-only">Пример </span>undo</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/chain-broken"><i class="fa fa-unlink" aria-hidden="true"></i> <span class="sr-only">Пример </span>unlink <span class="text-muted">(синоним)</span></a></div> +
-     +
-  </div> +
- +
-</section> +
- +
-    <section id="directional"> +
-  <h2 class="page-header">Направление</h2> +
- +
-  <div class="row fontawesome-icon-list"> +
-     +
- +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/angle-double-down"><i class="fa fa-angle-double-down" aria-hidden="true"></i> <span class="sr-only">Пример </span>angle-double-down</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/angle-double-left"><i class="fa fa-angle-double-left" aria-hidden="true"></i> <span class="sr-only">Пример </span>angle-double-left</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/angle-double-right"><i class="fa fa-angle-double-right" aria-hidden="true"></i> <span class="sr-only">Пример </span>angle-double-right</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/angle-double-up"><i class="fa fa-angle-double-up" aria-hidden="true"></i> <span class="sr-only">Пример </span>angle-double-up</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/angle-down"><i class="fa fa-angle-down" aria-hidden="true"></i> <span class="sr-only">Пример </span>angle-down</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/angle-left"><i class="fa fa-angle-left" aria-hidden="true"></i> <span class="sr-only">Пример </span>angle-left</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/angle-right"><i class="fa fa-angle-right" aria-hidden="true"></i> <span class="sr-only">Пример </span>angle-right</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/angle-up"><i class="fa fa-angle-up" aria-hidden="true"></i> <span class="sr-only">Пример </span>angle-up</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/arrow-circle-down"><i class="fa fa-arrow-circle-down" aria-hidden="true"></i> <span class="sr-only">Пример </span>arrow-circle-down</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/arrow-circle-left"><i class="fa fa-arrow-circle-left" aria-hidden="true"></i> <span class="sr-only">Пример </span>arrow-circle-left</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/arrow-circle-o-down"><i class="fa fa-arrow-circle-o-down" aria-hidden="true"></i> <span class="sr-only">Пример </span>arrow-circle-o-down</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/arrow-circle-o-left"><i class="fa fa-arrow-circle-o-left" aria-hidden="true"></i> <span class="sr-only">Пример </span>arrow-circle-o-left</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/arrow-circle-o-right"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i> <span class="sr-only">Пример </span>arrow-circle-o-right</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/arrow-circle-o-up"><i class="fa fa-arrow-circle-o-up" aria-hidden="true"></i> <span class="sr-only">Пример </span>arrow-circle-o-up</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/arrow-circle-right"><i class="fa fa-arrow-circle-right" aria-hidden="true"></i> <span class="sr-only">Пример </span>arrow-circle-right</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/arrow-circle-up"><i class="fa fa-arrow-circle-up" aria-hidden="true"></i> <span class="sr-only">Пример </span>arrow-circle-up</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/arrow-down"><i class="fa fa-arrow-down" aria-hidden="true"></i> <span class="sr-only">Пример </span>arrow-down</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/arrow-left"><i class="fa fa-arrow-left" aria-hidden="true"></i> <span class="sr-only">Пример </span>arrow-left</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/arrow-right"><i class="fa fa-arrow-right" aria-hidden="true"></i> <span class="sr-only">Пример </span>arrow-right</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/arrow-up"><i class="fa fa-arrow-up" aria-hidden="true"></i> <span class="sr-only">Пример </span>arrow-up</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/arrows"><i class="fa fa-arrows" aria-hidden="true"></i> <span class="sr-only">Пример </span>arrows</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/arrows-alt"><i class="fa fa-arrows-alt" aria-hidden="true"></i> <span class="sr-only">Пример </span>arrows-alt</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/arrows-h"><i class="fa fa-arrows-h" aria-hidden="true"></i> <span class="sr-only">Пример </span>arrows-h</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/arrows-v"><i class="fa fa-arrows-v" aria-hidden="true"></i> <span class="sr-only">Пример </span>arrows-v</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/caret-down"><i class="fa fa-caret-down" aria-hidden="true"></i> <span class="sr-only">Пример </span>caret-down</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/caret-left"><i class="fa fa-caret-left" aria-hidden="true"></i> <span class="sr-only">Пример </span>caret-left</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/caret-right"><i class="fa fa-caret-right" aria-hidden="true"></i> <span class="sr-only">Пример </span>caret-right</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/caret-square-o-down"><i class="fa fa-caret-square-o-down" aria-hidden="true"></i> <span class="sr-only">Пример </span>caret-square-o-down</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/caret-square-o-left"><i class="fa fa-caret-square-o-left" aria-hidden="true"></i> <span class="sr-only">Пример </span>caret-square-o-left</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/caret-square-o-right"><i class="fa fa-caret-square-o-right" aria-hidden="true"></i> <span class="sr-only">Пример </span>caret-square-o-right</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/caret-square-o-up"><i class="fa fa-caret-square-o-up" aria-hidden="true"></i> <span class="sr-only">Пример </span>caret-square-o-up</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/caret-up"><i class="fa fa-caret-up" aria-hidden="true"></i> <span class="sr-only">Пример </span>caret-up</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/chevron-circle-down"><i class="fa fa-chevron-circle-down" aria-hidden="true"></i> <span class="sr-only">Пример </span>chevron-circle-down</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/chevron-circle-left"><i class="fa fa-chevron-circle-left" aria-hidden="true"></i> <span class="sr-only">Пример </span>chevron-circle-left</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/chevron-circle-right"><i class="fa fa-chevron-circle-right" aria-hidden="true"></i> <span class="sr-only">Пример </span>chevron-circle-right</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/chevron-circle-up"><i class="fa fa-chevron-circle-up" aria-hidden="true"></i> <span class="sr-only">Пример </span>chevron-circle-up</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/chevron-down"><i class="fa fa-chevron-down" aria-hidden="true"></i> <span class="sr-only">Пример </span>chevron-down</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/chevron-left"><i class="fa fa-chevron-left" aria-hidden="true"></i> <span class="sr-only">Пример </span>chevron-left</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/chevron-right"><i class="fa fa-chevron-right" aria-hidden="true"></i> <span class="sr-only">Пример </span>chevron-right</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/chevron-up"><i class="fa fa-chevron-up" aria-hidden="true"></i> <span class="sr-only">Пример </span>chevron-up</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/exchange"><i class="fa fa-exchange" aria-hidden="true"></i> <span class="sr-only">Пример </span>exchange</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hand-o-down"><i class="fa fa-hand-o-down" aria-hidden="true"></i> <span class="sr-only">Пример </span>hand-o-down</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hand-o-left"><i class="fa fa-hand-o-left" aria-hidden="true"></i> <span class="sr-only">Пример </span>hand-o-left</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hand-o-right"><i class="fa fa-hand-o-right" aria-hidden="true"></i> <span class="sr-only">Пример </span>hand-o-right</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hand-o-up"><i class="fa fa-hand-o-up" aria-hidden="true"></i> <span class="sr-only">Пример </span>hand-o-up</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/long-arrow-down"><i class="fa fa-long-arrow-down" aria-hidden="true"></i> <span class="sr-only">Пример </span>long-arrow-down</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/long-arrow-left"><i class="fa fa-long-arrow-left" aria-hidden="true"></i> <span class="sr-only">Пример </span>long-arrow-left</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/long-arrow-right"><i class="fa fa-long-arrow-right" aria-hidden="true"></i> <span class="sr-only">Пример </span>long-arrow-right</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/long-arrow-up"><i class="fa fa-long-arrow-up" aria-hidden="true"></i> <span class="sr-only">Пример </span>long-arrow-up</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/caret-square-o-down"><i class="fa fa-toggle-down" aria-hidden="true"></i> <span class="sr-only">Пример </span>toggle-down <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/caret-square-o-left"><i class="fa fa-toggle-left" aria-hidden="true"></i> <span class="sr-only">Пример </span>toggle-left <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/caret-square-o-right"><i class="fa fa-toggle-right" aria-hidden="true"></i> <span class="sr-only">Пример </span>toggle-right <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/caret-square-o-up"><i class="fa fa-toggle-up" aria-hidden="true"></i> <span class="sr-only">Пример </span>toggle-up <span class="text-muted">(синоним)</span></a></div> +
-     +
-  </div> +
- +
-</section> +
- +
-    <section id="video-player"> +
-  <h2 class="page-header">Видео-плеер</h2> +
- +
-  <div class="row fontawesome-icon-list"> +
-     +
- +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/arrows-alt"><i class="fa fa-arrows-alt" aria-hidden="true"></i> <span class="sr-only">Пример </span>arrows-alt</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/backward"><i class="fa fa-backward" aria-hidden="true"></i> <span class="sr-only">Пример </span>backward</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/compress"><i class="fa fa-compress" aria-hidden="true"></i> <span class="sr-only">Пример </span>compress</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/eject"><i class="fa fa-eject" aria-hidden="true"></i> <span class="sr-only">Пример </span>eject</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/expand"><i class="fa fa-expand" aria-hidden="true"></i> <span class="sr-only">Пример </span>expand</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/fast-backward"><i class="fa fa-fast-backward" aria-hidden="true"></i> <span class="sr-only">Пример </span>fast-backward</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/fast-forward"><i class="fa fa-fast-forward" aria-hidden="true"></i> <span class="sr-only">Пример </span>fast-forward</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/forward"><i class="fa fa-forward" aria-hidden="true"></i> <span class="sr-only">Пример </span>forward</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/pause"><i class="fa fa-pause" aria-hidden="true"></i> <span class="sr-only">Пример </span>pause</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/pause-circle"><i class="fa fa-pause-circle" aria-hidden="true"></i> <span class="sr-only">Пример </span>pause-circle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/pause-circle-o"><i class="fa fa-pause-circle-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>pause-circle-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/play"><i class="fa fa-play" aria-hidden="true"></i> <span class="sr-only">Пример </span>play</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/play-circle"><i class="fa fa-play-circle" aria-hidden="true"></i> <span class="sr-only">Пример </span>play-circle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/play-circle-o"><i class="fa fa-play-circle-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>play-circle-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/random"><i class="fa fa-random" aria-hidden="true"></i> <span class="sr-only">Пример </span>random</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/step-backward"><i class="fa fa-step-backward" aria-hidden="true"></i> <span class="sr-only">Пример </span>step-backward</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/step-forward"><i class="fa fa-step-forward" aria-hidden="true"></i> <span class="sr-only">Пример </span>step-forward</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/stop"><i class="fa fa-stop" aria-hidden="true"></i> <span class="sr-only">Пример </span>stop</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/stop-circle"><i class="fa fa-stop-circle" aria-hidden="true"></i> <span class="sr-only">Пример </span>stop-circle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/stop-circle-o"><i class="fa fa-stop-circle-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>stop-circle-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/youtube-play"><i class="fa fa-youtube-play" aria-hidden="true"></i> <span class="sr-only">Пример </span>youtube-play</a></div> +
-     +
-  </div> +
- +
-</section> +
- +
-    <section id="brand"> +
-  <h2 class="page-header">Бренды</h2> +
- +
-  <div class="row fontawesome-icon-list margin-bottom-lg"> +
-     +
- +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/500px"><i class="fa fa-500px" aria-hidden="true"></i> <span class="sr-only">Пример </span>500px</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/adn"><i class="fa fa-adn" aria-hidden="true"></i> <span class="sr-only">Пример </span>adn</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/amazon"><i class="fa fa-amazon" aria-hidden="true"></i> <span class="sr-only">Пример </span>amazon</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/android"><i class="fa fa-android" aria-hidden="true"></i> <span class="sr-only">Пример </span>android</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/angellist"><i class="fa fa-angellist" aria-hidden="true"></i> <span class="sr-only">Пример </span>angellist</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/apple"><i class="fa fa-apple" aria-hidden="true"></i> <span class="sr-only">Пример </span>apple</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bandcamp"><i class="fa fa-bandcamp" aria-hidden="true"></i> <span class="sr-only">Пример </span>bandcamp</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/behance"><i class="fa fa-behance" aria-hidden="true"></i> <span class="sr-only">Пример </span>behance</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/behance-square"><i class="fa fa-behance-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>behance-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bitbucket"><i class="fa fa-bitbucket" aria-hidden="true"></i> <span class="sr-only">Пример </span>bitbucket</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bitbucket-square"><i class="fa fa-bitbucket-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>bitbucket-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/btc"><i class="fa fa-bitcoin" aria-hidden="true"></i> <span class="sr-only">Пример </span>bitcoin <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/black-tie"><i class="fa fa-black-tie" aria-hidden="true"></i> <span class="sr-only">Пример </span>black-tie</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bluetooth"><i class="fa fa-bluetooth" aria-hidden="true"></i> <span class="sr-only">Пример </span>bluetooth</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/bluetooth-b"><i class="fa fa-bluetooth-b" aria-hidden="true"></i> <span class="sr-only">Пример </span>bluetooth-b</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/btc"><i class="fa fa-btc" aria-hidden="true"></i> <span class="sr-only">Пример </span>btc</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/buysellads"><i class="fa fa-buysellads" aria-hidden="true"></i> <span class="sr-only">Пример </span>buysellads</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cc-amex"><i class="fa fa-cc-amex" aria-hidden="true"></i> <span class="sr-only">Пример </span>cc-amex</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cc-diners-club"><i class="fa fa-cc-diners-club" aria-hidden="true"></i> <span class="sr-only">Пример </span>cc-diners-club</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cc-discover"><i class="fa fa-cc-discover" aria-hidden="true"></i> <span class="sr-only">Пример </span>cc-discover</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cc-jcb"><i class="fa fa-cc-jcb" aria-hidden="true"></i> <span class="sr-only">Пример </span>cc-jcb</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cc-mastercard"><i class="fa fa-cc-mastercard" aria-hidden="true"></i> <span class="sr-only">Пример </span>cc-mastercard</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cc-paypal"><i class="fa fa-cc-paypal" aria-hidden="true"></i> <span class="sr-only">Пример </span>cc-paypal</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cc-stripe"><i class="fa fa-cc-stripe" aria-hidden="true"></i> <span class="sr-only">Пример </span>cc-stripe</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/cc-visa"><i class="fa fa-cc-visa" aria-hidden="true"></i> <span class="sr-only">Пример </span>cc-visa</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/chrome"><i class="fa fa-chrome" aria-hidden="true"></i> <span class="sr-only">Пример </span>chrome</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/codepen"><i class="fa fa-codepen" aria-hidden="true"></i> <span class="sr-only">Пример </span>codepen</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/codiepie"><i class="fa fa-codiepie" aria-hidden="true"></i> <span class="sr-only">Пример </span>codiepie</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/connectdevelop"><i class="fa fa-connectdevelop" aria-hidden="true"></i> <span class="sr-only">Пример </span>connectdevelop</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/contao"><i class="fa fa-contao" aria-hidden="true"></i> <span class="sr-only">Пример </span>contao</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/css3"><i class="fa fa-css3" aria-hidden="true"></i> <span class="sr-only">Пример </span>css3</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/dashcube"><i class="fa fa-dashcube" aria-hidden="true"></i> <span class="sr-only">Пример </span>dashcube</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/delicious"><i class="fa fa-delicious" aria-hidden="true"></i> <span class="sr-only">Пример </span>delicious</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/deviantart"><i class="fa fa-deviantart" aria-hidden="true"></i> <span class="sr-only">Пример </span>deviantart</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/digg"><i class="fa fa-digg" aria-hidden="true"></i> <span class="sr-only">Пример </span>digg</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/dribbble"><i class="fa fa-dribbble" aria-hidden="true"></i> <span class="sr-only">Пример </span>dribbble</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/dropbox"><i class="fa fa-dropbox" aria-hidden="true"></i> <span class="sr-only">Пример </span>dropbox</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/drupal"><i class="fa fa-drupal" aria-hidden="true"></i> <span class="sr-only">Пример </span>drupal</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/edge"><i class="fa fa-edge" aria-hidden="true"></i> <span class="sr-only">Пример </span>edge</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/eercast"><i class="fa fa-eercast" aria-hidden="true"></i> <span class="sr-only">Пример </span>eercast</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/empire"><i class="fa fa-empire" aria-hidden="true"></i> <span class="sr-only">Пример </span>empire</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/envira"><i class="fa fa-envira" aria-hidden="true"></i> <span class="sr-only">Пример </span>envira</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/etsy"><i class="fa fa-etsy" aria-hidden="true"></i> <span class="sr-only">Пример </span>etsy</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/expeditedssl"><i class="fa fa-expeditedssl" aria-hidden="true"></i> <span class="sr-only">Пример </span>expeditedssl</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/font-awesome"><i class="fa fa-fa" aria-hidden="true"></i> <span class="sr-only">Пример </span>fa <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/facebook"><i class="fa fa-facebook" aria-hidden="true"></i> <span class="sr-only">Пример </span>facebook</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/facebook"><i class="fa fa-facebook-f" aria-hidden="true"></i> <span class="sr-only">Пример </span>facebook-f <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/facebook-official"><i class="fa fa-facebook-official" aria-hidden="true"></i> <span class="sr-only">Пример </span>facebook-official</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/facebook-square"><i class="fa fa-facebook-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>facebook-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/firefox"><i class="fa fa-firefox" aria-hidden="true"></i> <span class="sr-only">Пример </span>firefox</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/first-order"><i class="fa fa-first-order" aria-hidden="true"></i> <span class="sr-only">Пример </span>first-order</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/flickr"><i class="fa fa-flickr" aria-hidden="true"></i> <span class="sr-only">Пример </span>flickr</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/font-awesome"><i class="fa fa-font-awesome" aria-hidden="true"></i> <span class="sr-only">Пример </span>font-awesome</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/fonticons"><i class="fa fa-fonticons" aria-hidden="true"></i> <span class="sr-only">Пример </span>fonticons</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/fort-awesome"><i class="fa fa-fort-awesome" aria-hidden="true"></i> <span class="sr-only">Пример </span>fort-awesome</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/forumbee"><i class="fa fa-forumbee" aria-hidden="true"></i> <span class="sr-only">Пример </span>forumbee</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/foursquare"><i class="fa fa-foursquare" aria-hidden="true"></i> <span class="sr-only">Пример </span>foursquare</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/free-code-camp"><i class="fa fa-free-code-camp" aria-hidden="true"></i> <span class="sr-only">Пример </span>free-code-camp</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/empire"><i class="fa fa-ge" aria-hidden="true"></i> <span class="sr-only">Пример </span>ge <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/get-pocket"><i class="fa fa-get-pocket" aria-hidden="true"></i> <span class="sr-only">Пример </span>get-pocket</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/gg"><i class="fa fa-gg" aria-hidden="true"></i> <span class="sr-only">Пример </span>gg</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/gg-circle"><i class="fa fa-gg-circle" aria-hidden="true"></i> <span class="sr-only">Пример </span>gg-circle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/git"><i class="fa fa-git" aria-hidden="true"></i> <span class="sr-only">Пример </span>git</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/git-square"><i class="fa fa-git-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>git-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/github"><i class="fa fa-github" aria-hidden="true"></i> <span class="sr-only">Пример </span>github</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/github-alt"><i class="fa fa-github-alt" aria-hidden="true"></i> <span class="sr-only">Пример </span>github-alt</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/github-square"><i class="fa fa-github-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>github-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/gitlab"><i class="fa fa-gitlab" aria-hidden="true"></i> <span class="sr-only">Пример </span>gitlab</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/gratipay"><i class="fa fa-gittip" aria-hidden="true"></i> <span class="sr-only">Пример </span>gittip <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/glide"><i class="fa fa-glide" aria-hidden="true"></i> <span class="sr-only">Пример </span>glide</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/glide-g"><i class="fa fa-glide-g" aria-hidden="true"></i> <span class="sr-only">Пример </span>glide-g</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/google"><i class="fa fa-google" aria-hidden="true"></i> <span class="sr-only">Пример </span>google</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/google-plus"><i class="fa fa-google-plus" aria-hidden="true"></i> <span class="sr-only">Пример </span>google-plus</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/google-plus-official"><i class="fa fa-google-plus-circle" aria-hidden="true"></i> <span class="sr-only">Пример </span>google-plus-circle <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/google-plus-official"><i class="fa fa-google-plus-official" aria-hidden="true"></i> <span class="sr-only">Пример </span>google-plus-official</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/google-plus-square"><i class="fa fa-google-plus-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>google-plus-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/google-wallet"><i class="fa fa-google-wallet" aria-hidden="true"></i> <span class="sr-only">Пример </span>google-wallet</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/gratipay"><i class="fa fa-gratipay" aria-hidden="true"></i> <span class="sr-only">Пример </span>gratipay</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/grav"><i class="fa fa-grav" aria-hidden="true"></i> <span class="sr-only">Пример </span>grav</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hacker-news"><i class="fa fa-hacker-news" aria-hidden="true"></i> <span class="sr-only">Пример </span>hacker-news</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/houzz"><i class="fa fa-houzz" aria-hidden="true"></i> <span class="sr-only">Пример </span>houzz</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/html5"><i class="fa fa-html5" aria-hidden="true"></i> <span class="sr-only">Пример </span>html5</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/imdb"><i class="fa fa-imdb" aria-hidden="true"></i> <span class="sr-only">Пример </span>imdb</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/instagram"><i class="fa fa-instagram" aria-hidden="true"></i> <span class="sr-only">Пример </span>instagram</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/internet-explorer"><i class="fa fa-internet-explorer" aria-hidden="true"></i> <span class="sr-only">Пример </span>internet-explorer</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/ioxhost"><i class="fa fa-ioxhost" aria-hidden="true"></i> <span class="sr-only">Пример </span>ioxhost</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/joomla"><i class="fa fa-joomla" aria-hidden="true"></i> <span class="sr-only">Пример </span>joomla</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/jsfiddle"><i class="fa fa-jsfiddle" aria-hidden="true"></i> <span class="sr-only">Пример </span>jsfiddle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/lastfm"><i class="fa fa-lastfm" aria-hidden="true"></i> <span class="sr-only">Пример </span>lastfm</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/lastfm-square"><i class="fa fa-lastfm-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>lastfm-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/leanpub"><i class="fa fa-leanpub" aria-hidden="true"></i> <span class="sr-only">Пример </span>leanpub</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/linkedin"><i class="fa fa-linkedin" aria-hidden="true"></i> <span class="sr-only">Пример </span>linkedin</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/linkedin-square"><i class="fa fa-linkedin-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>linkedin-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/linode"><i class="fa fa-linode" aria-hidden="true"></i> <span class="sr-only">Пример </span>linode</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/linux"><i class="fa fa-linux" aria-hidden="true"></i> <span class="sr-only">Пример </span>linux</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/maxcdn"><i class="fa fa-maxcdn" aria-hidden="true"></i> <span class="sr-only">Пример </span>maxcdn</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/meanpath"><i class="fa fa-meanpath" aria-hidden="true"></i> <span class="sr-only">Пример </span>meanpath</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/medium"><i class="fa fa-medium" aria-hidden="true"></i> <span class="sr-only">Пример </span>medium</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/meetup"><i class="fa fa-meetup" aria-hidden="true"></i> <span class="sr-only">Пример </span>meetup</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/mixcloud"><i class="fa fa-mixcloud" aria-hidden="true"></i> <span class="sr-only">Пример </span>mixcloud</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/modx"><i class="fa fa-modx" aria-hidden="true"></i> <span class="sr-only">Пример </span>modx</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/odnoklassniki"><i class="fa fa-odnoklassniki" aria-hidden="true"></i> <span class="sr-only">Пример </span>odnoklassniki</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/odnoklassniki-square"><i class="fa fa-odnoklassniki-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>odnoklassniki-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/opencart"><i class="fa fa-opencart" aria-hidden="true"></i> <span class="sr-only">Пример </span>opencart</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/openid"><i class="fa fa-openid" aria-hidden="true"></i> <span class="sr-only">Пример </span>openid</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/opera"><i class="fa fa-opera" aria-hidden="true"></i> <span class="sr-only">Пример </span>opera</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/optin-monster"><i class="fa fa-optin-monster" aria-hidden="true"></i> <span class="sr-only">Пример </span>optin-monster</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/pagelines"><i class="fa fa-pagelines" aria-hidden="true"></i> <span class="sr-only">Пример </span>pagelines</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/paypal"><i class="fa fa-paypal" aria-hidden="true"></i> <span class="sr-only">Пример </span>paypal</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/pied-piper"><i class="fa fa-pied-piper" aria-hidden="true"></i> <span class="sr-only">Пример </span>pied-piper</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/pied-piper-alt"><i class="fa fa-pied-piper-alt" aria-hidden="true"></i> <span class="sr-only">Пример </span>pied-piper-alt</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/pied-piper-pp"><i class="fa fa-pied-piper-pp" aria-hidden="true"></i> <span class="sr-only">Пример </span>pied-piper-pp</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/pinterest"><i class="fa fa-pinterest" aria-hidden="true"></i> <span class="sr-only">Пример </span>pinterest</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/pinterest-p"><i class="fa fa-pinterest-p" aria-hidden="true"></i> <span class="sr-only">Пример </span>pinterest-p</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/pinterest-square"><i class="fa fa-pinterest-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>pinterest-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/product-hunt"><i class="fa fa-product-hunt" aria-hidden="true"></i> <span class="sr-only">Пример </span>product-hunt</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/qq"><i class="fa fa-qq" aria-hidden="true"></i> <span class="sr-only">Пример </span>qq</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/quora"><i class="fa fa-quora" aria-hidden="true"></i> <span class="sr-only">Пример </span>quora</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/rebel"><i class="fa fa-ra" aria-hidden="true"></i> <span class="sr-only">Пример </span>ra <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/ravelry"><i class="fa fa-ravelry" aria-hidden="true"></i> <span class="sr-only">Пример </span>ravelry</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/rebel"><i class="fa fa-rebel" aria-hidden="true"></i> <span class="sr-only">Пример </span>rebel</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/reddit"><i class="fa fa-reddit" aria-hidden="true"></i> <span class="sr-only">Пример </span>reddit</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/reddit-alien"><i class="fa fa-reddit-alien" aria-hidden="true"></i> <span class="sr-only">Пример </span>reddit-alien</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/reddit-square"><i class="fa fa-reddit-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>reddit-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/renren"><i class="fa fa-renren" aria-hidden="true"></i> <span class="sr-only">Пример </span>renren</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/rebel"><i class="fa fa-resistance" aria-hidden="true"></i> <span class="sr-only">Пример </span>resistance <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/safari"><i class="fa fa-safari" aria-hidden="true"></i> <span class="sr-only">Пример </span>safari</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/scribd"><i class="fa fa-scribd" aria-hidden="true"></i> <span class="sr-only">Пример </span>scribd</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/sellsy"><i class="fa fa-sellsy" aria-hidden="true"></i> <span class="sr-only">Пример </span>sellsy</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/share-alt"><i class="fa fa-share-alt" aria-hidden="true"></i> <span class="sr-only">Пример </span>share-alt</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/share-alt-square"><i class="fa fa-share-alt-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>share-alt-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/shirtsinbulk"><i class="fa fa-shirtsinbulk" aria-hidden="true"></i> <span class="sr-only">Пример </span>shirtsinbulk</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/simplybuilt"><i class="fa fa-simplybuilt" aria-hidden="true"></i> <span class="sr-only">Пример </span>simplybuilt</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/skyatlas"><i class="fa fa-skyatlas" aria-hidden="true"></i> <span class="sr-only">Пример </span>skyatlas</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/skype"><i class="fa fa-skype" aria-hidden="true"></i> <span class="sr-only">Пример </span>skype</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/slack"><i class="fa fa-slack" aria-hidden="true"></i> <span class="sr-only">Пример </span>slack</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/slideshare"><i class="fa fa-slideshare" aria-hidden="true"></i> <span class="sr-only">Пример </span>slideshare</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/snapchat"><i class="fa fa-snapchat" aria-hidden="true"></i> <span class="sr-only">Пример </span>snapchat</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/snapchat-ghost"><i class="fa fa-snapchat-ghost" aria-hidden="true"></i> <span class="sr-only">Пример </span>snapchat-ghost</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/snapchat-square"><i class="fa fa-snapchat-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>snapchat-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/soundcloud"><i class="fa fa-soundcloud" aria-hidden="true"></i> <span class="sr-only">Пример </span>soundcloud</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/spotify"><i class="fa fa-spotify" aria-hidden="true"></i> <span class="sr-only">Пример </span>spotify</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/stack-exchange"><i class="fa fa-stack-exchange" aria-hidden="true"></i> <span class="sr-only">Пример </span>stack-exchange</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/stack-overflow"><i class="fa fa-stack-overflow" aria-hidden="true"></i> <span class="sr-only">Пример </span>stack-overflow</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/steam"><i class="fa fa-steam" aria-hidden="true"></i> <span class="sr-only">Пример </span>steam</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/steam-square"><i class="fa fa-steam-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>steam-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/stumbleupon"><i class="fa fa-stumbleupon" aria-hidden="true"></i> <span class="sr-only">Пример </span>stumbleupon</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/stumbleupon-circle"><i class="fa fa-stumbleupon-circle" aria-hidden="true"></i> <span class="sr-only">Пример </span>stumbleupon-circle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/superpowers"><i class="fa fa-superpowers" aria-hidden="true"></i> <span class="sr-only">Пример </span>superpowers</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/telegram"><i class="fa fa-telegram" aria-hidden="true"></i> <span class="sr-only">Пример </span>telegram</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/tencent-weibo"><i class="fa fa-tencent-weibo" aria-hidden="true"></i> <span class="sr-only">Пример </span>tencent-weibo</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/themeisle"><i class="fa fa-themeisle" aria-hidden="true"></i> <span class="sr-only">Пример </span>themeisle</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/trello"><i class="fa fa-trello" aria-hidden="true"></i> <span class="sr-only">Пример </span>trello</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/tripadvisor"><i class="fa fa-tripadvisor" aria-hidden="true"></i> <span class="sr-only">Пример </span>tripadvisor</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/tumblr"><i class="fa fa-tumblr" aria-hidden="true"></i> <span class="sr-only">Пример </span>tumblr</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/tumblr-square"><i class="fa fa-tumblr-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>tumblr-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/twitch"><i class="fa fa-twitch" aria-hidden="true"></i> <span class="sr-only">Пример </span>twitch</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/twitter"><i class="fa fa-twitter" aria-hidden="true"></i> <span class="sr-only">Пример </span>twitter</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/twitter-square"><i class="fa fa-twitter-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>twitter-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/usb"><i class="fa fa-usb" aria-hidden="true"></i> <span class="sr-only">Пример </span>usb</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/viacoin"><i class="fa fa-viacoin" aria-hidden="true"></i> <span class="sr-only">Пример </span>viacoin</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/viadeo"><i class="fa fa-viadeo" aria-hidden="true"></i> <span class="sr-only">Пример </span>viadeo</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/viadeo-square"><i class="fa fa-viadeo-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>viadeo-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/vimeo"><i class="fa fa-vimeo" aria-hidden="true"></i> <span class="sr-only">Пример </span>vimeo</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/vimeo-square"><i class="fa fa-vimeo-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>vimeo-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/vine"><i class="fa fa-vine" aria-hidden="true"></i> <span class="sr-only">Пример </span>vine</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/vk"><i class="fa fa-vk" aria-hidden="true"></i> <span class="sr-only">Пример </span>vk</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/weixin"><i class="fa fa-wechat" aria-hidden="true"></i> <span class="sr-only">Пример </span>wechat <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/weibo"><i class="fa fa-weibo" aria-hidden="true"></i> <span class="sr-only">Пример </span>weibo</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/weixin"><i class="fa fa-weixin" aria-hidden="true"></i> <span class="sr-only">Пример </span>weixin</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/whatsapp"><i class="fa fa-whatsapp" aria-hidden="true"></i> <span class="sr-only">Пример </span>whatsapp</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/wikipedia-w"><i class="fa fa-wikipedia-w" aria-hidden="true"></i> <span class="sr-only">Пример </span>wikipedia-w</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/windows"><i class="fa fa-windows" aria-hidden="true"></i> <span class="sr-only">Пример </span>windows</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/wordpress"><i class="fa fa-wordpress" aria-hidden="true"></i> <span class="sr-only">Пример </span>wordpress</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/wpbeginner"><i class="fa fa-wpbeginner" aria-hidden="true"></i> <span class="sr-only">Пример </span>wpbeginner</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/wpexplorer"><i class="fa fa-wpexplorer" aria-hidden="true"></i> <span class="sr-only">Пример </span>wpexplorer</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/wpforms"><i class="fa fa-wpforms" aria-hidden="true"></i> <span class="sr-only">Пример </span>wpforms</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/xing"><i class="fa fa-xing" aria-hidden="true"></i> <span class="sr-only">Пример </span>xing</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/xing-square"><i class="fa fa-xing-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>xing-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/y-combinator"><i class="fa fa-y-combinator" aria-hidden="true"></i> <span class="sr-only">Пример </span>y-combinator</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hacker-news"><i class="fa fa-y-combinator-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>y-combinator-square <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/yahoo"><i class="fa fa-yahoo" aria-hidden="true"></i> <span class="sr-only">Пример </span>yahoo</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/y-combinator"><i class="fa fa-yc" aria-hidden="true"></i> <span class="sr-only">Пример </span>yc <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hacker-news"><i class="fa fa-yc-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>yc-square <span class="text-muted">(синоним)</span></a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/yelp"><i class="fa fa-yelp" aria-hidden="true"></i> <span class="sr-only">Пример </span>yelp</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/yoast"><i class="fa fa-yoast" aria-hidden="true"></i> <span class="sr-only">Пример </span>yoast</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/youtube"><i class="fa fa-youtube" aria-hidden="true"></i> <span class="sr-only">Пример </span>youtube</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/youtube-play"><i class="fa fa-youtube-play" aria-hidden="true"></i> <span class="sr-only">Пример </span>youtube-play</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/youtube-square"><i class="fa fa-youtube-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>youtube-square</a></div> +
-     +
-  </div> +
- +
-  <div class="alert alert-warning"> +
-    <h4><i class="fa fa-warning" aria-hidden="true"></i> Внимание!</h4> +
-Судя по всему, Adblock Plus с включенной функцией "Remove Social Media Buttons" может удалять иконки Font Awesome категории бренд. +
-Мы не будем использовать хаки, чтобы заставить их отображаться. Пожалуйста, +
-<a href="https://adblockplus.org/en/bugs" class="alert-link">сообщите об ошибке Adblock Plus</a>, если вы считаете, что это действительно ошибка. Чтобы избежать подобных ошибок вам необходимо изменить классы социальных иконок. +
- +
-  </div> +
- +
-  <div class="alert alert-success"> +
-    <ul class="margin-bottom-none padding-left-lg"> +
-  <li>Торговые марки используемые в иконках принадлежат их владельцам.</li> +
-  <li>Использование торговых марок в иконках не означает, что их владелец это одабривает, как и наоборот.</li> +
-  <li>Иконки торговых марок должны использоваться только для представления компании или её продуктов.</li> +
-  <li class="strong">Пожалуйста, не используйте логотипы брендов ни для чего, кроме как для представления этих самых брендов.</li> +
-</ul> +
- +
-  </div> +
-</section> +
- +
-    <section id="medical"> +
-  <h2 class="page-header">Медицина</h2> +
- +
-  <div class="row fontawesome-icon-list"> +
-     +
- +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/ambulance"><i class="fa fa-ambulance" aria-hidden="true"></i> <span class="sr-only">Пример </span>ambulance</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/h-square"><i class="fa fa-h-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>h-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/heart"><i class="fa fa-heart" aria-hidden="true"></i> <span class="sr-only">Пример </span>heart</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/heart-o"><i class="fa fa-heart-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>heart-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/heartbeat"><i class="fa fa-heartbeat" aria-hidden="true"></i> <span class="sr-only">Пример </span>heartbeat</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/hospital-o"><i class="fa fa-hospital-o" aria-hidden="true"></i> <span class="sr-only">Пример </span>hospital-o</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/medkit"><i class="fa fa-medkit" aria-hidden="true"></i> <span class="sr-only">Пример </span>medkit</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/plus-square"><i class="fa fa-plus-square" aria-hidden="true"></i> <span class="sr-only">Пример </span>plus-square</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/stethoscope"><i class="fa fa-stethoscope" aria-hidden="true"></i> <span class="sr-only">Пример </span>stethoscope</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/user-md"><i class="fa fa-user-md" aria-hidden="true"></i> <span class="sr-only">Пример </span>user-md</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/wheelchair"><i class="fa fa-wheelchair" aria-hidden="true"></i> <span class="sr-only">Пример </span>wheelchair</a></div> +
-     +
-      <div class="fa-hover col-md-3 col-sm-4"><a href="https://fontawesome.ru/icon/wheelchair-alt"><i class="fa fa-wheelchair-alt" aria-hidden="true"></i> <span class="sr-only">Пример </span>wheelchair-alt</a></div> +
-     +
-  </div> +
- +
-</section> +
- +
-  </div> +
-  <script type="text/template" id="results-template"> +
-    <h2 class="page-header">Результать по запросу '<span class="text-color-default"><%- content.query %></span>'</h2> +
-    <% if (content.nbHits > 0) { %> +
-      <div class="row fontawesome-icon-list"> +
-        <%= results %> +
-      </div> +
-    <% } else { %> +
-      <div class="alert alert-danger text-lg" role="alert"> +
-        <h3 class="margin-top margin-bottom-lg"><i class="fa fa-meh-o" aria-hidden="true"></i> Ой! По вашему запросу не найдено ни одной иконки.</h3> +
-        Несколько советов, которые могут помочь: +
-        <ol> +
-          <li> +
-            Используйте <a class="alert-link" href="https://fortawesome.com">Fort Awesome</a> (наш последний проект) для добавления ваших иконок, а также для поднятия уровня ваших работ со шрифтами! +
-          </li> +
-          <li> +
-            Действительно хотите увидеть иконку в Font Awesome? +
-            <a class="alert-link" href="mailto:dave@fortawesome.com">Напишите мне письмо</a> с описанием того, что вам нужно! +
-          </li> +
-          <li> +
-            Мы что-то упустили в результатах поиска? +
-            <a class="alert-link" href="https://github.com/FortAwesome/Font-Awesome/issues/new">Открыть обращение в GitHub!</a> +
-            (Убедитесь что ваше <a class="alert-link" href="https://github.com/FortAwesome/Font-Awesome/issues">обращение единственное на эту ошибку</a>.) +
-          </li> +
-        </ol> +
-      </div> +
-    <% } %> +
-  </script> +
-  <script type="text/template" id="result-template"> +
-    <div class="fa-hover col-md-3 col-sm-4"> +
-      <a href="../icon/<%= result.name %>"> +
-        <i class="fa <%= result.css_class %>" aria-hidden="true"></i> <%= result._highlightResult.name.value %> +
-        <% if (matches.length > 0) { %> +
-          <span class="text-muted">(<%= matches.join(", ") %>)</span> +
-        <% } %> +
-      </a> +
-    </div> +
-  </script> +
-</div> +
- +
-  </div> +
- +
- +
- +
- +
-  <script src="https://platform.twitter.com/widgets.js"></script></body></html> +
-   +
-  ~~DISCUSSION:off~~+
software/development/web/docs/web/css/font_awesome_examples.1709896583.txt.gz · Последнее изменение: — vladpolskiy