{"id":332,"date":"2015-03-25T22:56:13","date_gmt":"2015-03-25T22:56:13","guid":{"rendered":"http:\/\/razonartificial.com\/themes\/reason-wp\/?page_id=332"},"modified":"2015-03-25T22:56:13","modified_gmt":"2015-03-25T22:56:13","slug":"artificial-reason-icons","status":"publish","type":"page","link":"http:\/\/re-test.ru\/?page_id=332","title":{"rendered":"Artificial Reason Icons"},"content":{"rendered":"<h2 class=\"section-title no-margin-top\">Artificial Reason Icons<\/h2>\n<div class=\"alert alert-info alert-border\">\n                <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-hidden=\"true\">&times;<\/button><br \/>\n                <i class=\"fa fa-flag\"><\/i> You can use any icon of <strong><a href=\"icons_awesome.html\">Awesome Font<\/a><\/strong> or <strong><a href=\"icons_glyph.html\">Glyphicons<\/a><\/strong> to create Artificial Reason Icons!\n                <\/div>\n<section class=\"css-section\">\n<div class=\"row\">\n<div class=\"col-md-3 col-sm-6\">\n<h3>Normal Icons<\/h3>\n<p>                        <span class=\"icon-ar\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar\"><i class=\"fa fa-user\"><\/i><\/span>\n                    <\/div>\n<div class=\"col-md-3 col-sm-6\">\n<h3>Inverse Icons<\/h3>\n<p>                        <span class=\"icon-ar icon-ar-inverse\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse\"><i class=\"fa fa-user\"><\/i><\/span>\n                    <\/div>\n<div class=\"col-md-3 col-sm-6\">\n<h3>Round Icons<\/h3>\n<p>                        <span class=\"icon-ar icon-ar-round\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round\"><i class=\"fa fa-user\"><\/i><\/span>\n                    <\/div>\n<div class=\"col-md-3 col-sm-6\">\n<h3>Round Inverse<\/h3>\n<p>                        <span class=\"icon-ar icon-ar-round icon-ar-inverse\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-inverse\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-inverse\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-inverse\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-inverse\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-inverse\"><i class=\"fa fa-user\"><\/i><\/span>\n                    <\/div>\n<\/p><\/div>\n<hr class=\"dotted\">\n<p>                <!-- Panel Code --><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse1\" class=\"collapsed\"><i class=\"fa fa-terminal\"><\/i> Show Code<\/a>\n                    <\/div>\n<div id=\"collapse1\" class=\"panel-collapse collapse\">\n<div class=\"panel-body panel-body-no-padding\">\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;span class=&quot;icon-ar&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-round&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-round icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n                            <\/pre>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel show code --><\/p>\n<div class=\"row\">\n<div class=\"col-md-3 col-sm-6\">\n<h3>Square Icons<\/h3>\n<p>                        <span class=\"icon-ar icon-ar-square\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square\"><i class=\"fa fa-user\"><\/i><\/span>\n                    <\/div>\n<div class=\"col-md-3 col-sm-6\">\n<h3>Square Inverse<\/h3>\n<p>                        <span class=\"icon-ar icon-ar-square icon-ar-inverse\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-inverse\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-inverse\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-inverse\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-inverse\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-inverse\"><i class=\"fa fa-user\"><\/i><\/span>\n                    <\/div>\n<div class=\"col-md-3 col-sm-6\">\n<h3>Circle Icons<\/h3>\n<p>                        <span class=\"icon-ar icon-ar-circle\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle\"><i class=\"fa fa-user\"><\/i><\/span>\n                    <\/div>\n<div class=\"col-md-3 col-sm-6\">\n<h3>Circle Inverse<\/h3>\n<p>                        <span class=\"icon-ar icon-ar-circle icon-ar-inverse\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-inverse\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-inverse\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-inverse\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-inverse\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-inverse\"><i class=\"fa fa-user\"><\/i><\/span>\n                    <\/div>\n<\/p><\/div>\n<hr class=\"dotted\">\n<p>                <!-- Panel Code --><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse2\" class=\"collapsed\"><i class=\"fa fa-terminal\"><\/i> Show Code<\/a>\n                    <\/div>\n<div id=\"collapse2\" class=\"panel-collapse collapse\">\n<div class=\"panel-body panel-body-no-padding\">\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;span class=&quot;icon-ar icon-ar-square&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-square icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-circle&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-circle icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n                            <\/pre>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel show code --><\/p>\n<div class=\"row\">\n<div class=\"col-lg-5 col-md-6\">\n<h3>Small Icons<\/h3>\n<p>                        <span class=\"icon-ar icon-ar-sm icon-ar-square\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-sm icon-ar-round\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-sm\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-sm icon-ar-circle\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-sm icon-ar-square\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-sm icon-ar-round\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-sm\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-sm icon-ar-circle\"><i class=\"fa fa-globe\"><\/i><\/span>\n                    <\/div>\n<div class=\"col-lg-7 col-md-6\">\n<h3>Large Icons<\/h3>\n<p>                        <span class=\"icon-ar icon-ar-lg icon-ar-square\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-lg icon-ar-round\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-lg\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-lg icon-ar-circle\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-lg icon-ar-square\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-lg icon-ar-round\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-lg\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-lg icon-ar-circle\"><i class=\"fa fa-globe\"><\/i><\/span>\n                    <\/div>\n<\/p><\/div>\n<hr class=\"dotted\">\n<p>                <!-- Panel Code --><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse3\" class=\"collapsed\"><i class=\"fa fa-terminal\"><\/i> Show Code<\/a>\n                    <\/div>\n<div id=\"collapse3\" class=\"panel-collapse collapse\">\n<div class=\"panel-body panel-body-no-padding\">\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;!-- Small Icons --&gt;\n&lt;span class=&quot;icon-ar icon-ar-sm icon-ar-square&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-sm icon-ar-round&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-sm&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-sm icon-ar-circle&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-sm icon-ar-square&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-sm icon-ar-round&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-sm&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-sm icon-ar-circle&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n\n&lt;!-- Large Icons --&gt;\n&lt;span class=&quot;icon-ar icon-ar-lg icon-ar-square&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-lg icon-ar-round&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-lg icon-ar-circle&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-lg icon-ar-square&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-lg icon-ar-round&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-lg icon-ar-circle&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n                            <\/pre>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel show code --><\/p>\n<div class=\"row\">\n<div class=\"col-md-12\">\n<h3>XL Large Icons<\/h3>\n<p>                        <span class=\"icon-ar icon-ar-xl-lg icon-ar-square\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-xl-lg icon-ar-round\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-xl-lg\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-xl-lg icon-ar-circle\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-square\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-round\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-xl-lg\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-circle\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <br \/>\n                        <span class=\"icon-ar icon-ar-xl-lg icon-ar-square icon-ar-danger\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-xl-lg icon-ar-round icon-ar-warning\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-xl-lg icon-ar-success\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-xl-lg icon-ar-circle icon-ar-help\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-square icon-ar-info\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-round icon-ar-help\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-warning\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-circle icon-ar-success\"><i class=\"fa fa-globe\"><\/i><\/span>\n                    <\/div>\n<\/p><\/div>\n<hr class=\"dotted\">\n<p>                <!-- Panel Code --><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse4\" class=\"collapsed\"><i class=\"fa fa-terminal\"><\/i> Show Code<\/a>\n                    <\/div>\n<div id=\"collapse4\" class=\"panel-collapse collapse\">\n<div class=\"panel-body panel-body-no-padding\">\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;span class=&quot;icon-ar icon-ar-xl-lg icon-ar-square&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-xl-lg icon-ar-round&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-xl-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-xl-lg icon-ar-circle&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-square&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-round&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-circle&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-xl-lg icon-ar-square icon-ar-danger&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-xl-lg icon-ar-round icon-ar-warning&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-xl-lg icon-ar-success&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-xl-lg icon-ar-circle icon-ar-help&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-square icon-ar-info&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-round icon-ar-help&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-warning&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg icon-ar-circle icon-ar-success&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n                            <\/pre>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel show code --><\/p>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<h3>Color Icons<\/h3>\n<p>                        <span class=\"icon-ar icon-ar-danger\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-warning\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-success\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-info\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-help\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-black\"><i class=\"fa fa-user\"><\/i><\/span><br \/>\n                        <br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-danger\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-warning\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-success\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-info\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-help\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-black\"><i class=\"fa fa-user\"><\/i><\/span><br \/>\n                        <br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-danger\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-warning\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-success\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-info\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-help\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-black\"><i class=\"fa fa-user\"><\/i><\/span><br \/>\n                        <br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-danger\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-warning\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-success\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-info\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-help\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-black\"><i class=\"fa fa-user\"><\/i><\/span>\n                    <\/div>\n<div class=\"col-md-6\">\n<h3>Inverse Color Icons<\/h3>\n<p>                        <span class=\"icon-ar icon-ar-danger icon-ar-inverse\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-warning icon-ar-inverse\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-success icon-ar-inverse\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-info icon-ar-inverse\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-help icon-ar-inverse\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-black icon-ar-inverse\"><i class=\"fa fa-user\"><\/i><\/span><br \/>\n                        <br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-danger icon-ar-inverse\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-warning icon-ar-inverse\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-success icon-ar-inverse\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-info icon-ar-inverse\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-help icon-ar-inverse\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-round icon-ar-black icon-ar-inverse\"><i class=\"fa fa-user\"><\/i><\/span><br \/>\n                        <br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-danger icon-ar-inverse\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-warning icon-ar-inverse\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-success icon-ar-inverse\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-info icon-ar-inverse\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-help icon-ar-inverse\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-square icon-ar-black icon-ar-inverse\"><i class=\"fa fa-user\"><\/i><\/span><br \/>\n                        <br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-danger icon-ar-inverse\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-warning icon-ar-inverse\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-success icon-ar-inverse\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-info icon-ar-inverse\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-help icon-ar-inverse\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-black icon-ar-inverse\"><i class=\"fa fa-user\"><\/i><\/span>\n                    <\/div>\n<\/p><\/div>\n<hr class=\"dotted\">\n<p>                <!-- Panel Code --><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse5\" class=\"collapsed\"><i class=\"fa fa-terminal\"><\/i> Show Code<\/a>\n                    <\/div>\n<div id=\"collapse5\" class=\"panel-collapse collapse\">\n<div class=\"panel-body panel-body-no-padding\">\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;span class=&quot;icon-ar icon-ar-danger&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-warning&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-success&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-info&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-help&quot;&gt;&lt;i class=&quot;fa fa-send&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-black&quot;&gt;&lt;i class=&quot;fa fa-user&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n\n&lt;!-- Inverse --&gt;\n&lt;span class=&quot;icon-ar icon-ar-danger icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-warning icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-tachometer&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-success icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-info icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-globe&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-help icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-send&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-black icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-user&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n                            <\/pre>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel show code --><br \/>\n            <\/section>\n<section class=\"css-section\">\n<h3>White Icons for Darks Backgrounds<\/h3>\n<div class=\"wrap-primary-color lateral-padding\">\n<div class=\"row\">\n<div class=\"col-md-3 col-sm-6\">\n<h3 class=\"no-margin-top\">Normal Icons<\/h3>\n<p>                            <span class=\"icon-ar icon-ar-white\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white\"><i class=\"fa fa-user\"><\/i><\/span>\n                        <\/div>\n<div class=\"col-md-3 col-sm-6\">\n<h3 class=\"no-margin-top\">Inverse Icons<\/h3>\n<p>                            <span class=\"icon-ar icon-ar-white icon-ar-inverse\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-inverse\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-inverse\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-inverse\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-inverse\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-inverse\"><i class=\"fa fa-user\"><\/i><\/span>\n                        <\/div>\n<div class=\"col-md-3 col-sm-6\">\n<h3 class=\"no-margin-top\">Round Icons<\/h3>\n<p>                            <span class=\"icon-ar icon-ar-white icon-ar-round\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-round\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-round\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-round\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-round\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-round\"><i class=\"fa fa-user\"><\/i><\/span>\n                        <\/div>\n<div class=\"col-md-3 col-sm-6\">\n<h3 class=\"no-margin-top\">Round Inverse<\/h3>\n<p>                            <span class=\"icon-ar icon-ar-white icon-ar-round icon-ar-inverse\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-round icon-ar-inverse\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-round icon-ar-inverse\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-round icon-ar-inverse\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-round icon-ar-inverse\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-round icon-ar-inverse\"><i class=\"fa fa-user\"><\/i><\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"row\">\n<div class=\"col-md-3 col-sm-6\">\n<h3>Square Icons<\/h3>\n<p>                            <span class=\"icon-ar icon-ar-white icon-ar-square\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-square\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-square\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-square\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-square\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-square\"><i class=\"fa fa-user\"><\/i><\/span>\n                        <\/div>\n<div class=\"col-md-3 col-sm-6\">\n<h3>Square Inverse<\/h3>\n<p>                            <span class=\"icon-ar icon-ar-white icon-ar-square icon-ar-inverse\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-square icon-ar-inverse\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-square icon-ar-inverse\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-square icon-ar-inverse\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-square icon-ar-inverse\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-square icon-ar-inverse\"><i class=\"fa fa-user\"><\/i><\/span>\n                        <\/div>\n<div class=\"col-md-3 col-sm-6\">\n<h3>Circle Icons<\/h3>\n<p>                            <span class=\"icon-ar icon-ar-white icon-ar-circle\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-circle\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-circle\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-circle\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-circle\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-circle\"><i class=\"fa fa-user\"><\/i><\/span>\n                        <\/div>\n<div class=\"col-md-3 col-sm-6\">\n<h3>Circle Inverse<\/h3>\n<p>                            <span class=\"icon-ar icon-ar-white icon-ar-circle icon-ar-inverse\"><i class=\"fa fa-cloud\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-circle icon-ar-inverse\"><i class=\"fa fa-tachometer\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-circle icon-ar-inverse\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-circle icon-ar-inverse\"><i class=\"fa fa-globe\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-circle icon-ar-inverse\"><i class=\"fa fa-send\"><\/i><\/span><br \/>\n                            <span class=\"icon-ar icon-ar-white icon-ar-circle icon-ar-inverse\"><i class=\"fa fa-user\"><\/i><\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<hr class=\"dotted\">\n<p>                <!-- Panel Code --><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse6\" class=\"collapsed\"><i class=\"fa fa-terminal\"><\/i> Show Code<\/a>\n                    <\/div>\n<div id=\"collapse6\" class=\"panel-collapse collapse\">\n<div class=\"panel-body panel-body-no-padding\">\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;span class=&quot;icon-ar icon-ar-white&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-white icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-white icon-ar-round&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-white icon-ar-round icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n\n&lt;span class=&quot;icon-ar icon-ar-white icon-ar-square&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-white icon-ar-square icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-white icon-ar-circle&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-white icon-ar-circle icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n                            <\/pre>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel show code --><br \/>\n            <\/section>\n<section class=\"css-section\">\n<h3>Examples Size Icons<\/h3>\n<div class=\"row\">\n<div class=\"col-md-4\">\n                        <span class=\"icon-ar icon-ar-xl-lg\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-lg\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-sm\"><i class=\"fa fa-coffee\"><\/i><\/span>\n                    <\/div>\n<div class=\"col-md-4\">\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-xl-lg\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-lg\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-inverse icon-ar-sm\"><i class=\"fa fa-coffee\"><\/i><\/span>\n                    <\/div>\n<div class=\"col-md-4\">\n                        <span class=\"icon-ar icon-ar-circle icon-ar-xl-lg\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-lg\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle\"><i class=\"fa fa-coffee\"><\/i><\/span><br \/>\n                        <span class=\"icon-ar icon-ar-circle icon-ar-sm\"><i class=\"fa fa-coffee\"><\/i><\/span>\n                    <\/div>\n<\/p><\/div>\n<hr>\n<p>                <!-- Panel Code --><\/p>\n<div class=\"panel panel-default\">\n<div class=\"panel-heading panel-heading-link\">\n                        <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#collapse7\" class=\"collapsed\"><i class=\"fa fa-terminal\"><\/i> Show Code<\/a>\n                    <\/div>\n<div id=\"collapse7\" class=\"panel-collapse collapse\">\n<div class=\"panel-body panel-body-no-padding\">\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;span class=&quot;icon-ar icon-ar-xl-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-sm&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-xl-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-inverse&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-inverse icon-ar-sm&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n\n&lt;span class=&quot;icon-ar icon-ar-circle icon-ar-xl-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-circle icon-ar-lg&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-circle&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n&lt;span class=&quot;icon-ar icon-ar-circle icon-ar-sm&quot;&gt;&lt;i class=&quot;fa fa-coffee&quot;&gt;&lt;\/i&gt;&lt;\/span&gt;\n                            <\/pre>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- panel show code --><br \/>\n            <\/section>\n","protected":false},"excerpt":{"rendered":"<p>Artificial Reason Icons &times; You can use any icon of Awesome Font or Glyphicons to create Artificial Reason Icons! Normal Icons Inverse Icons Round Icons Round Inverse Show Code Square Icons Square Inverse Circle Icons Circle Inverse Show Code Small Icons Large Icons Show Code XL Large Icons Show Code Color Icons Inverse Color Icons &hellip; <a href=\"http:\/\/re-test.ru\/?page_id=332\" class=\"more-link\">\u0427\u0438\u0442\u0430\u0442\u044c \u0434\u0430\u043b\u0435\u0435 <span class=\"screen-reader-text\">Artificial Reason Icons<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"page-left-menu.php","meta":{"spay_email":""},"_links":{"self":[{"href":"http:\/\/re-test.ru\/index.php?rest_route=\/wp\/v2\/pages\/332"}],"collection":[{"href":"http:\/\/re-test.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/re-test.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/re-test.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/re-test.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=332"}],"version-history":[{"count":0,"href":"http:\/\/re-test.ru\/index.php?rest_route=\/wp\/v2\/pages\/332\/revisions"}],"wp:attachment":[{"href":"http:\/\/re-test.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}