اضافة بلوجر أكواد CSS للخط الرائع Font Awesome
السلام عليكم ورحمة الله وبركاته اليوم بإذن الله سوف نقدم لكم اضافة من اهم الاضافات التي يبحث عنها الجميع من منا لا يستخدم اكواد ال CSS في مدونته او موقعه الاشكال كثيرة وانت محتار اين تختار اضافة اليوم هي عبارة عن مكتبة FontAwesome طبعا هذه الاضافة ليست ملكي وانما من تصميم المبدع الاستاذ عمرو مصطفي صاحب مدونة كن مدون , المهم هذه مكتبة رائع تضم العشرات من الاشكال المميزة التي لابد وانت تتوفر في مدونتك او موقعك كايقونة امام القسم او كمكتبة كما سنقدم لكم اليوم ولذلك اعتبروها هدية مني لكم لانها بشكل حصري لمدونة كله تقني وهناك المزيد بإذن الله من الاضافات المميزة الحصرية التي لن تجدوها في اي مكان اخر بإذن الله قبل كل شئ يمكنك معاينة المكتبة من هنا قبل تركيبها علي مدونتك من هنا
مكتبة الخط الرائع Font Awesome
1- كيفية تركيب المكتبة علي المدونة
2- قم بالذهاب الي لوحة تحكم بلوجر
3- قسم الصفحات
4- ثم انشاء صفحة جديدة
5- ثم انتقل للوضع HTML بدلا من تأليف
6- ثم امسح كل الموجود اضف تلك الاكواد بداخل الصفحة
7- ثم حفظ , واذهب لمعاينة المكتبة علي مدونتك
============================ في صفحة ثابتة ======================================
=========================================================================
<div class="post-body entry-content" id="post-body-3889208826845067966" itemprop="articleBody">
<style>
.cnmu-font-awesome {
list-style: outside none none;
margin: 30px 0 !important;
padding: 0 !important;
}
.cnmu-font-awesome li {
box-sizing: border-box;
display: block;
float: left;
margin-bottom: 10px !important;
padding: 5px 10px !important;
transition: all 0.4s ease 0s;
width: 33.3%;
}
.cnmu-font-awesome li:hover {background-color: #446faa;color: #fff;}
.cnmu-font-awesome i {
float: left;
font-size: 32px;
}
.icon-name {
float: left;
line-height: 32px;
margin-left: 20px;
}
.icon-value {
background-color: #446faa;
border: 1px solid #fff;
color: #fff;
direction: ltr;
float: right;
line-height: 32px;
text-align: center;
width: 64px;
}
@media screen and (max-width : 970px) {.cnmu-font-awesome li {width: 50%;}}
@media screen and (max-width : 680px) {.cnmu-font-awesome li {width: 100%;}}
</style>
<ul class="cnmu-font-awesome">
<li><i class="fa fa-glass"></i> <span class="icon-name">fa-glass</span> <span class="icon-value">"f000"</span></li>
<li><i class="fa fa-music"></i> <span class="icon-name">fa-music</span> <span class="icon-value">"f001"</span></li>
<li><i class="fa fa-search"></i> <span class="icon-name">fa-search</span> <span class="icon-value">"f002"</span></li>
<li><i class="fa fa-envelope-o"></i> <span class="icon-name">fa-envelope-o</span> <span class="icon-value">"f003"</span></li>
<li><i class="fa fa-heart"></i> <span class="icon-name">fa-heart</span> <span class="icon-value">"f004"</span></li>
<li><i class="fa fa-star"></i> <span class="icon-name">fa-star</span> <span class="icon-value">"f005"</span></li>
<li><i class="fa fa-star-o"></i> <span class="icon-name">fa-star-o</span> <span class="icon-value">"f006"</span></li>
<li><i class="fa fa-user"></i> <span class="icon-name">fa-user</span> <span class="icon-value">"f007"</span></li>
<li><i class="fa fa-film"></i> <span class="icon-name">fa-film</span> <span class="icon-value">"f008"</span></li>
<li><i class="fa fa-th-large"></i> <span class="icon-name">fa-th-large</span> <span class="icon-value">"f009"</span></li>
<li><i class="fa fa-th"></i> <span class="icon-name">fa-th</span> <span class="icon-value">"f00a"</span></li>
<li><i class="fa fa-th-list"></i> <span class="icon-name">fa-th-list</span> <span class="icon-value">"f00b"</span></li>
<li><i class="fa fa-check"></i> <span class="icon-name">fa-check</span> <span class="icon-value">"f00c"</span></li>
<li><i class="fa fa-times"></i> <span class="icon-name">fa-times</span> <span class="icon-value">"f00d"</span></li>
<li><i class="fa fa-search-plus"></i> <span class="icon-name">fa-search-plus</span> <span class="icon-value">"f00e"</span></li>
<li><i class="fa fa-search-minus"></i> <span class="icon-name">fa-search-minus</span> <span class="icon-value">"f010"</span></li>
<li><i class="fa fa-power-off"></i> <span class="icon-name">fa-power-off</span> <span class="icon-value">"f011"</span></li>
<li><i class="fa fa-signal"></i> <span class="icon-name">fa-signal</span> <span class="icon-value">"f012"</span></li>
<li><i class="fa fa-cog"></i> <span class="icon-name">fa-cog</span> <span class="icon-value">"f013"</span></li>
<li><i class="fa fa-trash-o"></i> <span class="icon-name">fa-trash-o</span> <span class="icon-value">"f014"</span></li>
<li><i class="fa fa-home"></i> <span class="icon-name">fa-home</span> <span class="icon-value">"f015"</span></li>
<li><i class="fa fa-file-o"></i> <span class="icon-name">fa-file-o</span> <span class="icon-value">"f016"</span></li>
<li><i class="fa fa-clock-o"></i> <span class="icon-name">fa-clock-o</span> <span class="icon-value">"f017"</span></li>
<li><i class="fa fa-road"></i> <span class="icon-name">fa-road</span> <span class="icon-value">"f018"</span></li>
<li><i class="fa fa-download"></i> <span class="icon-name">fa-download</span> <span class="icon-value">"f019"</span></li>
<li><i class="fa fa-arrow-circle-o-down"></i> <span class="icon-name">fa-arrow-circle-o-down</span> <span class="icon-value">"f01a"</span></li>
<li><i class="fa fa-arrow-circle-o-up"></i> <span class="icon-name">fa-arrow-circle-o-up</span> <span class="icon-value">"f01b"</span></li>
<li><i class="fa fa-inbox"></i> <span class="icon-name">fa-inbox</span> <span class="icon-value">"f01c"</span></li>
<li><i class="fa fa-play-circle-o"></i> <span class="icon-name">fa-play-circle-o</span> <span class="icon-value">"f01d"</span></li>
<li><i class="fa fa-repeat"></i> <span class="icon-name">fa-repeat</span> <span class="icon-value">"f01e"</span></li>
<li><i class="fa fa-refresh"></i> <span class="icon-name">fa-refresh</span> <span class="icon-value">"f021"</span></li>
<li><i class="fa fa-list-alt"></i> <span class="icon-name">fa-list-alt</span> <span class="icon-value">"f022"</span></li>
<li><i class="fa fa-lock"></i> <span class="icon-name">fa-lock</span> <span class="icon-value">"f023"</span></li>
<li><i class="fa fa-flag"></i> <span class="icon-name">fa-flag</span> <span class="icon-value">"f024"</span></li>
<li><i class="fa fa-headphones"></i> <span class="icon-name">fa-headphones</span> <span class="icon-value">"f025"</span></li>
<li><i class="fa fa-volume-off"></i> <span class="icon-name">fa-volume-off</span> <span class="icon-value">"f026"</span></li>
<li><i class="fa fa-volume-down"></i> <span class="icon-name">fa-volume-down</span> <span class="icon-value">"f027"</span></li>
<li><i class="fa fa-volume-up"></i> <span class="icon-name">fa-volume-up</span> <span class="icon-value">"f028"</span></li>
<li><i class="fa fa-qrcode"></i> <span class="icon-name">fa-qrcode</span> <span class="icon-value">"f029"</span></li>
<li><i class="fa fa-barcode"></i> <span class="icon-name">fa-barcode</span> <span class="icon-value">"f02a"</span></li>
<li><i class="fa fa-tag"></i> <span class="icon-name">fa-tag</span> <span class="icon-value">"f02b"</span></li>
<li><i class="fa fa-tags"></i> <span class="icon-name">fa-tags</span> <span class="icon-value">"f02c"</span></li>
<li><i class="fa fa-book"></i> <span class="icon-name">fa-book</span> <span class="icon-value">"f02d"</span></li>
<li><i class="fa fa-bookmark"></i> <span class="icon-name">fa-bookmark</span> <span class="icon-value">"f02e"</span></li>
<li><i class="fa fa-print"></i> <span class="icon-name">fa-print</span> <span class="icon-value">"f02f"</span></li>
<li><i class="fa fa-camera"></i> <span class="icon-name">fa-camera</span> <span class="icon-value">"f030"</span></li>
<li><i class="fa fa-font"></i> <span class="icon-name">fa-font</span> <span class="icon-value">"f031"</span></li>
<li><i class="fa fa-bold"></i> <span class="icon-name">fa-bold</span> <span class="icon-value">"f032"</span></li>
<li><i class="fa fa-italic"></i> <span class="icon-name">fa-italic</span> <span class="icon-value">"f033"</span></li>
<li><i class="fa fa-text-height"></i> <span class="icon-name">fa-text-height</span> <span class="icon-value">"f034"</span></li>
<li><i class="fa fa-text-width"></i> <span class="icon-name">fa-text-width</span> <span class="icon-value">"f035"</span></li>
<li><i class="fa fa-align-left"></i> <span class="icon-name">fa-align-left</span> <span class="icon-value">"f036"</span></li>
<li><i class="fa fa-align-center"></i> <span class="icon-name">fa-align-center</span> <span class="icon-value">"f037"</span></li>
<li><i class="fa fa-align-right"></i> <span class="icon-name">fa-align-right</span> <span class="icon-value">"f038"</span></li>
<li><i class="fa fa-align-justify"></i> <span class="icon-name">fa-align-justify</span> <span class="icon-value">"f039"</span></li>
<li><i class="fa fa-list"></i> <span class="icon-name">fa-list</span> <span class="icon-value">"f03a"</span></li>
<li><i class="fa fa-outdent"></i> <span class="icon-name">fa-outdent</span> <span class="icon-value">"f03b"</span></li>
<li><i class="fa fa-indent"></i> <span class="icon-name">fa-indent</span> <span class="icon-value">"f03c"</span></li>
<li><i class="fa fa-video-camera"></i> <span class="icon-name">fa-video-camera</span> <span class="icon-value">"f03d"</span></li>
<li><i class="fa fa-picture-o"></i> <span class="icon-name">fa-picture-o</span> <span class="icon-value">"f03e"</span></li>
<li><i class="fa fa-pencil"></i> <span class="icon-name">fa-pencil</span> <span class="icon-value">"f040"</span></li>
<li><i class="fa fa-map-marker"></i> <span class="icon-name">fa-map-marker</span> <span class="icon-value">"f041"</span></li>
<li><i class="fa fa-adjust"></i> <span class="icon-name">fa-adjust</span> <span class="icon-value">"f042"</span></li>
<li><i class="fa fa-tint"></i> <span class="icon-name">fa-tint</span> <span class="icon-value">"f043"</span></li>
<li><i class="fa fa-pencil-square-o"></i> <span class="icon-name">fa-pencil-square-o</span> <span class="icon-value">"f044"</span></li>
<li><i class="fa fa-share-square-o"></i> <span class="icon-name">fa-share-square-o</span> <span class="icon-value">"f045"</span></li>
<li><i class="fa fa-check-square-o"></i> <span class="icon-name">fa-check-square-o</span> <span class="icon-value">"f046"</span></li>
<li><i class="fa fa-arrows"></i> <span class="icon-name">fa-arrows</span> <span class="icon-value">"f047"</span></li>
<li><i class="fa fa-step-backward"></i> <span class="icon-name">fa-step-backward</span> <span class="icon-value">"f048"</span></li>
<li><i class="fa fa-fast-backward"></i> <span class="icon-name">fa-fast-backward</span> <span class="icon-value">"f049"</span></li>
<li><i class="fa fa-backward"></i> <span class="icon-name">fa-backward</span> <span class="icon-value">"f04a"</span></li>
<li><i class="fa fa-play"></i> <span class="icon-name">fa-play</span> <span class="icon-value">"f04b"</span></li>
<li><i class="fa fa-pause"></i> <span class="icon-name">fa-pause</span> <span class="icon-value">"f04c"</span></li>
<li><i class="fa fa-stop"></i> <span class="icon-name">fa-stop</span> <span class="icon-value">"f04d"</span></li>
<li><i class="fa fa-forward"></i> <span class="icon-name">fa-forward</span> <span class="icon-value">"f04e"</span></li>
<li><i class="fa fa-fast-forward"></i> <span class="icon-name">fa-fast-forward</span> <span class="icon-value">"f050"</span></li>
<li><i class="fa fa-step-forward"></i> <span class="icon-name">fa-step-forward</span> <span class="icon-value">"f051"</span></li>
<li><i class="fa fa-eject"></i> <span class="icon-name">fa-eject</span> <span class="icon-value">"f052"</span></li>
<li><i class="fa fa-chevron-left"></i> <span class="icon-name">fa-chevron-left</span> <span class="icon-value">"f053"</span></li>
<li><i class="fa fa-chevron-right"></i> <span class="icon-name">fa-chevron-right</span> <span class="icon-value">"f054"</span></li>
<li><i class="fa fa-plus-circle"></i> <span class="icon-name">fa-plus-circle</span> <span class="icon-value">"f055"</span></li>
<li><i class="fa fa-minus-circle"></i> <span class="icon-name">fa-minus-circle</span> <span class="icon-value">"f056"</span></li>
<li><i class="fa fa-times-circle"></i> <span class="icon-name">fa-times-circle</span> <span class="icon-value">"f057"</span></li>
<li><i class="fa fa-check-circle"></i> <span class="icon-name">fa-check-circle</span> <span class="icon-value">"f058"</span></li>
<li><i class="fa fa-question-circle"></i> <span class="icon-name">fa-question-circle</span> <span class="icon-value">"f059"</span></li>
<li><i class="fa fa-info-circle"></i> <span class="icon-name">fa-info-circle</span> <span class="icon-value">"f05a"</span></li>
<li><i class="fa fa-crosshairs"></i> <span class="icon-name">fa-crosshairs</span> <span class="icon-value">"f05b"</span></li>
<li><i class="fa fa-times-circle-o"></i> <span class="icon-name">fa-times-circle-o</span> <span class="icon-value">"f05c"</span></li>
<li><i class="fa fa-check-circle-o"></i> <span class="icon-name">fa-check-circle-o</span> <span class="icon-value">"f05d"</span></li>
<li><i class="fa fa-ban"></i> <span class="icon-name">fa-ban</span> <span class="icon-value">"f05e"</span></li>
<li><i class="fa fa-arrow-left"></i> <span class="icon-name">fa-arrow-left</span> <span class="icon-value">"f060"</span></li>
<li><i class="fa fa-arrow-right"></i> <span class="icon-name">fa-arrow-right</span> <span class="icon-value">"f061"</span></li>
<li><i class="fa fa-arrow-up"></i> <span class="icon-name">fa-arrow-up</span> <span class="icon-value">"f062"</span></li>
<li><i class="fa fa-arrow-down"></i> <span class="icon-name">fa-arrow-down</span> <span class="icon-value">"f063"</span></li>
<li><i class="fa fa-share"></i> <span class="icon-name">fa-share</span> <span class="icon-value">"f064"</span></li>
<li><i class="fa fa-expand"></i> <span class="icon-name">fa-expand</span> <span class="icon-value">"f065"</span></li>
<li><i class="fa fa-compress"></i> <span class="icon-name">fa-compress</span> <span class="icon-value">"f066"</span></li>
<li><i class="fa fa-plus"></i> <span class="icon-name">fa-plus</span> <span class="icon-value">"f067"</span></li>
<li><i class="fa fa-minus"></i> <span class="icon-name">fa-minus</span> <span class="icon-value">"f068"</span></li>
<li><i class="fa fa-asterisk"></i> <span class="icon-name">fa-asterisk</span> <span class="icon-value">"f069"</span></li>
<li><i class="fa fa-exclamation-circle"></i> <span class="icon-name">fa-exclamation-circle</span> <span class="icon-value">"f06a"</span></li>
<li><i class="fa fa-gift"></i> <span class="icon-name">fa-gift</span> <span class="icon-value">"f06b"</span></li>
<li><i class="fa fa-leaf"></i> <span class="icon-name">fa-leaf</span> <span class="icon-value">"f06c"</span></li>
<li><i class="fa fa-fire"></i> <span class="icon-name">fa-fire</span> <span class="icon-value">"f06d"</span></li>
<li><i class="fa fa-eye"></i> <span class="icon-name">fa-eye</span> <span class="icon-value">"f06e"</span></li>
<li><i class="fa fa-eye-slash"></i> <span class="icon-name">fa-eye-slash</span> <span class="icon-value">"f070"</span></li>
<li><i class="fa fa-exclamation-triangle"></i> <span class="icon-name">fa-exclamation-triangle</span> <span class="icon-value">"f071"</span></li>
<li><i class="fa fa-plane"></i> <span class="icon-name">fa-plane</span> <span class="icon-value">"f072"</span></li>
<li><i class="fa fa-calendar"></i> <span class="icon-name">fa-calendar</span> <span class="icon-value">"f073"</span></li>
<li><i class="fa fa-random"></i> <span class="icon-name">fa-random</span> <span class="icon-value">"f074"</span></li>
<li><i class="fa fa-comment"></i> <span class="icon-name">fa-comment</span> <span class="icon-value">"f075"</span></li>
<li><i class="fa fa-magnet"></i> <span class="icon-name">fa-magnet</span> <span class="icon-value">"f076"</span></li>
<li><i class="fa fa-chevron-up"></i> <span class="icon-name">fa-chevron-up</span> <span class="icon-value">"f077"</span></li>
<li><i class="fa fa-chevron-down"></i> <span class="icon-name">fa-chevron-down</span> <span class="icon-value">"f078"</span></li>
<li><i class="fa fa-retweet"></i> <span class="icon-name">fa-retweet</span> <span class="icon-value">"f079"</span></li>
<li><i class="fa fa-shopping-cart"></i> <span class="icon-name">fa-shopping-cart</span> <span class="icon-value">"f07a"</span></li>
<li><i class="fa fa-folder"></i> <span class="icon-name">fa-folder</span> <span class="icon-value">"f07b"</span></li>
<li><i class="fa fa-folder-open"></i> <span class="icon-name">fa-folder-open</span> <span class="icon-value">"f07c"</span></li>
<li><i class="fa fa-arrows-v"></i> <span class="icon-name">fa-arrows-v</span> <span class="icon-value">"f07d"</span></li>
<li><i class="fa fa-arrows-h"></i> <span class="icon-name">fa-arrows-h</span> <span class="icon-value">"f07e"</span></li>
<li><i class="fa fa-bar-chart"></i> <span class="icon-name">fa-bar-chart</span> <span class="icon-value">"f080"</span></li>
<li><i class="fa fa-twitter-square"></i> <span class="icon-name">fa-twitter-square</span> <span class="icon-value">"f081"</span></li>
<li><i class="fa fa-facebook-square"></i> <span class="icon-name">fa-facebook-square</span> <span class="icon-value">"f082"</span></li>
<li><i class="fa fa-camera-retro"></i> <span class="icon-name">fa-camera-retro</span> <span class="icon-value">"f083"</span></li>
<li><i class="fa fa-key"></i> <span class="icon-name">fa-key</span> <span class="icon-value">"f084"</span></li>
<li><i class="fa fa-cogs"></i> <span class="icon-name">fa-cogs</span> <span class="icon-value">"f085"</span></li>
<li><i class="fa fa-comments"></i> <span class="icon-name">fa-comments</span> <span class="icon-value">"f086"</span></li>
<li><i class="fa fa-thumbs-o-up"></i> <span class="icon-name">fa-thumbs-o-up</span> <span class="icon-value">"f087"</span></li>
<li><i class="fa fa-thumbs-o-down"></i> <span class="icon-name">fa-thumbs-o-down</span> <span class="icon-value">"f088"</span></li>
<li><i class="fa fa-star-half"></i> <span class="icon-name">fa-star-half</span> <span class="icon-value">"f089"</span></li>
<li><i class="fa fa-heart-o"></i> <span class="icon-name">fa-heart-o</span> <span class="icon-value">"f08a"</span></li>
<li><i class="fa fa-sign-out"></i> <span class="icon-name">fa-sign-out</span> <span class="icon-value">"f08b"</span></li>
<li><i class="fa fa-linkedin-square"></i> <span class="icon-name">fa-linkedin-square</span> <span class="icon-value">"f08c"</span></li>
<li><i class="fa fa-thumb-tack"></i> <span class="icon-name">fa-thumb-tack</span> <span class="icon-value">"f08d"</span></li>
<li><i class="fa fa-external-link"></i> <span class="icon-name">fa-external-link</span> <span class="icon-value">"f08e"</span></li>
<li><i class="fa fa-sign-in"></i> <span class="icon-name">fa-sign-in</span> <span class="icon-value">"f090"</span></li>
<li><i class="fa fa-trophy"></i> <span class="icon-name">fa-trophy</span> <span class="icon-value">"f091"</span></li>
<li><i class="fa fa-github-square"></i> <span class="icon-name">fa-github-square</span> <span class="icon-value">"f092"</span></li>
<li><i class="fa fa-upload"></i> <span class="icon-name">fa-upload</span> <span class="icon-value">"f093"</span></li>
<li><i class="fa fa-lemon-o"></i> <span class="icon-name">fa-lemon-o</span> <span class="icon-value">"f094"</span></li>
<li><i class="fa fa-phone"></i> <span class="icon-name">fa-phone</span> <span class="icon-value">"f095"</span></li>
<li><i class="fa fa-square-o"></i> <span class="icon-name">fa-square-o</span> <span class="icon-value">"f096"</span></li>
<li><i class="fa fa-bookmark-o"></i> <span class="icon-name">fa-bookmark-o</span> <span class="icon-value">"f097"</span></li>
<li><i class="fa fa-phone-square"></i> <span class="icon-name">fa-phone-square</span> <span class="icon-value">"f098"</span></li>
<li><i class="fa fa-twitter"></i> <span class="icon-name">fa-twitter</span> <span class="icon-value">"f099"</span></li>
<li><i class="fa fa-facebook"></i> <span class="icon-name">fa-facebook</span> <span class="icon-value">"f09a"</span></li>
<li><i class="fa fa-github"></i> <span class="icon-name">fa-github</span> <span class="icon-value">"f09b"</span></li>
<li><i class="fa fa-unlock"></i> <span class="icon-name">fa-unlock</span> <span class="icon-value">"f09c"</span></li>
<li><i class="fa fa-credit-card"></i> <span class="icon-name">fa-credit-card</span> <span class="icon-value">"f09d"</span></li>
<li><i class="fa fa-rss"></i> <span class="icon-name">fa-rss</span> <span class="icon-value">"f09e"</span></li>
<li><i class="fa fa-hdd-o"></i> <span class="icon-name">fa-hdd-o</span> <span class="icon-value">"f0a0"</span></li>
<li><i class="fa fa-bullhorn"></i> <span class="icon-name">fa-bullhorn</span> <span class="icon-value">"f0a1"</span></li>
<li><i class="fa fa-bell"></i> <span class="icon-name">fa-bell</span> <span class="icon-value">"f0f3"</span></li>
<li><i class="fa fa-certificate"></i> <span class="icon-name">fa-certificate</span> <span class="icon-value">"f0a3"</span></li>
<li><i class="fa fa-hand-o-right"></i> <span class="icon-name">fa-hand-o-right</span> <span class="icon-value">"f0a4"</span></li>
<li><i class="fa fa-hand-o-left"></i> <span class="icon-name">fa-hand-o-left</span> <span class="icon-value">"f0a5"</span></li>
<li><i class="fa fa-hand-o-up"></i> <span class="icon-name">fa-hand-o-up</span> <span class="icon-value">"f0a6"</span></li>
<li><i class="fa fa-hand-o-down"></i> <span class="icon-name">fa-hand-o-down</span> <span class="icon-value">"f0a7"</span></li>
<li><i class="fa fa-arrow-circle-left"></i> <span class="icon-name">fa-arrow-circle-left</span> <span class="icon-value">"f0a8"</span></li>
<li><i class="fa fa-arrow-circle-right"></i> <span class="icon-name">fa-arrow-circle-right</span> <span class="icon-value">"f0a9"</span></li>
<li><i class="fa fa-arrow-circle-up"></i> <span class="icon-name">fa-arrow-circle-up</span> <span class="icon-value">"f0aa"</span></li>
<li><i class="fa fa-arrow-circle-down"></i> <span class="icon-name">fa-arrow-circle-down</span> <span class="icon-value">"f0ab"</span></li>
<li><i class="fa fa-globe"></i> <span class="icon-name">fa-globe</span> <span class="icon-value">"f0ac"</span></li>
<li><i class="fa fa-wrench"></i> <span class="icon-name">fa-wrench</span> <span class="icon-value">"f0ad"</span></li>
<li><i class="fa fa-tasks"></i> <span class="icon-name">fa-tasks</span> <span class="icon-value">"f0ae"</span></li>
<li><i class="fa fa-filter"></i> <span class="icon-name">fa-filter</span> <span class="icon-value">"f0b0"</span></li>
<li><i class="fa fa-briefcase"></i> <span class="icon-name">fa-briefcase</span> <span class="icon-value">"f0b1"</span></li>
<li><i class="fa fa-arrows-alt"></i> <span class="icon-name">fa-arrows-alt</span> <span class="icon-value">"f0b2"</span></li>
<li><i class="fa fa-users"></i> <span class="icon-name">fa-users</span> <span class="icon-value">"f0c0"</span></li>
<li><i class="fa fa-link"></i> <span class="icon-name">fa-link</span> <span class="icon-value">"f0c1"</span></li>
<li><i class="fa fa-cloud"></i> <span class="icon-name">fa-cloud</span> <span class="icon-value">"f0c2"</span></li>
<li><i class="fa fa-flask"></i> <span class="icon-name">fa-flask</span> <span class="icon-value">"f0c3"</span></li>
<li><i class="fa fa-scissors"></i> <span class="icon-name">fa-scissors</span> <span class="icon-value">"f0c4"</span></li>
<li><i class="fa fa-files-o"></i> <span class="icon-name">fa-files-o</span> <span class="icon-value">"f0c5"</span></li>
<li><i class="fa fa-paperclip"></i> <span class="icon-name">fa-paperclip</span> <span class="icon-value">"f0c6"</span></li>
<li><i class="fa fa-floppy-o"></i> <span class="icon-name">fa-floppy-o</span> <span class="icon-value">"f0c7"</span></li>
<li><i class="fa fa-square"></i> <span class="icon-name">fa-square</span> <span class="icon-value">"f0c8"</span></li>
<li><i class="fa fa-bars"></i> <span class="icon-name">fa-bars</span> <span class="icon-value">"f0c9"</span></li>
<li><i class="fa fa-list-ul"></i> <span class="icon-name">fa-list-ul</span> <span class="icon-value">"f0ca"</span></li>
<li><i class="fa fa-list-ol"></i> <span class="icon-name">fa-list-ol</span> <span class="icon-value">"f0cb"</span></li>
<li><i class="fa fa-strikethrough"></i> <span class="icon-name">fa-strikethrough</span> <span class="icon-value">"f0cc"</span></li>
<li><i class="fa fa-underline"></i> <span class="icon-name">fa-underline</span> <span class="icon-value">"f0cd"</span></li>
<li><i class="fa fa-table"></i> <span class="icon-name">fa-table</span> <span class="icon-value">"f0ce"</span></li>
<li><i class="fa fa-magic"></i> <span class="icon-name">fa-magic</span> <span class="icon-value">"f0d0"</span></li>
<li><i class="fa fa-truck"></i> <span class="icon-name">fa-truck</span> <span class="icon-value">"f0d1"</span></li>
<li><i class="fa fa-pinterest"></i> <span class="icon-name">fa-pinterest</span> <span class="icon-value">"f0d2"</span></li>
<li><i class="fa fa-pinterest-square"></i> <span class="icon-name">fa-pinterest-square</span> <span class="icon-value">"f0d3"</span></li>
<li><i class="fa fa-google-plus-square"></i> <span class="icon-name">fa-google-plus-square</span> <span class="icon-value">"f0d4"</span></li>
<li><i class="fa fa-google-plus"></i> <span class="icon-name">fa-google-plus</span> <span class="icon-value">"f0d5"</span></li>
<li><i class="fa fa-money"></i> <span class="icon-name">fa-money</span> <span class="icon-value">"f0d6"</span></li>
<li><i class="fa fa-caret-down"></i> <span class="icon-name">fa-caret-down</span> <span class="icon-value">"f0d7"</span></li>
<li><i class="fa fa-caret-up"></i> <span class="icon-name">fa-caret-up</span> <span class="icon-value">"f0d8"</span></li>
<li><i class="fa fa-caret-left"></i> <span class="icon-name">fa-caret-left</span> <span class="icon-value">"f0d9"</span></li>
<li><i class="fa fa-caret-right"></i> <span class="icon-name">fa-caret-right</span> <span class="icon-value">"f0da"</span></li>
<li><i class="fa fa-columns"></i> <span class="icon-name">fa-columns</span> <span class="icon-value">"f0db"</span></li>
<li><i class="fa fa-sort"></i> <span class="icon-name">fa-sort</span> <span class="icon-value">"f0dc"</span></li>
<li><i class="fa fa-sort-desc"></i> <span class="icon-name">fa-sort-desc</span> <span class="icon-value">"f0dd"</span></li>
<li><i class="fa fa-sort-asc"></i> <span class="icon-name">fa-sort-asc</span> <span class="icon-value">"f0de"</span></li>
<li><i class="fa fa-envelope"></i> <span class="icon-name">fa-envelope</span> <span class="icon-value">"f0e0"</span></li>
<li><i class="fa fa-linkedin"></i> <span class="icon-name">fa-linkedin</span> <span class="icon-value">"f0e1"</span></li>
<li><i class="fa fa-undo"></i> <span class="icon-name">fa-undo</span> <span class="icon-value">"f0e2"</span></li>
<li><i class="fa fa-gavel"></i> <span class="icon-name">fa-gavel</span> <span class="icon-value">"f0e3"</span></li>
<li><i class="fa fa-tachometer"></i> <span class="icon-name">fa-tachometer</span> <span class="icon-value">"f0e4"</span></li>
<li><i class="fa fa-comment-o"></i> <span class="icon-name">fa-comment-o</span> <span class="icon-value">"f0e5"</span></li>
<li><i class="fa fa-comments-o"></i> <span class="icon-name">fa-comments-o</span> <span class="icon-value">"f0e6"</span></li>
<li><i class="fa fa-bolt"></i> <span class="icon-name">fa-bolt</span> <span class="icon-value">"f0e7"</span></li>
<li><i class="fa fa-sitemap"></i> <span class="icon-name">fa-sitemap</span> <span class="icon-value">"f0e8"</span></li>
<li><i class="fa fa-umbrella"></i> <span class="icon-name">fa-umbrella</span> <span class="icon-value">"f0e9"</span></li>
<li><i class="fa fa-clipboard"></i> <span class="icon-name">fa-clipboard</span> <span class="icon-value">"f0ea"</span></li>
<li><i class="fa fa-lightbulb-o"></i> <span class="icon-name">fa-lightbulb-o</span> <span class="icon-value">"f0eb"</span></li>
<li><i class="fa fa-exchange"></i> <span class="icon-name">fa-exchange</span> <span class="icon-value">"f0ec"</span></li>
<li><i class="fa fa-cloud-download"></i> <span class="icon-name">fa-cloud-download</span> <span class="icon-value">"f0ed"</span></li>
<li><i class="fa fa-cloud-upload"></i> <span class="icon-name">fa-cloud-upload</span> <span class="icon-value">"f0ee"</span></li>
<li><i class="fa fa-user-md"></i> <span class="icon-name">fa-user-md</span> <span class="icon-value">"f0f0"</span></li>
<li><i class="fa fa-stethoscope"></i> <span class="icon-name">fa-stethoscope</span> <span class="icon-value">"f0f1"</span></li>
<li><i class="fa fa-suitcase"></i> <span class="icon-name">fa-suitcase</span> <span class="icon-value">"f0f2"</span></li>
<li><i class="fa fa-bell-o"></i> <span class="icon-name">fa-bell-o</span> <span class="icon-value">"f0a2"</span></li>
<li><i class="fa fa-coffee"></i> <span class="icon-name">fa-coffee</span> <span class="icon-value">"f0f4"</span></li>
<li><i class="fa fa-cutlery"></i> <span class="icon-name">fa-cutlery</span> <span class="icon-value">"f0f5"</span></li>
<li><i class="fa fa-file-text-o"></i> <span class="icon-name">fa-file-text-o</span> <span class="icon-value">"f0f6"</span></li>
<li><i class="fa fa-building-o"></i> <span class="icon-name">fa-building-o</span> <span class="icon-value">"f0f7"</span></li>
<li><i class="fa fa-hospital-o"></i> <span class="icon-name">fa-hospital-o</span> <span class="icon-value">"f0f8"</span></li>
<li><i class="fa fa-ambulance"></i> <span class="icon-name">fa-ambulance</span> <span class="icon-value">"f0f9"</span></li>
<li><i class="fa fa-medkit"></i> <span class="icon-name">fa-medkit</span> <span class="icon-value">"f0fa"</span></li>
<li><i class="fa fa-fighter-jet"></i> <span class="icon-name">fa-fighter-jet</span> <span class="icon-value">"f0fb"</span></li>
<li><i class="fa fa-beer"></i> <span class="icon-name">fa-beer</span> <span class="icon-value">"f0fc"</span></li>
<li><i class="fa fa-h-square"></i> <span class="icon-name">fa-h-square</span> <span class="icon-value">"f0fd"</span></li>
<li><i class="fa fa-plus-square"></i> <span class="icon-name">fa-plus-square</span> <span class="icon-value">"f0fe"</span></li>
<li><i class="fa fa-angle-double-left"></i> <span class="icon-name">fa-angle-double-left</span> <span class="icon-value">"f100"</span></li>
<li><i class="fa fa-angle-double-right"></i> <span class="icon-name">fa-angle-double-right</span> <span class="icon-value">"f101"</span></li>
<li><i class="fa fa-angle-double-up"></i> <span class="icon-name">fa-angle-double-up</span> <span class="icon-value">"f102"</span></li>
<li><i class="fa fa-angle-double-down"></i> <span class="icon-name">fa-angle-double-down</span> <span class="icon-value">"f103"</span></li>
<li><i class="fa fa-angle-left"></i> <span class="icon-name">fa-angle-left</span> <span class="icon-value">"f104"</span></li>
<li><i class="fa fa-angle-right"></i> <span class="icon-name">fa-angle-right</span> <span class="icon-value">"f105"</span></li>
<li><i class="fa fa-angle-up"></i> <span class="icon-name">fa-angle-up</span> <span class="icon-value">"f106"</span></li>
<li><i class="fa fa-angle-down"></i> <span class="icon-name">fa-angle-down</span> <span class="icon-value">"f107"</span></li>
<li><i class="fa fa-desktop"></i> <span class="icon-name">fa-desktop</span> <span class="icon-value">"f108"</span></li>
<li><i class="fa fa-laptop"></i> <span class="icon-name">fa-laptop</span> <span class="icon-value">"f109"</span></li>
<li><i class="fa fa-tablet"></i> <span class="icon-name">fa-tablet</span> <span class="icon-value">"f10a"</span></li>
<li><i class="fa fa-mobile"></i> <span class="icon-name">fa-mobile</span> <span class="icon-value">"f10b"</span></li>
<li><i class="fa fa-circle-o"></i> <span class="icon-name">fa-circle-o</span> <span class="icon-value">"f10c"</span></li>
<li><i class="fa fa-quote-left"></i> <span class="icon-name">fa-quote-left</span> <span class="icon-value">"f10d"</span></li>
<li><i class="fa fa-quote-right"></i> <span class="icon-name">fa-quote-right</span> <span class="icon-value">"f10e"</span><div class="widget HTML" data-version="1" id="HTML6">
</div></li>
<li><i class="fa fa-spinner"></i> <span class="icon-name">fa-spinner</span> <span class="icon-value">"f110"</span></li>
<li><i class="fa fa-circle"></i> <span class="icon-name">fa-circle</span> <span class="icon-value">"f111"</span></li>
<li><i class="fa fa-reply"></i> <span class="icon-name">fa-reply</span> <span class="icon-value">"f112"</span></li>
<li><i class="fa fa-github-alt"></i> <span class="icon-name">fa-github-alt</span> <span class="icon-value">"f113"</span></li>
<li><i class="fa fa-folder-o"></i> <span class="icon-name">fa-folder-o</span> <span class="icon-value">"f114"</span></li>
<li><i class="fa fa-folder-open-o"></i> <span class="icon-name">fa-folder-open-o</span> <span class="icon-value">"f115"</span></li>
<li><i class="fa fa-smile-o"></i> <span class="icon-name">fa-smile-o</span> <span class="icon-value">"f118"</span></li>
<li><i class="fa fa-frown-o"></i> <span class="icon-name">fa-frown-o</span> <span class="icon-value">"f119"</span></li>
<li><i class="fa fa-meh-o"></i> <span class="icon-name">fa-meh-o</span> <span class="icon-value">"f11a"</span></li>
<li><i class="fa fa-gamepad"></i> <span class="icon-name">fa-gamepad</span> <span class="icon-value">"f11b"</span></li>
<li><i class="fa fa-keyboard-o"></i> <span class="icon-name">fa-keyboard-o</span> <span class="icon-value">"f11c"</span></li>
<li><i class="fa fa-flag-o"></i> <span class="icon-name">fa-flag-o</span> <span class="icon-value">"f11d"</span></li>
<li><i class="fa fa-flag-checkered"></i> <span class="icon-name">fa-flag-checkered</span> <span class="icon-value">"f11e"</span></li>
<li><i class="fa fa-terminal"></i> <span class="icon-name">fa-terminal</span> <span class="icon-value">"f120"</span></li>
<li><i class="fa fa-code"></i> <span class="icon-name">fa-code</span> <span class="icon-value">"f121"</span></li>
<li><i class="fa fa-reply-all"></i> <span class="icon-name">fa-reply-all</span> <span class="icon-value">"f122"</span></li>
<li><i class="fa fa-star-half-o"></i> <span class="icon-name">fa-star-half-o</span> <span class="icon-value">"f123"</span></li>
<li><i class="fa fa-location-arrow"></i> <span class="icon-name">fa-location-arrow</span> <span class="icon-value">"f124"</span></li>
<li><i class="fa fa-crop"></i> <span class="icon-name">fa-crop</span> <span class="icon-value">"f125"</span></li>
<li><i class="fa fa-code-fork"></i> <span class="icon-name">fa-code-fork</span> <span class="icon-value">"f126"</span></li>
<li><i class="fa fa-chain-broken"></i> <span class="icon-name">fa-chain-broken</span> <span class="icon-value">"f127"</span></li>
<li><i class="fa fa-question"></i> <span class="icon-name">fa-question</span> <span class="icon-value">"f128"</span></li>
<li><i class="fa fa-info"></i> <span class="icon-name">fa-info</span> <span class="icon-value">"f129"</span></li>
<li><i class="fa fa-exclamation"></i> <span class="icon-name">fa-exclamation</span> <span class="icon-value">"f12a"</span></li>
<li><i class="fa fa-superscript"></i> <span class="icon-name">fa-superscript</span> <span class="icon-value">"f12b"</span></li>
<li><i class="fa fa-subscript"></i> <span class="icon-name">fa-subscript</span> <span class="icon-value">"f12c"</span></li>
<li><i class="fa fa-eraser"></i> <span class="icon-name">fa-eraser</span> <span class="icon-value">"f12d"</span></li>
<li><i class="fa fa-puzzle-piece"></i> <span class="icon-name">fa-puzzle-piece</span> <span class="icon-value">"f12e"</span></li>
<li><i class="fa fa-microphone"></i> <span class="icon-name">fa-microphone</span> <span class="icon-value">"f130"</span></li>
<li><i class="fa fa-microphone-slash"></i> <span class="icon-name">fa-microphone-slash</span> <span class="icon-value">"f131"</span></li>
<li><i class="fa fa-shield"></i> <span class="icon-name">fa-shield</span> <span class="icon-value">"f132"</span></li>
<li><i class="fa fa-calendar-o"></i> <span class="icon-name">fa-calendar-o</span> <span class="icon-value">"f133"</span></li>
<li><i class="fa fa-fire-extinguisher"></i> <span class="icon-name">fa-fire-extinguisher</span> <span class="icon-value">"f134"</span></li>
<li><i class="fa fa-rocket"></i> <span class="icon-name">fa-rocket</span> <span class="icon-value">"f135"</span></li>
<li><i class="fa fa-maxcdn"></i> <span class="icon-name">fa-maxcdn</span> <span class="icon-value">"f136"</span></li>
<li><i class="fa fa-chevron-circle-left"></i> <span class="icon-name">fa-chevron-circle-left</span> <span class="icon-value">"f137"</span></li>
<li><i class="fa fa-chevron-circle-right"></i> <span class="icon-name">fa-chevron-circle-right</span> <span class="icon-value">"f138"</span></li>
<li><i class="fa fa-chevron-circle-up"></i> <span class="icon-name">fa-chevron-circle-up</span> <span class="icon-value">"f139"</span></li>
<li><i class="fa fa-chevron-circle-down"></i> <span class="icon-name">fa-chevron-circle-down</span> <span class="icon-value">"f13a"</span></li>
<li><i class="fa fa-html5"></i> <span class="icon-name">fa-html5</span> <span class="icon-value">"f13b"</span></li>
<li><i class="fa fa-css3"></i> <span class="icon-name">fa-css3</span> <span class="icon-value">"f13c"</span></li>
<li><i class="fa fa-anchor"></i> <span class="icon-name">fa-anchor</span> <span class="icon-value">"f13d"</span></li>
<li><i class="fa fa-unlock-alt"></i> <span class="icon-name">fa-unlock-alt</span> <span class="icon-value">"f13e"</span></li>
<li><i class="fa fa-bullseye"></i> <span class="icon-name">fa-bullseye</span> <span class="icon-value">"f140"</span></li>
<li><i class="fa fa-ellipsis-h"></i> <span class="icon-name">fa-ellipsis-h</span> <span class="icon-value">"f141"</span></li>
<li><i class="fa fa-ellipsis-v"></i> <span class="icon-name">fa-ellipsis-v</span> <span class="icon-value">"f142"</span></li>
<li><i class="fa fa-rss-square"></i> <span class="icon-name">fa-rss-square</span> <span class="icon-value">"f143"</span></li>
<li><i class="fa fa-play-circle"></i> <span class="icon-name">fa-play-circle</span> <span class="icon-value">"f144"</span></li>
<li><i class="fa fa-ticket"></i> <span class="icon-name">fa-ticket</span> <span class="icon-value">"f145"</span></li>
<li><i class="fa fa-minus-square"></i> <span class="icon-name">fa-minus-square</span> <span class="icon-value">"f146"</span></li>
<li><i class="fa fa-minus-square-o"></i> <span class="icon-name">fa-minus-square-o</span> <span class="icon-value">"f147"</span></li>
<li><i class="fa fa-level-up"></i> <span class="icon-name">fa-level-up</span> <span class="icon-value">"f148"</span></li>
<li><i class="fa fa-level-down"></i> <span class="icon-name">fa-level-down</span> <span class="icon-value">"f149"</span></li>
<li><i class="fa fa-check-square"></i> <span class="icon-name">fa-check-square</span> <span class="icon-value">"f14a"</span></li>
<li><i class="fa fa-pencil-square"></i> <span class="icon-name">fa-pencil-square</span> <span class="icon-value">"f14b"</span></li>
<li><i class="fa fa-external-link-square"></i> <span class="icon-name">fa-external-link-square</span> <span class="icon-value">"f14c"</span></li>
<li><i class="fa fa-share-square"></i> <span class="icon-name">fa-share-square</span> <span class="icon-value">"f14d"</span></li>
<li><i class="fa fa-compass"></i> <span class="icon-name">fa-compass</span> <span class="icon-value">"f14e"</span></li>
<li><i class="fa fa-caret-square-o-down"></i> <span class="icon-name">fa-caret-square-o-down</span> <span class="icon-value">"f150"</span></li>
<li><i class="fa fa-caret-square-o-up"></i> <span class="icon-name">fa-caret-square-o-up</span> <span class="icon-value">"f151"</span></li>
<li><i class="fa fa-caret-square-o-right"></i> <span class="icon-name">fa-caret-square-o-right</span> <span class="icon-value">"f152"</span></li>
<li><i class="fa fa-eur"></i> <span class="icon-name">fa-eur</span> <span class="icon-value">"f153"</span></li>
<li><i class="fa fa-gbp"></i> <span class="icon-name">fa-gbp</span> <span class="icon-value">"f154"</span></li>
<li><i class="fa fa-usd"></i> <span class="icon-name">fa-usd</span> <span class="icon-value">"f155"</span></li>
<li><i class="fa fa-inr"></i> <span class="icon-name">fa-inr</span> <span class="icon-value">"f156"</span></li>
<li><i class="fa fa-jpy"></i> <span class="icon-name">fa-jpy</span> <span class="icon-value">"f157"</span></li>
<li><i class="fa fa-rub"></i> <span class="icon-name">fa-rub</span> <span class="icon-value">"f158"</span></li>
<li><i class="fa fa-krw"></i> <span class="icon-name">fa-krw</span> <span class="icon-value">"f159"</span></li>
<li><i class="fa fa-btc"></i> <span class="icon-name">fa-btc</span> <span class="icon-value">"f15a"</span></li>
<li><i class="fa fa-file"></i> <span class="icon-name">fa-file</span> <span class="icon-value">"f15b"</span></li>
<li><i class="fa fa-file-text"></i> <span class="icon-name">fa-file-text</span> <span class="icon-value">"f15c"</span></li>
<li><i class="fa fa-sort-alpha-asc"></i> <span class="icon-name">fa-sort-alpha-asc</span> <span class="icon-value">"f15d"</span></li>
<li><i class="fa fa-sort-alpha-desc"></i> <span class="icon-name">fa-sort-alpha-desc</span> <span class="icon-value">"f15e"</span></li>
<li><i class="fa fa-sort-amount-asc"></i> <span class="icon-name">fa-sort-amount-asc</span> <span class="icon-value">"f160"</span></li>
<li><i class="fa fa-sort-amount-desc"></i> <span class="icon-name">fa-sort-amount-desc</span> <span class="icon-value">"f161"</span></li>
<li><i class="fa fa-sort-numeric-asc"></i> <span class="icon-name">fa-sort-numeric-asc</span> <span class="icon-value">"f162"</span></li>
<li><i class="fa fa-sort-numeric-desc"></i> <span class="icon-name">fa-sort-numeric-desc</span> <span class="icon-value">"f163"</span></li>
<li><i class="fa fa-thumbs-up"></i> <span class="icon-name">fa-thumbs-up</span> <span class="icon-value">"f164"</span></li>
<li><i class="fa fa-thumbs-down"></i> <span class="icon-name">fa-thumbs-down</span> <span class="icon-value">"f165"</span></li>
<li><i class="fa fa-youtube-square"></i> <span class="icon-name">fa-youtube-square</span> <span class="icon-value">"f166"</span></li>
<li><i class="fa fa-youtube"></i> <span class="icon-name">fa-youtube</span> <span class="icon-value">"f167"</span></li>
<li><i class="fa fa-xing"></i> <span class="icon-name">fa-xing</span> <span class="icon-value">"f168"</span></li>
<li><i class="fa fa-xing-square"></i> <span class="icon-name">fa-xing-square</span> <span class="icon-value">"f169"</span></li>
<li><i class="fa fa-youtube-play"></i> <span class="icon-name">fa-youtube-play</span> <span class="icon-value">"f16a"</span></li>
<li><i class="fa fa-dropbox"></i> <span class="icon-name">fa-dropbox</span> <span class="icon-value">"f16b"</span></li>
<li><i class="fa fa-stack-overflow"></i> <span class="icon-name">fa-stack-overflow</span> <span class="icon-value">"f16c"</span></li>
<li><i class="fa fa-instagram"></i> <span class="icon-name">fa-instagram</span> <span class="icon-value">"f16d"</span></li>
<li><i class="fa fa-flickr"></i> <span class="icon-name">fa-flickr</span> <span class="icon-value">"f16e"</span></li>
<li><i class="fa fa-adn"></i> <span class="icon-name">fa-adn</span> <span class="icon-value">"f170"</span></li>
<li><i class="fa fa-bitbucket"></i> <span class="icon-name">fa-bitbucket</span> <span class="icon-value">"f171"</span></li>
<li><i class="fa fa-bitbucket-square"></i> <span class="icon-name">fa-bitbucket-square</span> <span class="icon-value">"f172"</span></li>
<li><i class="fa fa-tumblr"></i> <span class="icon-name">fa-tumblr</span> <span class="icon-value">"f173"</span></li>
<li><i class="fa fa-tumblr-square"></i> <span class="icon-name">fa-tumblr-square</span> <span class="icon-value">"f174"</span></li>
<li><i class="fa fa-long-arrow-down"></i> <span class="icon-name">fa-long-arrow-down</span> <span class="icon-value">"f175"</span></li>
<li><i class="fa fa-long-arrow-up"></i> <span class="icon-name">fa-long-arrow-up</span> <span class="icon-value">"f176"</span></li>
<li><i class="fa fa-long-arrow-left"></i> <span class="icon-name">fa-long-arrow-left</span> <span class="icon-value">"f177"</span></li>
<li><i class="fa fa-long-arrow-right"></i> <span class="icon-name">fa-long-arrow-right</span> <span class="icon-value">"f178"</span></li>
<li><i class="fa fa-apple"></i> <span class="icon-name">fa-apple</span> <span class="icon-value">"f179"</span></li>
<li><i class="fa fa-windows"></i> <span class="icon-name">fa-windows</span> <span class="icon-value">"f17a"</span></li>
<li><i class="fa fa-android"></i> <span class="icon-name">fa-android</span> <span class="icon-value">"f17b"</span></li>
<li><i class="fa fa-linux"></i> <span class="icon-name">fa-linux</span> <span class="icon-value">"f17c"</span></li>
<li><i class="fa fa-dribbble"></i> <span class="icon-name">fa-dribbble</span> <span class="icon-value">"f17d"</span></li>
<li><i class="fa fa-skype"></i> <span class="icon-name">fa-skype</span> <span class="icon-value">"f17e"</span></li>
<li><i class="fa fa-foursquare"></i> <span class="icon-name">fa-foursquare</span> <span class="icon-value">"f180"</span></li>
<li><i class="fa fa-trello"></i> <span class="icon-name">fa-trello</span> <span class="icon-value">"f181"</span></li>
<li><i class="fa fa-female"></i> <span class="icon-name">fa-female</span> <span class="icon-value">"f182"</span></li>
<li><i class="fa fa-male"></i> <span class="icon-name">fa-male</span> <span class="icon-value">"f183"</span></li>
<li><i class="fa fa-gittip"></i> <span class="icon-name">fa-gittip</span> <span class="icon-value">"f184"</span></li>
<li><i class="fa fa-sun-o"></i> <span class="icon-name">fa-sun-o</span> <span class="icon-value">"f185"</span></li>
<li><i class="fa fa-moon-o"></i> <span class="icon-name">fa-moon-o</span> <span class="icon-value">"f186"</span></li>
<li><i class="fa fa-archive"></i> <span class="icon-name">fa-archive</span> <span class="icon-value">"f187"</span></li>
<li><i class="fa fa-bug"></i> <span class="icon-name">fa-bug</span> <span class="icon-value">"f188"</span></li>
<li><i class="fa fa-vk"></i> <span class="icon-name">fa-vk</span> <span class="icon-value">"f189"</span></li>
<li><i class="fa fa-weibo"></i> <span class="icon-name">fa-weibo</span> <span class="icon-value">"f18a"</span></li>
<li><i class="fa fa-renren"></i> <span class="icon-name">fa-renren</span> <span class="icon-value">"f18b"</span></li>
<li><i class="fa fa-pagelines"></i> <span class="icon-name">fa-pagelines</span> <span class="icon-value">"f18c"</span></li>
<li><i class="fa fa-stack-exchange"></i> <span class="icon-name">fa-stack-exchange</span> <span class="icon-value">"f18d"</span></li>
<li><i class="fa fa-arrow-circle-o-right"></i> <span class="icon-name">fa-arrow-circle-o-right</span> <span class="icon-value">"f18e"</span></li>
<li><i class="fa fa-arrow-circle-o-left"></i> <span class="icon-name">fa-arrow-circle-o-left</span> <span class="icon-value">"f190"</span></li>
<li><i class="fa fa-caret-square-o-left"></i> <span class="icon-name">fa-caret-square-o-left</span> <span class="icon-value">"f191"</span></li>
<li><i class="fa fa-dot-circle-o"></i> <span class="icon-name">fa-dot-circle-o</span> <span class="icon-value">"f192"</span></li>
<li><i class="fa fa-wheelchair"></i> <span class="icon-name">fa-wheelchair</span> <span class="icon-value">"f193"</span></li>
<li><i class="fa fa-vimeo-square"></i> <span class="icon-name">fa-vimeo-square</span> <span class="icon-value">"f194"</span></li>
<li><i class="fa fa-try"></i> <span class="icon-name">fa-try</span> <span class="icon-value">"f195"</span></li>
<li><i class="fa fa-plus-square-o"></i> <span class="icon-name">fa-plus-square-o</span> <span class="icon-value">"f196"</span></li>
<li><i class="fa fa-space-shuttle"></i> <span class="icon-name">fa-space-shuttle</span> <span class="icon-value">"f197"</span></li>
<li><i class="fa fa-slack"></i> <span class="icon-name">fa-slack</span> <span class="icon-value">"f198"</span></li>
<li><i class="fa fa-envelope-square"></i> <span class="icon-name">fa-envelope-square</span> <span class="icon-value">"f199"</span></li>
<li><i class="fa fa-wordpress"></i> <span class="icon-name">fa-wordpress</span> <span class="icon-value">"f19a"</span></li>
<li><i class="fa fa-openid"></i> <span class="icon-name">fa-openid</span> <span class="icon-value">"f19b"</span></li>
<li><i class="fa fa-university"></i> <span class="icon-name">fa-university</span> <span class="icon-value">"f19c"</span></li>
<li><i class="fa fa-graduation-cap"></i> <span class="icon-name">fa-graduation-cap</span> <span class="icon-value">"f19d"</span></li>
<li><i class="fa fa-yahoo"></i> <span class="icon-name">fa-yahoo</span> <span class="icon-value">"f19e"</span></li>
<li><i class="fa fa-google"></i> <span class="icon-name">fa-google</span> <span class="icon-value">"f1a0"</span></li>
<li><i class="fa fa-reddit"></i> <span class="icon-name">fa-reddit</span> <span class="icon-value">"f1a1"</span></li>
<li><i class="fa fa-reddit-square"></i> <span class="icon-name">fa-reddit-square</span> <span class="icon-value">"f1a2"</span></li>
<li><i class="fa fa-stumbleupon-circle"></i> <span class="icon-name">fa-stumbleupon-circle</span> <span class="icon-value">"f1a3"</span></li>
<li><i class="fa fa-stumbleupon"></i> <span class="icon-name">fa-stumbleupon</span> <span class="icon-value">"f1a4"</span></li>
<li><i class="fa fa-delicious"></i> <span class="icon-name">fa-delicious</span> <span class="icon-value">"f1a5"</span></li>
<li><i class="fa fa-digg"></i> <span class="icon-name">fa-digg</span> <span class="icon-value">"f1a6"</span></li>
<li><i class="fa fa-pied-piper"></i> <span class="icon-name">fa-pied-piper</span> <span class="icon-value">"f1a7"</span></li>
<li><i class="fa fa-pied-piper-alt"></i> <span class="icon-name">fa-pied-piper-alt</span> <span class="icon-value">"f1a8"</span></li>
<li><i class="fa fa-drupal"></i> <span class="icon-name">fa-drupal</span> <span class="icon-value">"f1a9"</span></li>
<li><i class="fa fa-joomla"></i> <span class="icon-name">fa-joomla</span> <span class="icon-value">"f1aa"</span></li>
<li><i class="fa fa-language"></i> <span class="icon-name">fa-language</span> <span class="icon-value">"f1ab"</span></li>
<li><i class="fa fa-fax"></i> <span class="icon-name">fa-fax</span> <span class="icon-value">"f1ac"</span></li>
<li><i class="fa fa-building"></i> <span class="icon-name">fa-building</span> <span class="icon-value">"f1ad"</span></li>
<li><i class="fa fa-child"></i> <span class="icon-name">fa-child</span> <span class="icon-value">"f1ae"</span></li>
<li><i class="fa fa-paw"></i> <span class="icon-name">fa-paw</span> <span class="icon-value">"f1b0"</span></li>
<li><i class="fa fa-spoon"></i> <span class="icon-name">fa-spoon</span> <span class="icon-value">"f1b1"</span></li>
<li><i class="fa fa-cube"></i> <span class="icon-name">fa-cube</span> <span class="icon-value">"f1b2"</span></li>
<li><i class="fa fa-cubes"></i> <span class="icon-name">fa-cubes</span> <span class="icon-value">"f1b3"</span></li>
<li><i class="fa fa-behance"></i> <span class="icon-name">fa-behance</span> <span class="icon-value">"f1b4"</span></li>
<li><i class="fa fa-behance-square"></i> <span class="icon-name">fa-behance-square</span> <span class="icon-value">"f1b5"</span></li>
<li><i class="fa fa-steam"></i> <span class="icon-name">fa-steam</span> <span class="icon-value">"f1b6"</span></li>
<li><i class="fa fa-steam-square"></i> <span class="icon-name">fa-steam-square</span> <span class="icon-value">"f1b7"</span></li>
<li><i class="fa fa-recycle"></i> <span class="icon-name">fa-recycle</span> <span class="icon-value">"f1b8"</span></li>
<li><i class="fa fa-car"></i> <span class="icon-name">fa-car</span> <span class="icon-value">"f1b9"</span></li>
<li><i class="fa fa-taxi"></i> <span class="icon-name">fa-taxi</span> <span class="icon-value">"f1ba"</span></li>
<li><i class="fa fa-tree"></i> <span class="icon-name">fa-tree</span> <span class="icon-value">"f1bb"</span></li>
<li><i class="fa fa-spotify"></i> <span class="icon-name">fa-spotify</span> <span class="icon-value">"f1bc"</span></li>
<li><i class="fa fa-deviantart"></i> <span class="icon-name">fa-deviantart</span> <span class="icon-value">"f1bd"</span></li>
<li><i class="fa fa-soundcloud"></i> <span class="icon-name">fa-soundcloud</span> <span class="icon-value">"f1be"</span></li>
<li><i class="fa fa-database"></i> <span class="icon-name">fa-database</span> <span class="icon-value">"f1c0"</span></li>
<li><i class="fa fa-file-pdf-o"></i> <span class="icon-name">fa-file-pdf-o</span> <span class="icon-value">"f1c1"</span></li>
<li><i class="fa fa-file-word-o"></i> <span class="icon-name">fa-file-word-o</span> <span class="icon-value">"f1c2"</span></li>
<li><i class="fa fa-file-excel-o"></i> <span class="icon-name">fa-file-excel-o</span> <span class="icon-value">"f1c3"</span></li>
<li><i class="fa fa-file-powerpoint-o"></i> <span class="icon-name">fa-file-powerpoint-o</span> <span class="icon-value">"f1c4"</span></li>
<li><i class="fa fa-file-image-o"></i> <span class="icon-name">fa-file-image-o</span> <span class="icon-value">"f1c5"</span></li>
<li><i class="fa fa-file-archive-o"></i> <span class="icon-name">fa-file-archive-o</span> <span class="icon-value">"f1c6"</span></li>
<li><i class="fa fa-file-audio-o"></i> <span class="icon-name">fa-file-audio-o</span> <span class="icon-value">"f1c7"</span></li>
<li><i class="fa fa-file-video-o"></i> <span class="icon-name">fa-file-video-o</span> <span class="icon-value">"f1c8"</span></li>
<li><i class="fa fa-file-code-o"></i> <span class="icon-name">fa-file-code-o</span> <span class="icon-value">"f1c9"</span></li>
<li><i class="fa fa-vine"></i> <span class="icon-name">fa-vine</span> <span class="icon-value">"f1ca"</span></li>
<li><i class="fa fa-codepen"></i> <span class="icon-name">fa-codepen</span> <span class="icon-value">"f1cb"</span></li>
<li><i class="fa fa-jsfiddle"></i> <span class="icon-name">fa-jsfiddle</span> <span class="icon-value">"f1cc"</span></li>
<li><i class="fa fa-life-ring"></i> <span class="icon-name">fa-life-ring</span> <span class="icon-value">"f1cd"</span></li>
<li><i class="fa fa-circle-o-notch"></i> <span class="icon-name">fa-circle-o-notch</span> <span class="icon-value">"f1ce"</span></li>
<li><i class="fa fa-rebel"></i> <span class="icon-name">fa-rebel</span> <span class="icon-value">"f1d0"</span></li>
<li><i class="fa fa-empire"></i> <span class="icon-name">fa-empire</span> <span class="icon-value">"f1d1"</span></li>
<li><i class="fa fa-git-square"></i> <span class="icon-name">fa-git-square</span> <span class="icon-value">"f1d2"</span></li>
<li><i class="fa fa-git"></i> <span class="icon-name">fa-git</span> <span class="icon-value">"f1d3"</span></li>
<li><i class="fa fa-hacker-news"></i> <span class="icon-name">fa-hacker-news</span> <span class="icon-value">"f1d4"</span></li>
<li><i class="fa fa-tencent-weibo"></i> <span class="icon-name">fa-tencent-weibo</span> <span class="icon-value">"f1d5"</span></li>
<li><i class="fa fa-qq"></i> <span class="icon-name">fa-qq</span> <span class="icon-value">"f1d6"</span></li>
<li><i class="fa fa-weixin"></i> <span class="icon-name">fa-weixin</span> <span class="icon-value">"f1d7"</span></li>
<li><i class="fa fa-paper-plane"></i> <span class="icon-name">fa-paper-plane</span> <span class="icon-value">"f1d8"</span></li>
<li><i class="fa fa-paper-plane-o"></i> <span class="icon-name">fa-paper-plane-o</span> <span class="icon-value">"f1d9"</span></li>
<li><i class="fa fa-history"></i> <span class="icon-name">fa-history</span> <span class="icon-value">"f1da"</span></li>
<li><i class="fa fa-circle-thin"></i> <span class="icon-name">fa-circle-thin</span> <span class="icon-value">"f1db"</span></li>
<li><i class="fa fa-header"></i> <span class="icon-name">fa-header</span> <span class="icon-value">"f1dc"</span></li>
<li><i class="fa fa-paragraph"></i> <span class="icon-name">fa-paragraph</span> <span class="icon-value">"f1dd"</span></li>
<li><i class="fa fa-sliders"></i> <span class="icon-name">fa-sliders</span> <span class="icon-value">"f1de"</span></li>
<li><i class="fa fa-share-alt"></i> <span class="icon-name">fa-share-alt</span> <span class="icon-value">"f1e0"</span></li>
<li><i class="fa fa-share-alt-square"></i> <span class="icon-name">fa-share-alt-square</span> <span class="icon-value">"f1e1"</span></li>
<li><i class="fa fa-bomb"></i> <span class="icon-name">fa-bomb</span> <span class="icon-value">"f1e2"</span></li>
<li><i class="fa fa-futbol-o"></i> <span class="icon-name">fa-futbol-o</span> <span class="icon-value">"f1e3"</span></li>
<li><i class="fa fa-tty"></i> <span class="icon-name">fa-tty</span> <span class="icon-value">"f1e4"</span></li>
<li><i class="fa fa-binoculars"></i> <span class="icon-name">fa-binoculars</span> <span class="icon-value">"f1e5"</span></li>
<li><i class="fa fa-plug"></i> <span class="icon-name">fa-plug</span> <span class="icon-value">"f1e6"</span></li>
<li><i class="fa fa-slideshare"></i> <span class="icon-name">fa-slideshare</span> <span class="icon-value">"f1e7"</span></li>
<li><i class="fa fa-twitch"></i> <span class="icon-name">fa-twitch</span> <span class="icon-value">"f1e8"</span></li>
<li><i class="fa fa-yelp"></i> <span class="icon-name">fa-yelp</span> <span class="icon-value">"f1e9"</span></li>
<li><i class="fa fa-newspaper-o"></i> <span class="icon-name">fa-newspaper-o</span> <span class="icon-value">"f1ea"</span></li>
<li><i class="fa fa-wifi"></i> <span class="icon-name">fa-wifi</span> <span class="icon-value">"f1eb"</span></li>
<li><i class="fa fa-calculator"></i> <span class="icon-name">fa-calculator</span> <span class="icon-value">"f1ec"</span></li>
<li><i class="fa fa-paypal"></i> <span class="icon-name">fa-paypal</span> <span class="icon-value">"f1ed"</span></li>
<li><i class="fa fa-google-wallet"></i> <span class="icon-name">fa-google-wallet</span> <span class="icon-value">"f1ee"</span></li>
<li><i class="fa fa-cc-visa"></i> <span class="icon-name">fa-cc-visa</span> <span class="icon-value">"f1f0"</span></li>
<li><i class="fa fa-cc-mastercard"></i> <span class="icon-name">fa-cc-mastercard</span> <span class="icon-value">"f1f1"</span></li>
<li><i class="fa fa-cc-discover"></i> <span class="icon-name">fa-cc-discover</span> <span class="icon-value">"f1f2"</span></li>
<li><i class="fa fa-cc-amex"></i> <span class="icon-name">fa-cc-amex</span> <span class="icon-value">"f1f3"</span></li>
<li><i class="fa fa-cc-paypal"></i> <span class="icon-name">fa-cc-paypal</span> <span class="icon-value">"f1f4"</span></li>
<li><i class="fa fa-cc-stripe"></i> <span class="icon-name">fa-cc-stripe</span> <span class="icon-value">"f1f5"</span></li>
<li><i class="fa fa-bell-slash"></i> <span class="icon-name">fa-bell-slash</span> <span class="icon-value">"f1f6"</span></li>
<li><i class="fa fa-bell-slash-o"></i> <span class="icon-name">fa-bell-slash-o</span> <span class="icon-value">"f1f7"</span></li>
<li><i class="fa fa-trash"></i> <span class="icon-name">fa-trash</span> <span class="icon-value">"f1f8"</span></li>
<li><i class="fa fa-copyright"></i> <span class="icon-name">fa-copyright</span> <span class="icon-value">"f1f9"</span></li>
<li><i class="fa fa-at"></i> <span class="icon-name">fa-at</span> <span class="icon-value">"f1fa"</span></li>
<li><i class="fa fa-eyedropper"></i> <span class="icon-name">fa-eyedropper</span> <span class="icon-value">"f1fb"</span></li>
<li><i class="fa fa-paint-brush"></i> <span class="icon-name">fa-paint-brush</span> <span class="icon-value">"f1fc"</span></li>
<li><i class="fa fa-birthday-cake"></i> <span class="icon-name">fa-birthday-cake</span> <span class="icon-value">"f1fd"</span></li>
<li><i class="fa fa-area-chart"></i> <span class="icon-name">fa-area-chart</span> <span class="icon-value">"f1fe"</span></li>
<li><i class="fa fa-pie-chart"></i> <span class="icon-name">fa-pie-chart</span> <span class="icon-value">"f200"</span></li>
<li><i class="fa fa-line-chart"></i> <span class="icon-name">fa-line-chart</span> <span class="icon-value">"f201"</span></li>
<li><i class="fa fa-lastfm"></i> <span class="icon-name">fa-lastfm</span> <span class="icon-value">"f202"</span></li>
<li><i class="fa fa-lastfm-square"></i> <span class="icon-name">fa-lastfm-square</span> <span class="icon-value">"f203"</span></li>
<li><i class="fa fa-toggle-off"></i> <span class="icon-name">fa-toggle-off</span> <span class="icon-value">"f204"</span></li>
<li><i class="fa fa-toggle-on"></i> <span class="icon-name">fa-toggle-on</span> <span class="icon-value">"f205"</span></li>
<li><i class="fa fa-bicycle"></i> <span class="icon-name">fa-bicycle</span> <span class="icon-value">"f206"</span></li>
<li><i class="fa fa-bus"></i> <span class="icon-name">fa-bus</span> <span class="icon-value">"f207"</span></li>
<li><i class="fa fa-ioxhost"></i> <span class="icon-name">fa-ioxhost</span> <span class="icon-value">"f208"</span></li>
<li><i class="fa fa-angellist"></i> <span class="icon-name">fa-angellist</span> <span class="icon-value">"f209"</span></li>
<li><i class="fa fa-cc"></i> <span class="icon-name">fa-cc</span> <span class="icon-value">"f20a"</span></li>
<li><i class="fa fa-ils"></i> <span class="icon-name">fa-ils</span> <span class="icon-value">"f20b"</span></li>
<li><i class="fa fa-meanpath"></i> <span class="icon-name">fa-meanpath</span> <span class="icon-value">"f20c"</span></li>
<li><i class="fa fa-bluetooth"></i> <span class="icon-name">fa-bluetooth</span> <span class="icon-value">"f293"</span></li>
<li><i class="fa fa-bluetooth-b"></i> <span class="icon-name">fa-bluetooth-b</span> <span class="icon-value">"f294"</span></li>
<li><i class="fa fa-codiepie"></i> <span class="icon-name">fa-codiepie</span> <span class="icon-value">"f284"</span></li>
<li><i class="fa fa-credit-card-alt"></i> <span class="icon-name">fa-credit-card-alt</span> <span class="icon-value">"f283"</span></li>
<li><i class="fa fa-edge"></i> <span class="icon-name">fa-edge</span> <span class="icon-value">"f282"</span></li>
<li><i class="fa fa-fort-awesome"></i> <span class="icon-name">fa-fort-awesome</span> <span class="icon-value">"f286"</span></li>
<li><i class="fa fa-hashtag"></i> <span class="icon-name">fa-hashtag</span> <span class="icon-value">"f292"</span></li>
</ul>
<div style="clear: both;"></div>
</div>