|
Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/destinytrafficsolutions/html/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> <!-- Mirrored from html.modernwebtemplates.com/drively/shortcodes_socialicons.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 03 Feb 2025 12:05:01 GMT --> <head> <title>Drively - Bootstrap 4 premium MultePage HTML template</title> <meta charset="utf-8"> <!--[if IE]> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <![endif]--> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/animations.css"> <link rel="stylesheet" href="css/regular.min.css"> <link rel="stylesheet" href="css/brands.min.css"> <link rel="stylesheet" href="css/solid.min.css"> <link rel="stylesheet" href="css/fontawesome.min.css"> <link rel="stylesheet" href="css/font-awesome.css"> <link rel="stylesheet" href="css/main.css" class="color-switcher-link"> <script src="js/vendor/modernizr-custom.js"></script> <!--[if lt IE 9]> <script src="js/vendor/html5shiv.min.js"></script> <script src="js/vendor/respond.min.js"></script> <script src="js/vendor/jquery-1.12.4.min.js"></script> <![endif]--> </head> <body> <!--[if lt IE 9]> <div class="bg-danger text-center">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/" class="color-main">upgrade your browser</a> to improve your experience.</div> <![endif]--> <div class="preloader"> <div class="preloader_image"></div> </div> <!-- search modal --> <div class="modal" tabindex="-1" role="dialog" aria-labelledby="search_modal" id="search_modal"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="widget widget_search"> <form method="get" class="searchform search-form" action="https://html.modernwebtemplates.com/"> <div class="form-group"> <input type="text" value="" name="search" class="form-control" placeholder="Search keyword" id="modal-search-input"> </div> <button type="submit" class="btn">Search</button> </form> </div> </div> <div class="modal" tabindex="-1" role="dialog" aria-labelledby="search_modal" id="mail_modal"> <div class="container"> <div class="row c-gutter-0 align-items-center"> <div class="ls col-md-12 col-lg-6"> <form class="contact-form c-mb-10 c-gutter-10" method="post" action="https://html.modernwebtemplates.com/"> <div class="row"> <div class="col-sm-12"> <h4><span class="color-main">Email</span> Us</h4> <div class="divider-sm-0 divider-md-30"></div> <div class="form-group has-placeholder"> <label for="name">Full Name <span class="required">*</span></label> <input type="text" aria-required="true" size="30" value="" name="name" id="name" class="form-control" placeholder="Full Name"> </div> <div class="form-group has-placeholder"> <label for="email">Email address<span class="required">*</span></label> <input type="email" aria-required="true" size="30" value="" name="email" id="email" class="form-control" placeholder="Email"> </div> <div class="form-group has-placeholder"> <label for="message">Message</label> <textarea aria-required="true" rows="6" cols="45" name="message" id="message" class="form-control" placeholder="Message"></textarea> </div> </div> </div> <div class="row mt-30"> <div class="col-sm-12"> <div class="form-group"> <button type="submit" id="contact_form_submit" name="contact_submit" class="btn btn-outline-darkgrey">Email Us</button> </div> </div> </div> </form> </div> <div class="col-md-12 col-lg-6"> <img src="images/email-modal.jpg" alt=""> </div> </div> </div> </div> <div class="modal" tabindex="-1" role="dialog" aria-labelledby="search_modal" id="sign_up_modal"> <div class="container"> <div class="row c-gutter-0 align-items-center"> <div class="ls col-12 col-sm-6"> <form class="contact-form sign-in c-mb-10 c-gutter-10" method="post" action="https://html.modernwebtemplates.com/"> <div class="row"> <div class="col-sm-12"> <h4><span class="color-main">Sign Up</span> / Sign In</h4> <div class="divider-sm-0 divider-md-30"></div> <div class="form-group has-placeholder"> <label for="name">Full Name <span class="required">*</span></label> <input type="text" aria-required="true" size="30" value="" name="name" id="signupname" class="form-control" placeholder="Full Name"> </div> <div class="form-group has-placeholder"> <label for="password">Password<span class="required">*</span></label> <input type="password" aria-required="true" size="30" value="" name="password" id="signuppassword" class="form-control" placeholder="Password"> </div> <div class="form-group has-placeholder"> <label for="email">Email<span class="required">*</span></label> <input type="email" aria-required="true" size="30" value="" name="email" id="signupemail" class="form-control" placeholder="Email"> </div> <div> <input type="checkbox" class="checkbox" id="signupcheckbox" /> <label for="signupcheckbox">I agree with all the text in the agreement</label> </div> </div> </div> <div class="row"> <div class="col-sm-12"> <div class="form-group"> <button type="submit" id="contact_signupform_submit" name="contact_submit" class="btn btn-outline-darkgrey">Email Us</button> </div> </div> <a class="phone_modal_button sign_up_modal close-modal" data-dismiss="modal" aria-label="Close" href="#sign_in_modal"><span aria-hidden="true">I am already Member</span></a> </div> </form> </div> <div class="col-12 col-sm-6 d-none d-sm-block"> <img src="images/sing-in-modal.jpg" alt=""> </div> </div> </div> </div> <div class="modal" tabindex="-1" role="dialog" aria-labelledby="search_modal" id="sign_in_modal"> <div class="container"> <div class="row c-gutter-0 align-items-center"> <div class="ls col-12 col-sm-6"> <form class="contact-form sign-in c-mb-10 c-gutter-10" method="post" action="https://html.modernwebtemplates.com/"> <div class="row"> <div class="col-sm-12"> <h4><span class="color-main">Sign In</span> / Sign Up</h4> <div class="divider-sm-0 divider-md-30"></div> <div class="form-group has-placeholder"> <label for="name">Full Name <span class="required">*</span></label> <input type="text" aria-required="true" size="30" value="" name="name" id="signname" class="form-control" placeholder="Full Name"> </div> <div class="form-group has-placeholder"> <label for="password">Password<span class="required">*</span></label> <input type="password" aria-required="true" size="30" value="" name="password" id="password" class="form-control" placeholder="Password"> </div> </div> </div> <div class="row"> <div class="col-sm-12"> <div class="form-group"> <button type="submit" id="contact_signinform_submit" name="contact_submit" class="btn btn-outline-darkgrey">Email Us</button> </div> </div> <a class="sign_up_modal close-modal" data-dismiss="modal" aria-label="Close" href="#sign_up_modal"><span aria-hidden="true">Forgot Password?</span></a> </div> </form> </div> <div class="col-12 col-sm-6 d-none d-sm-block"> <img src="images/sing-in-modal.jpg" alt=""> </div> </div> </div> </div> <!-- Unyson messages modal --> <div class="modal fade" tabindex="-1" role="dialog" id="messages_modal"> <div class="fw-messages-wrap ls p-normal"> <!-- Uncomment this UL with LI to show messages in modal popup to your user: --> <!-- <ul class="list-unstyled"> <li>Message To User</li> </ul> --> </div> </div><!-- eof .modal --> <!-- wrappers for visual page editor and boxed version of template --> <div id="canvas"> <div id="box_wrapper"> <!-- template sections --> <div class="header_absolute ds cover-background"> <!--topline section visible only on small screens|--> <section class="page_topline ds c-my-10 s-overlay"> <div class="container"> <div class="row align-items-center"> <div class="col-12 col-sm-5 text-left"> <span class="social-icons"> <a href="#" class="fa fa-facebook " title="facebook"></a> <a href="#" class="fab fa-youtube " title="youtube"></a> <a href="#" class="fab fa-linkedin-in " title="linkedin"></a> <a href="#" class="fa fa-twitter " title="twitter"></a> <a href="#" class="fa fa-google " title="google"></a> </span> </div> <div class="col-12 col-sm-7 text-right"> <ul class="small-text"> <li> <p class="phone_number"><span>Questions?</span><a href="tel:855374-6211">(855) 374-6211</a></p> </li> <li> <span> <a class="phone_modal_button" href="#sign_in_modal"><span class="ico icon-profile"></span></a> </span> </li> <li> <a class="email_modal_button" href="#mail_modal"><span class="ico icon-icon"></span></a> </li> <li> <a href="#"><span class="ico icon-comments"></span></a> </li> </ul> </div> </div> </div> </section> <!--eof topline--> <!-- header with two Bootstrap columns - left for logo and right for navigation and includes (search, social icons, additional links and buttons etc --> <header class="page_header ds justify-nav-end"> <div class="container"> <div class="row align-items-center"> <div class="col-xl-3 col-lg-4 col-md-5 col-11"> <a href="index-2.html" class="logo"> <img src="images/logo.png" alt=""> </a> </div> <div class="col-xl-9 col-lg-8 col-md-7 col-1"> <div class="nav-wrap"> <!-- main nav start --> <nav class="top-nav"> <ul class="nav sf-menu"> <li class="active"> <a href="index.html">Home</a> <ul> <li> <a href="index.html">MultiPage</a> </li> <li> <a href="index_static.html">Static Intro</a> </li> <li> <a href="index_singlepage.html">Single Page</a> </li> </ul> </li> <li> <a href="about.html">Pages</a> <ul> <li> <a href="about.html">About</a> </li> <!-- features --> <li> <a href="shortcodes_iconbox.html">Shortcodes</a> <ul> <li> <a href="shortcodes_typography.html">Typography</a> </li> <li> <a href="shortcodes_buttons.html">Buttons</a> </li> <li> <a href="shortcodes_iconbox.html">Icon Boxes</a> </li> <li> <a href="shortcodes_progress.html">Progress</a> </li> <li> <a href="shortcodes_tabs.html">Tabs & Collapse</a> </li> <li> <a href="shortcodes_bootstrap.html">Bootstrap Elements</a> </li> <li> <a href="shortcodes_animation.html">Animation</a> </li> <li> <a href="shortcodes_icons.html">Template Icons</a> </li> <li> <a href="shortcodes_socialicons.html">Social Icons</a> </li> </ul> </li> <!-- eof shortcodes --> <li> <a href="services.html">Our Services</a> <ul> <li> <a href="services.html">Services 1</a> </li> <li> <a href="services2.html">Services 2</a> </li> <li> <a href="services3.html">Services 3</a> </li> <li> <a href="service-single.html">Single Service</a> </li> </ul> </li> <li> <a href="pricing.html">Pricing</a> </li> <!-- shop --> <li> <a href="shop-right.html">Shop</a> <ul> <li> <a href="shop-account-dashboard.html">Account</a> <ul> <li> <a href="shop-account-details.html">Account details</a> </li> <li> <a href="shop-account-addresses.html">Addresses</a> </li> <li> <a href="shop-account-address-edit.html">Edit Address</a> </li> <li> <a href="shop-account-orders.html">Orders</a> </li> <li> <a href="shop-account-order-single.html">Single Order</a> </li> <li> <a href="shop-account-downloads.html">Downloads</a> </li> <li> <a href="shop-account-password-reset.html">Password Reset</a> </li> <li> <a href="shop-account-login.html">Login/Logout</a> </li> </ul> </li> <li> <a href="shop-right.html">Right Sidebar</a> </li> <li> <a href="shop-left.html">Left Sidebar</a> </li> <li> <a href="shop-product-right.html">Product Right Sidebar</a> </li> <li> <a href="shop-product-left.html">Product Left Sidebar</a> </li> <li> <a href="shop-cart.html">Cart</a> </li> <li> <a href="shop-checkout.html">Checkout</a> </li> <li> <a href="shop-order-received.html">Order Received</a> </li> </ul> </li> <!-- eof shop --> <!-- blog --> <li> <a href="blog-right.html">Blog</a> <ul> <li> <a href="blog-right.html">Right Sidebar</a> </li> <li> <a href="blog-left.html">Left Sidebar</a> </li> <li> <a href="blog-full.html">No Sidebar</a> </li> <li> <a href="blog-grid.html">Blog Grid</a> </li> <li> <a href="blog-single-right.html">Post</a> <ul> <li> <a href="blog-single-right.html">Right Sidebar</a> </li> <li> <a href="blog-single-left.html">Left Sidebar</a> </li> <li> <a href="blog-single-full.html">No Sidebar</a> </li> </ul> </li> <li> <a href="blog-single-video-right.html">Video Post</a> <ul> <li> <a href="blog-single-video-right.html">Right Sidebar</a> </li> <li> <a href="blog-single-video-left.html">Left Sidebar</a> </li> <li> <a href="blog-single-video-full.html">No Sidebar</a> </li> </ul> </li> </ul> </li> <!-- eof blog --> <!-- gallery --> <li> <a href="gallery-image.html">Gallery</a> <ul> <!-- Gallery image only --> <li> <a href="gallery-image.html">Image Only</a> <ul> <li> <a href="gallery-image-2-cols.html">2 columns</a> </li> <li> <a href="gallery-image.html">3 columns</a> </li> <li> <a href="gallery-image-4-cols-fullwidth.html">4 columns fullwidth</a> </li> </ul> </li> <!-- eof Gallery image only --> <!-- Gallery with title --> <li> <a href="gallery-title.html">Image With Title</a> <ul> <li> <a href="gallery-title-2-cols.html">2 columns</a> </li> <li> <a href="gallery-title.html">3 column</a> </li> <li> <a href="gallery-title-4-cols-fullwidth.html">4 columns fullwidth</a> </li> </ul> </li> <!-- eof Gallery with title --> <!-- Gallery with excerpt --> <li> <a href="gallery-excerpt.html">Image with Excerpt</a> <ul> <li> <a href="gallery-excerpt-2-cols.html">2 columns</a> </li> <li> <a href="gallery-excerpt.html">3 column</a> </li> <li> <a href="gallery-excerpt-4-cols-fullwidth.html">4 columns fullwdith</a> </li> </ul> </li> <!-- eof Gallery with excerpt --> <li> <a href="gallery-tiled.html">Tiled Gallery</a> </li> <!-- Gallery item --> <li> <a href="gallery-single.html">Gallery Item</a> <ul> <li> <a href="gallery-single.html">Style 1</a> </li> <li> <a href="gallery-single2.html">Style 2</a> </li> </ul> </li> <!-- eof Gallery item --> </ul> </li> <!-- eof Gallery --> <li> <a href="shortcodes_widgets_default.html">Widgets</a> <ul> <li> <a href="shortcodes_widgets_default.html">Default Widgets</a> </li> <li> <a href="shortcodes_widgets_shop.html">Shop Widgets</a> </li> <li> <a href="shortcodes_widgets_custom.html">Custom Widgets</a> </li> </ul> </li> <!-- events --> <li> <a href="events-left.html">Events</a> <ul> <li> <a href="events-left.html">Left Sidebar</a> </li> <li> <a href="events-right.html">Right Sidebar</a> </li> <li> <a href="events-full.html">Full Width</a> </li> <li> <a href="event-single-left.html">Single Event</a> <ul> <li> <a href="event-single-left.html">Left Sidebar</a> </li> <li> <a href="event-single-right.html">Right Sidebar</a> </li> <li> <a href="event-single-full.html">Full Width</a> </li> </ul> </li> </ul> </li> <!-- eof events --> <li> <a href="team.html">Team</a> <ul> <li> <a href="team.html">Team List</a> </li> <li> <a href="team-single.html">Team Member</a> </li> </ul> </li> <li> <a href="comingsoon.html">Comingsoon</a> </li> <li> <a href="package.html">Package</a> </li> <li> <a href="courses.html">Courses</a> <ul> <li> <a href="courses.html">Courses</a> </li> <li> <a href="courses-single.html">Single course</a> </li> </ul> </li> <li> <a href="404.html">404</a> </li> </ul> </li> <!-- eof pages --> <li> <a href="how-it-works.html">How it works</a> </li> <li> <a href="#">Features</a> <div class="mega-menu"> <ul class="mega-menu-row"> <li class="mega-menu-col"> <a href="#">Headers</a> <ul> <li> <a href="header1.html">Header Type 1</a> </li> <li> <a href="header2.html">Header Type 2</a> </li> <li> <a href="header3.html">Header Type 3</a> </li> <li> <a href="header4.html">Header Type 4</a> </li> <li> <a href="header5.html">Header Type 5</a> </li> <li> <a href="header6.html">Header Type 6</a> </li> </ul> </li> <li class="mega-menu-col"> <a href="#">Side Menus</a> <ul> <li> <a href="header-side.html">Push Left</a> </li> <li> <a href="header-side-right.html">Push Right</a> </li> <li> <a href="header-side-slide.html">Slide Left</a> </li> <li> <a href="header-side-slide-right.html">Slide Right</a> </li> <li> <a href="header-side-sticked.html">Sticked Left</a> </li> <li> <a href="header-side-sticked-right.html">Sticked Right</a> </li> </ul> </li> <li class="mega-menu-col"> <a href="title1.html">Title Sections</a> <ul> <li> <a href="title1.html">Title section 1</a> </li> <li> <a href="title2.html">Title section 2</a> </li> <li> <a href="title3.html">Title section 3</a> </li> <li> <a href="title4.html">Title section 4</a> </li> <li> <a href="title5.html">Title section 5</a> </li> <li> <a href="title6.html">Title section 6</a> </li> </ul> </li> <li class="mega-menu-col"> <a href="footer1.html#footer">Footers</a> <ul> <li> <a href="footer1.html#footer">Footer Type 1</a> </li> <li> <a href="footer2.html#footer">Footer Type 2</a> </li> <li> <a href="footer3.html#footer">Footer Type 3</a> </li> <li> <a href="footer4.html#footer">Footer Type 4</a> </li> <li> <a href="footer5.html#footer">Footer Type 5</a> </li> <li> <a href="footer6.html#footer">Footer Type 6</a> </li> </ul> </li> <li class="mega-menu-col"> <a href="copyright1.html#copyright">Copyright</a> <ul> <li> <a href="copyright1.html#copyright">Copyright 1</a> </li> <li> <a href="copyright2.html#copyright">Copyright 2</a> </li> <li> <a href="copyright3.html#copyright">Copyright 3</a> </li> <li> <a href="copyright4.html#copyright">Copyright 4</a> </li> <li> <a href="copyright5.html#copyright">Copyright 5</a> </li> <li> <a href="copyright6.html#copyright">Copyright 6</a> </li> </ul> </li> </ul> </div> <!-- eof mega menu --> </li> <!-- eof features --> <li> <a href="faq.html">FAQ</a> <ul> <li> <a href="faq.html">FAQ</a> </li> <li> <a href="faq2.html">FAQ 2</a> </li> </ul> </li> <!-- contacts --> <li> <a href="contact.html">Contact</a> <ul> <li> <a href="contact.html">Contact 1</a> </li> <li> <a href="contact2.html">Contact 2</a> </li> <li> <a href="contact3.html">Contact 3</a> </li> <li> <a href="contact4.html">Contact 4</a> </li> </ul> </li> <!-- eof contacts --> </ul> </nav> <!-- eof main nav --> <!--hidding includes on small devices. They are duplicated in topline--> <ul class="top-includes d-none d-xl-block"> <li> <!--modal search--> <span> <a href="#" class="search_modal_button"> <i class="fa fa-search"></i> </a> </span> </li> </ul> </div> </div> </div> </div> <!-- header toggler --> <span class="toggle_menu"><span></span></span> </header> <section class="page_title padding-mobile cs s-pt-59 s-pb-94"> <div class="container"> <div class="row"> <div class="col-md-12"> <h1 class="bold">Shortcodes: Social Icons</h1> <ul class="breadcrumb"> <li class="breadcrumb-item"> <a href="index-2.html">Home</a> </li> <li class="breadcrumb-item"> <a href="#">Pages</a> </li> <li class="breadcrumb-item active"> Shortcodes: Social Icons </li> </ul> </div> </div> </div> </section> </div> <section class="ls s-pt-100"> <div class="container"> <div class="row"> <div class="col-md-12"> <h2>Social icons by <a href="http://fontawesome.io/icons/#brand">Font Awesome</a> brand icons</h2> <p> Every social button has it's brand color and also simple, bordered and background layouts. </p> </div> </div> </div> </section> <!--light background section--> <section class="ls s-pt-15"> <div class="container"> <div class="row"> <div class="col-md-12"> <h3>Simple icons</h3> <a href="#" class="fa fa-facebook " title="facebook"></a> <a href="#" class="fa fa-twitter " title="twitter"></a> <a href="#" class="fa fa-instagram " title="instagram"></a> <a href="#" class="fa fa-linkedin " title="linkedin"></a> <a href="#" class="fa fa-pinterest-p " title="pinterest-p"></a> <a href="#" class="fa fa-google " title="google"></a> <a href="#" class="fa fa-flickr " title="flickr"></a> <a href="#" class="fa fa-youtube " title="youtube"></a> <a href="#" class="fa fa-vimeo " title="vimeo"></a> <a href="#" class="fa fa-share-alt " title="share-alt"></a> <a href="#" class="fa fa-soundcloud " title="soundcloud"></a> <a href="#" class="fa fa-facebook-official " title="facebook-official"></a> <a href="#" class="fa fa-facebook-square " title="facebook-square"></a> <a href="#" class="fa fa-twitter-square " title="twitter-square"></a> <a href="#" class="fa fa-500px " title="500px"></a> <a href="#" class="fa fa-adn " title="adn"></a> <a href="#" class="fa fa-amazon " title="amazon"></a> <a href="#" class="fa fa-android " title="android"></a> <a href="#" class="fa fa-angellist " title="angellist"></a> <a href="#" class="fa fa-apple " title="apple"></a> <a href="#" class="fa fa-behance-square " title="behance-square"></a> <a href="#" class="fa fa-behance " title="behance"></a> <a href="#" class="fa fa-bitbucket-square " title="bitbucket-square"></a> <a href="#" class="fa fa-bitbucket " title="bitbucket"></a> <a href="#" class="fa fa-bitcoin " title="bitcoin"></a> <a href="#" class="fa fa-black-tie " title="black-tie"></a> <a href="#" class="fa fa-btc " title="btc"></a> <a href="#" class="fa fa-buysellads " title="buysellads"></a> <a href="#" class="fa fa-cc-amex " title="cc-amex"></a> <a href="#" class="fa fa-cc-diners-club " title="cc-diners-club"></a> <a href="#" class="fa fa-cc-discover " title="cc-discover"></a> <a href="#" class="fa fa-cc-jcb " title="cc-jcb"></a> <a href="#" class="fa fa-cc-mastercard " title="cc-mastercard"></a> <a href="#" class="fa fa-cc-paypal " title="cc-paypal"></a> <a href="#" class="fa fa-cc-stripe " title="cc-stripe"></a> <a href="#" class="fa fa-cc-visa " title="cc-visa"></a> <a href="#" class="fa fa-chrome " title="chrome"></a> <a href="#" class="fa fa-codepen " title="codepen"></a> <a href="#" class="fa fa-connectdevelop " title="connectdevelop"></a> <a href="#" class="fa fa-contao " title="contao"></a> <a href="#" class="fa fa-creative-commons " title="creative-commons"></a> <a href="#" class="fa fa-css3 " title="css3"></a> <a href="#" class="fa fa-dashcube " title="dashcube"></a> <a href="#" class="fa fa-delicious " title="delicious"></a> <a href="#" class="fa fa-deviantart " title="deviantart"></a> <a href="#" class="fa fa-digg " title="digg"></a> <a href="#" class="fa fa-dribbble " title="dribbble"></a> <a href="#" class="fa fa-dropbox " title="dropbox"></a> <a href="#" class="fa fa-drupal " title="drupal"></a> <a href="#" class="fa fa-empire " title="empire"></a> <a href="#" class="fa fa-expeditedssl " title="expeditedssl"></a> <a href="#" class="fa fa-firefox " title="firefox"></a> <a href="#" class="fa fa-fonticons " title="fonticons"></a> <a href="#" class="fa fa-forumbee " title="forumbee"></a> <a href="#" class="fa fa-foursquare " title="foursquare"></a> <a href="#" class="fa fa-ge " title="ge"></a> <a href="#" class="fa fa-get-pocket " title="get-pocket"></a> <a href="#" class="fa fa-gg-circle " title="gg-circle"></a> <a href="#" class="fa fa-gg " title="gg"></a> <a href="#" class="fa fa-git-square " title="git-square"></a> <a href="#" class="fa fa-git " title="git"></a> <a href="#" class="fa fa-github-alt " title="github-alt"></a> <a href="#" class="fa fa-github-square " title="github-square"></a> <a href="#" class="fa fa-github " title="github"></a> <a href="#" class="fa fa-gittip " title="gittip"></a> <a href="#" class="fa fa-google-plus-square " title="google-plus-square"></a> <a href="#" class="fa fa-google-plus " title="google-plus"></a> <a href="#" class="fa fa-google-wallet " title="google-wallet"></a> <a href="#" class="fa fa-hacker-news " title="hacker-news"></a> <a href="#" class="fa fa-houzz " title="houzz"></a> <a href="#" class="fa fa-html5 " title="html5"></a> <a href="#" class="fa fa-internet-explorer " title="internet-explorer"></a> <a href="#" class="fa fa-ioxhost " title="ioxhost"></a> <a href="#" class="fa fa-joomla " title="joomla"></a> <a href="#" class="fa fa-jsfiddle " title="jsfiddle"></a> <a href="#" class="fa fa-lastfm-square " title="lastfm-square"></a> <a href="#" class="fa fa-lastfm " title="lastfm"></a> <a href="#" class="fa fa-leanpub " title="leanpub"></a> <a href="#" class="fa fa-linkedin-square " title="linkedin-square"></a> <a href="#" class="fa fa-linux " title="linux"></a> <a href="#" class="fa fa-maxcdn " title="maxcdn"></a> <a href="#" class="fa fa-meanpath " title="meanpath"></a> <a href="#" class="fa fa-medium " title="medium"></a> <a href="#" class="fa fa-odnoklassniki-square " title="odnoklassniki-square"></a> <a href="#" class="fa fa-odnoklassniki " title="odnoklassniki"></a> <a href="#" class="fa fa-opencart " title="opencart"></a> <a href="#" class="fa fa-openid " title="openid"></a> <a href="#" class="fa fa-opera " title="opera"></a> <a href="#" class="fa fa-optin-monster " title="optin-monster"></a> <a href="#" class="fa fa-pagelines " title="pagelines"></a> <a href="#" class="fa fa-paypal " title="paypal"></a> <a href="#" class="fa fa-pied-piper-alt " title="pied-piper-alt"></a> <a href="#" class="fa fa-pied-piper " title="pied-piper"></a> <a href="#" class="fa fa-pinterest-square " title="pinterest-square"></a> <a href="#" class="fa fa-pinterest " title="pinterest"></a> <a href="#" class="fa fa-qq " title="qq"></a> <a href="#" class="fa fa-ra " title="ra"></a> <a href="#" class="fa fa-rebel " title="rebel"></a> <a href="#" class="fa fa-reddit-square " title="reddit-square"></a> <a href="#" class="fa fa-reddit " title="reddit"></a> <a href="#" class="fa fa-renren " title="renren"></a> <a href="#" class="fa fa-safari " title="safari"></a> <a href="#" class="fa fa-sellsy " title="sellsy"></a> <a href="#" class="fa fa-share-alt-square " title="share-alt-square"></a> <a href="#" class="fa fa-share-alt " title="share-alt"></a> <a href="#" class="fa fa-shirtsinbulk " title="shirtsinbulk"></a> <a href="#" class="fa fa-simplybuilt " title="simplybuilt"></a> <a href="#" class="fa fa-skyatlas " title="skyatlas"></a> <a href="#" class="fa fa-skype " title="skype"></a> <a href="#" class="fa fa-slack " title="slack"></a> <a href="#" class="fa fa-slideshare " title="slideshare"></a> <a href="#" class="fa fa-spotify " title="spotify"></a> <a href="#" class="fa fa-stack-exchange " title="stack-exchange"></a> <a href="#" class="fa fa-stack-overflow " title="stack-overflow"></a> <a href="#" class="fa fa-steam-square " title="steam-square"></a> <a href="#" class="fa fa-steam " title="steam"></a> <a href="#" class="fa fa-stumbleupon-circle " title="stumbleupon-circle"></a> <a href="#" class="fa fa-stumbleupon " title="stumbleupon"></a> <a href="#" class="fa fa-tencent-weibo " title="tencent-weibo"></a> <a href="#" class="fa fa-trello " title="trello"></a> <a href="#" class="fa fa-tripadvisor " title="tripadvisor"></a> <a href="#" class="fa fa-tumblr-square " title="tumblr-square"></a> <a href="#" class="fa fa-tumblr " title="tumblr"></a> <a href="#" class="fa fa-twitch " title="twitch"></a> <a href="#" class="fa fa-viacoin " title="viacoin"></a> <a href="#" class="fa fa-vimeo-square " title="vimeo-square"></a> <a href="#" class="fa fa-vine " title="vine"></a> <a href="#" class="fa fa-vk " title="vk"></a> <a href="#" class="fa fa-wechat " title="wechat"></a> <a href="#" class="fa fa-weibo " title="weibo"></a> <a href="#" class="fa fa-weixin " title="weixin"></a> <a href="#" class="fa fa-wikipedia-w " title="wikipedia-w"></a> <a href="#" class="fa fa-windows " title="windows"></a> <a href="#" class="fa fa-wordpress " title="wordpress"></a> <a href="#" class="fa fa-xing-square " title="xing-square"></a> <a href="#" class="fa fa-xing " title="xing"></a> <a href="#" class="fa fa-y-combinator " title="y-combinator"></a> <a href="#" class="fa fa-yahoo " title="yahoo"></a> <a href="#" class="fa fa-yc " title="yc"></a> <a href="#" class="fa fa-yelp " title="yelp"></a> <a href="#" class="fa fa-youtube-play " title="youtube-play"></a> <a href="#" class="fa fa-youtube-square " title="youtube-square"></a> <br><br> <pre><code class="html hljs"><a href=<span class="hljs-string">"#"</span> <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"fa fa-twitter"</span>><span class="xml"><span class="hljs-tag"></<span class="hljs-name">a</span>></span></span></code></pre> </div> </div> </div> </section> <section class="ls s-pt-75"> <div class="container"> <div class="row"> <div class="col-md-12"> <h3>Bordered icons</h3> <a href="#" class="fa fa-facebook border-icon" title="facebook"></a> <a href="#" class="fa fa-twitter border-icon" title="twitter"></a> <a href="#" class="fa fa-instagram border-icon" title="instagram"></a> <a href="#" class="fa fa-linkedin border-icon" title="linkedin"></a> <a href="#" class="fa fa-pinterest-p border-icon" title="pinterest-p"></a> <a href="#" class="fa fa-google border-icon" title="google"></a> <a href="#" class="fa fa-flickr border-icon" title="flickr"></a> <a href="#" class="fa fa-youtube border-icon" title="youtube"></a> <a href="#" class="fa fa-vimeo border-icon" title="vimeo"></a> <a href="#" class="fa fa-share-alt border-icon" title="share-alt"></a> <a href="#" class="fa fa-soundcloud border-icon" title="soundcloud"></a> <a href="#" class="fa fa-facebook-official border-icon" title="facebook-official"></a> <a href="#" class="fa fa-facebook-square border-icon" title="facebook-square"></a> <a href="#" class="fa fa-twitter-square border-icon" title="twitter-square"></a> <a href="#" class="fa fa-500px border-icon" title="500px"></a> <a href="#" class="fa fa-adn border-icon" title="adn"></a> <a href="#" class="fa fa-amazon border-icon" title="amazon"></a> <a href="#" class="fa fa-android border-icon" title="android"></a> <a href="#" class="fa fa-angellist border-icon" title="angellist"></a> <a href="#" class="fa fa-apple border-icon" title="apple"></a> <a href="#" class="fa fa-behance-square border-icon" title="behance-square"></a> <a href="#" class="fa fa-behance border-icon" title="behance"></a> <a href="#" class="fa fa-bitbucket-square border-icon" title="bitbucket-square"></a> <a href="#" class="fa fa-bitbucket border-icon" title="bitbucket"></a> <a href="#" class="fa fa-bitcoin border-icon" title="bitcoin"></a> <a href="#" class="fa fa-black-tie border-icon" title="black-tie"></a> <a href="#" class="fa fa-btc border-icon" title="btc"></a> <a href="#" class="fa fa-buysellads border-icon" title="buysellads"></a> <a href="#" class="fa fa-cc-amex border-icon" title="cc-amex"></a> <a href="#" class="fa fa-cc-diners-club border-icon" title="cc-diners-club"></a> <a href="#" class="fa fa-cc-discover border-icon" title="cc-discover"></a> <a href="#" class="fa fa-cc-jcb border-icon" title="cc-jcb"></a> <a href="#" class="fa fa-cc-mastercard border-icon" title="cc-mastercard"></a> <a href="#" class="fa fa-cc-paypal border-icon" title="cc-paypal"></a> <a href="#" class="fa fa-cc-stripe border-icon" title="cc-stripe"></a> <a href="#" class="fa fa-cc-visa border-icon" title="cc-visa"></a> <a href="#" class="fa fa-chrome border-icon" title="chrome"></a> <a href="#" class="fa fa-codepen border-icon" title="codepen"></a> <a href="#" class="fa fa-connectdevelop border-icon" title="connectdevelop"></a> <a href="#" class="fa fa-contao border-icon" title="contao"></a> <a href="#" class="fa fa-creative-commons border-icon" title="creative-commons"></a> <a href="#" class="fa fa-css3 border-icon" title="css3"></a> <a href="#" class="fa fa-dashcube border-icon" title="dashcube"></a> <a href="#" class="fa fa-delicious border-icon" title="delicious"></a> <a href="#" class="fa fa-deviantart border-icon" title="deviantart"></a> <a href="#" class="fa fa-digg border-icon" title="digg"></a> <a href="#" class="fa fa-dribbble border-icon" title="dribbble"></a> <a href="#" class="fa fa-dropbox border-icon" title="dropbox"></a> <a href="#" class="fa fa-drupal border-icon" title="drupal"></a> <a href="#" class="fa fa-empire border-icon" title="empire"></a> <a href="#" class="fa fa-expeditedssl border-icon" title="expeditedssl"></a> <a href="#" class="fa fa-firefox border-icon" title="firefox"></a> <a href="#" class="fa fa-fonticons border-icon" title="fonticons"></a> <a href="#" class="fa fa-forumbee border-icon" title="forumbee"></a> <a href="#" class="fa fa-foursquare border-icon" title="foursquare"></a> <a href="#" class="fa fa-ge border-icon" title="ge"></a> <a href="#" class="fa fa-get-pocket border-icon" title="get-pocket"></a> <a href="#" class="fa fa-gg-circle border-icon" title="gg-circle"></a> <a href="#" class="fa fa-gg border-icon" title="gg"></a> <a href="#" class="fa fa-git-square border-icon" title="git-square"></a> <a href="#" class="fa fa-git border-icon" title="git"></a> <a href="#" class="fa fa-github-alt border-icon" title="github-alt"></a> <a href="#" class="fa fa-github-square border-icon" title="github-square"></a> <a href="#" class="fa fa-github border-icon" title="github"></a> <a href="#" class="fa fa-gittip border-icon" title="gittip"></a> <a href="#" class="fa fa-google-plus-square border-icon" title="google-plus-square"></a> <a href="#" class="fa fa-google-plus border-icon" title="google-plus"></a> <a href="#" class="fa fa-google-wallet border-icon" title="google-wallet"></a> <a href="#" class="fa fa-hacker-news border-icon" title="hacker-news"></a> <a href="#" class="fa fa-houzz border-icon" title="houzz"></a> <a href="#" class="fa fa-html5 border-icon" title="html5"></a> <a href="#" class="fa fa-internet-explorer border-icon" title="internet-explorer"></a> <a href="#" class="fa fa-ioxhost border-icon" title="ioxhost"></a> <a href="#" class="fa fa-joomla border-icon" title="joomla"></a> <a href="#" class="fa fa-jsfiddle border-icon" title="jsfiddle"></a> <a href="#" class="fa fa-lastfm-square border-icon" title="lastfm-square"></a> <a href="#" class="fa fa-lastfm border-icon" title="lastfm"></a> <a href="#" class="fa fa-leanpub border-icon" title="leanpub"></a> <a href="#" class="fa fa-linkedin-square border-icon" title="linkedin-square"></a> <a href="#" class="fa fa-linux border-icon" title="linux"></a> <a href="#" class="fa fa-maxcdn border-icon" title="maxcdn"></a> <a href="#" class="fa fa-meanpath border-icon" title="meanpath"></a> <a href="#" class="fa fa-medium border-icon" title="medium"></a> <a href="#" class="fa fa-odnoklassniki-square border-icon" title="odnoklassniki-square"></a> <a href="#" class="fa fa-odnoklassniki border-icon" title="odnoklassniki"></a> <a href="#" class="fa fa-opencart border-icon" title="opencart"></a> <a href="#" class="fa fa-openid border-icon" title="openid"></a> <a href="#" class="fa fa-opera border-icon" title="opera"></a> <a href="#" class="fa fa-optin-monster border-icon" title="optin-monster"></a> <a href="#" class="fa fa-pagelines border-icon" title="pagelines"></a> <a href="#" class="fa fa-paypal border-icon" title="paypal"></a> <a href="#" class="fa fa-pied-piper-alt border-icon" title="pied-piper-alt"></a> <a href="#" class="fa fa-pied-piper border-icon" title="pied-piper"></a> <a href="#" class="fa fa-pinterest-square border-icon" title="pinterest-square"></a> <a href="#" class="fa fa-pinterest border-icon" title="pinterest"></a> <a href="#" class="fa fa-qq border-icon" title="qq"></a> <a href="#" class="fa fa-ra border-icon" title="ra"></a> <a href="#" class="fa fa-rebel border-icon" title="rebel"></a> <a href="#" class="fa fa-reddit-square border-icon" title="reddit-square"></a> <a href="#" class="fa fa-reddit border-icon" title="reddit"></a> <a href="#" class="fa fa-renren border-icon" title="renren"></a> <a href="#" class="fa fa-safari border-icon" title="safari"></a> <a href="#" class="fa fa-sellsy border-icon" title="sellsy"></a> <a href="#" class="fa fa-share-alt-square border-icon" title="share-alt-square"></a> <a href="#" class="fa fa-share-alt border-icon" title="share-alt"></a> <a href="#" class="fa fa-shirtsinbulk border-icon" title="shirtsinbulk"></a> <a href="#" class="fa fa-simplybuilt border-icon" title="simplybuilt"></a> <a href="#" class="fa fa-skyatlas border-icon" title="skyatlas"></a> <a href="#" class="fa fa-skype border-icon" title="skype"></a> <a href="#" class="fa fa-slack border-icon" title="slack"></a> <a href="#" class="fa fa-slideshare border-icon" title="slideshare"></a> <a href="#" class="fa fa-spotify border-icon" title="spotify"></a> <a href="#" class="fa fa-stack-exchange border-icon" title="stack-exchange"></a> <a href="#" class="fa fa-stack-overflow border-icon" title="stack-overflow"></a> <a href="#" class="fa fa-steam-square border-icon" title="steam-square"></a> <a href="#" class="fa fa-steam border-icon" title="steam"></a> <a href="#" class="fa fa-stumbleupon-circle border-icon" title="stumbleupon-circle"></a> <a href="#" class="fa fa-stumbleupon border-icon" title="stumbleupon"></a> <a href="#" class="fa fa-tencent-weibo border-icon" title="tencent-weibo"></a> <a href="#" class="fa fa-trello border-icon" title="trello"></a> <a href="#" class="fa fa-tripadvisor border-icon" title="tripadvisor"></a> <a href="#" class="fa fa-tumblr-square border-icon" title="tumblr-square"></a> <a href="#" class="fa fa-tumblr border-icon" title="tumblr"></a> <a href="#" class="fa fa-twitch border-icon" title="twitch"></a> <a href="#" class="fa fa-viacoin border-icon" title="viacoin"></a> <a href="#" class="fa fa-vimeo-square border-icon" title="vimeo-square"></a> <a href="#" class="fa fa-vine border-icon" title="vine"></a> <a href="#" class="fa fa-vk border-icon" title="vk"></a> <a href="#" class="fa fa-wechat border-icon" title="wechat"></a> <a href="#" class="fa fa-weibo border-icon" title="weibo"></a> <a href="#" class="fa fa-weixin border-icon" title="weixin"></a> <a href="#" class="fa fa-wikipedia-w border-icon" title="wikipedia-w"></a> <a href="#" class="fa fa-windows border-icon" title="windows"></a> <a href="#" class="fa fa-wordpress border-icon" title="wordpress"></a> <a href="#" class="fa fa-xing-square border-icon" title="xing-square"></a> <a href="#" class="fa fa-xing border-icon" title="xing"></a> <a href="#" class="fa fa-y-combinator border-icon" title="y-combinator"></a> <a href="#" class="fa fa-yahoo border-icon" title="yahoo"></a> <a href="#" class="fa fa-yc border-icon" title="yc"></a> <a href="#" class="fa fa-yelp border-icon" title="yelp"></a> <a href="#" class="fa fa-youtube-play border-icon" title="youtube-play"></a> <a href="#" class="fa fa-youtube-square border-icon" title="youtube-square"></a> <br><br> <pre><code class="html hljs"><a href=<span class="hljs-string">"#"</span> <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"fa fa-twitter border-icon"</span>><span class="xml"><span class="hljs-tag"></<span class="hljs-name">a</span>></span></span></code></pre> </div> </div> </div> </section> <section class="ls s-pt-75"> <div class="container"> <div class="row"> <div class="col-md-12"> <h3>Bordered rounded icons</h3> <a href="#" class="fa fa-facebook border-icon rounded" title="facebook"></a> <a href="#" class="fa fa-twitter border-icon rounded" title="twitter"></a> <a href="#" class="fa fa-instagram border-icon rounded" title="instagram"></a> <a href="#" class="fa fa-linkedin border-icon rounded" title="linkedin"></a> <a href="#" class="fa fa-pinterest-p border-icon rounded" title="pinterest-p"></a> <a href="#" class="fa fa-google border-icon rounded" title="google"></a> <a href="#" class="fa fa-flickr border-icon rounded" title="flickr"></a> <a href="#" class="fa fa-youtube border-icon rounded" title="youtube"></a> <a href="#" class="fa fa-vimeo border-icon rounded" title="vimeo"></a> <a href="#" class="fa fa-share-alt border-icon rounded" title="share-alt"></a> <a href="#" class="fa fa-soundcloud border-icon rounded" title="soundcloud"></a> <a href="#" class="fa fa-facebook-official border-icon rounded" title="facebook-official"></a> <a href="#" class="fa fa-facebook-square border-icon rounded" title="facebook-square"></a> <a href="#" class="fa fa-twitter-square border-icon rounded" title="twitter-square"></a> <a href="#" class="fa fa-500px border-icon rounded" title="500px"></a> <a href="#" class="fa fa-adn border-icon rounded" title="adn"></a> <a href="#" class="fa fa-amazon border-icon rounded" title="amazon"></a> <a href="#" class="fa fa-android border-icon rounded" title="android"></a> <a href="#" class="fa fa-angellist border-icon rounded" title="angellist"></a> <a href="#" class="fa fa-apple border-icon rounded" title="apple"></a> <a href="#" class="fa fa-behance-square border-icon rounded" title="behance-square"></a> <a href="#" class="fa fa-behance border-icon rounded" title="behance"></a> <a href="#" class="fa fa-bitbucket-square border-icon rounded" title="bitbucket-square"></a> <a href="#" class="fa fa-bitbucket border-icon rounded" title="bitbucket"></a> <a href="#" class="fa fa-bitcoin border-icon rounded" title="bitcoin"></a> <a href="#" class="fa fa-black-tie border-icon rounded" title="black-tie"></a> <a href="#" class="fa fa-btc border-icon rounded" title="btc"></a> <a href="#" class="fa fa-buysellads border-icon rounded" title="buysellads"></a> <a href="#" class="fa fa-cc-amex border-icon rounded" title="cc-amex"></a> <a href="#" class="fa fa-cc-diners-club border-icon rounded" title="cc-diners-club"></a> <a href="#" class="fa fa-cc-discover border-icon rounded" title="cc-discover"></a> <a href="#" class="fa fa-cc-jcb border-icon rounded" title="cc-jcb"></a> <a href="#" class="fa fa-cc-mastercard border-icon rounded" title="cc-mastercard"></a> <a href="#" class="fa fa-cc-paypal border-icon rounded" title="cc-paypal"></a> <a href="#" class="fa fa-cc-stripe border-icon rounded" title="cc-stripe"></a> <a href="#" class="fa fa-cc-visa border-icon rounded" title="cc-visa"></a> <a href="#" class="fa fa-chrome border-icon rounded" title="chrome"></a> <a href="#" class="fa fa-codepen border-icon rounded" title="codepen"></a> <a href="#" class="fa fa-connectdevelop border-icon rounded" title="connectdevelop"></a> <a href="#" class="fa fa-contao border-icon rounded" title="contao"></a> <a href="#" class="fa fa-creative-commons border-icon rounded" title="creative-commons"></a> <a href="#" class="fa fa-css3 border-icon rounded" title="css3"></a> <a href="#" class="fa fa-dashcube border-icon rounded" title="dashcube"></a> <a href="#" class="fa fa-delicious border-icon rounded" title="delicious"></a> <a href="#" class="fa fa-deviantart border-icon rounded" title="deviantart"></a> <a href="#" class="fa fa-digg border-icon rounded" title="digg"></a> <a href="#" class="fa fa-dribbble border-icon rounded" title="dribbble"></a> <a href="#" class="fa fa-dropbox border-icon rounded" title="dropbox"></a> <a href="#" class="fa fa-drupal border-icon rounded" title="drupal"></a> <a href="#" class="fa fa-empire border-icon rounded" title="empire"></a> <a href="#" class="fa fa-expeditedssl border-icon rounded" title="expeditedssl"></a> <a href="#" class="fa fa-firefox border-icon rounded" title="firefox"></a> <a href="#" class="fa fa-fonticons border-icon rounded" title="fonticons"></a> <a href="#" class="fa fa-forumbee border-icon rounded" title="forumbee"></a> <a href="#" class="fa fa-foursquare border-icon rounded" title="foursquare"></a> <a href="#" class="fa fa-ge border-icon rounded" title="ge"></a> <a href="#" class="fa fa-get-pocket border-icon rounded" title="get-pocket"></a> <a href="#" class="fa fa-gg-circle border-icon rounded" title="gg-circle"></a> <a href="#" class="fa fa-gg border-icon rounded" title="gg"></a> <a href="#" class="fa fa-git-square border-icon rounded" title="git-square"></a> <a href="#" class="fa fa-git border-icon rounded" title="git"></a> <a href="#" class="fa fa-github-alt border-icon rounded" title="github-alt"></a> <a href="#" class="fa fa-github-square border-icon rounded" title="github-square"></a> <a href="#" class="fa fa-github border-icon rounded" title="github"></a> <a href="#" class="fa fa-gittip border-icon rounded" title="gittip"></a> <a href="#" class="fa fa-google-plus-square border-icon rounded" title="google-plus-square"></a> <a href="#" class="fa fa-google-plus border-icon rounded" title="google-plus"></a> <a href="#" class="fa fa-google-wallet border-icon rounded" title="google-wallet"></a> <a href="#" class="fa fa-hacker-news border-icon rounded" title="hacker-news"></a> <a href="#" class="fa fa-houzz border-icon rounded" title="houzz"></a> <a href="#" class="fa fa-html5 border-icon rounded" title="html5"></a> <a href="#" class="fa fa-internet-explorer border-icon rounded" title="internet-explorer"></a> <a href="#" class="fa fa-ioxhost border-icon rounded" title="ioxhost"></a> <a href="#" class="fa fa-joomla border-icon rounded" title="joomla"></a> <a href="#" class="fa fa-jsfiddle border-icon rounded" title="jsfiddle"></a> <a href="#" class="fa fa-lastfm-square border-icon rounded" title="lastfm-square"></a> <a href="#" class="fa fa-lastfm border-icon rounded" title="lastfm"></a> <a href="#" class="fa fa-leanpub border-icon rounded" title="leanpub"></a> <a href="#" class="fa fa-linkedin-square border-icon rounded" title="linkedin-square"></a> <a href="#" class="fa fa-linux border-icon rounded" title="linux"></a> <a href="#" class="fa fa-maxcdn border-icon rounded" title="maxcdn"></a> <a href="#" class="fa fa-meanpath border-icon rounded" title="meanpath"></a> <a href="#" class="fa fa-medium border-icon rounded" title="medium"></a> <a href="#" class="fa fa-odnoklassniki-square border-icon rounded" title="odnoklassniki-square"></a> <a href="#" class="fa fa-odnoklassniki border-icon rounded" title="odnoklassniki"></a> <a href="#" class="fa fa-opencart border-icon rounded" title="opencart"></a> <a href="#" class="fa fa-openid border-icon rounded" title="openid"></a> <a href="#" class="fa fa-opera border-icon rounded" title="opera"></a> <a href="#" class="fa fa-optin-monster border-icon rounded" title="optin-monster"></a> <a href="#" class="fa fa-pagelines border-icon rounded" title="pagelines"></a> <a href="#" class="fa fa-paypal border-icon rounded" title="paypal"></a> <a href="#" class="fa fa-pied-piper-alt border-icon rounded" title="pied-piper-alt"></a> <a href="#" class="fa fa-pied-piper border-icon rounded" title="pied-piper"></a> <a href="#" class="fa fa-pinterest-square border-icon rounded" title="pinterest-square"></a> <a href="#" class="fa fa-pinterest border-icon rounded" title="pinterest"></a> <a href="#" class="fa fa-qq border-icon rounded" title="qq"></a> <a href="#" class="fa fa-ra border-icon rounded" title="ra"></a> <a href="#" class="fa fa-rebel border-icon rounded" title="rebel"></a> <a href="#" class="fa fa-reddit-square border-icon rounded" title="reddit-square"></a> <a href="#" class="fa fa-reddit border-icon rounded" title="reddit"></a> <a href="#" class="fa fa-renren border-icon rounded" title="renren"></a> <a href="#" class="fa fa-safari border-icon rounded" title="safari"></a> <a href="#" class="fa fa-sellsy border-icon rounded" title="sellsy"></a> <a href="#" class="fa fa-share-alt-square border-icon rounded" title="share-alt-square"></a> <a href="#" class="fa fa-share-alt border-icon rounded" title="share-alt"></a> <a href="#" class="fa fa-shirtsinbulk border-icon rounded" title="shirtsinbulk"></a> <a href="#" class="fa fa-simplybuilt border-icon rounded" title="simplybuilt"></a> <a href="#" class="fa fa-skyatlas border-icon rounded" title="skyatlas"></a> <a href="#" class="fa fa-skype border-icon rounded" title="skype"></a> <a href="#" class="fa fa-slack border-icon rounded" title="slack"></a> <a href="#" class="fa fa-slideshare border-icon rounded" title="slideshare"></a> <a href="#" class="fa fa-spotify border-icon rounded" title="spotify"></a> <a href="#" class="fa fa-stack-exchange border-icon rounded" title="stack-exchange"></a> <a href="#" class="fa fa-stack-overflow border-icon rounded" title="stack-overflow"></a> <a href="#" class="fa fa-steam-square border-icon rounded" title="steam-square"></a> <a href="#" class="fa fa-steam border-icon rounded" title="steam"></a> <a href="#" class="fa fa-stumbleupon-circle border-icon rounded" title="stumbleupon-circle"></a> <a href="#" class="fa fa-stumbleupon border-icon rounded" title="stumbleupon"></a> <a href="#" class="fa fa-tencent-weibo border-icon rounded" title="tencent-weibo"></a> <a href="#" class="fa fa-trello border-icon rounded" title="trello"></a> <a href="#" class="fa fa-tripadvisor border-icon rounded" title="tripadvisor"></a> <a href="#" class="fa fa-tumblr-square border-icon rounded" title="tumblr-square"></a> <a href="#" class="fa fa-tumblr border-icon rounded" title="tumblr"></a> <a href="#" class="fa fa-twitch border-icon rounded" title="twitch"></a> <a href="#" class="fa fa-viacoin border-icon rounded" title="viacoin"></a> <a href="#" class="fa fa-vimeo-square border-icon rounded" title="vimeo-square"></a> <a href="#" class="fa fa-vine border-icon rounded" title="vine"></a> <a href="#" class="fa fa-vk border-icon rounded" title="vk"></a> <a href="#" class="fa fa-wechat border-icon rounded" title="wechat"></a> <a href="#" class="fa fa-weibo border-icon rounded" title="weibo"></a> <a href="#" class="fa fa-weixin border-icon rounded" title="weixin"></a> <a href="#" class="fa fa-wikipedia-w border-icon rounded" title="wikipedia-w"></a> <a href="#" class="fa fa-windows border-icon rounded" title="windows"></a> <a href="#" class="fa fa-wordpress border-icon rounded" title="wordpress"></a> <a href="#" class="fa fa-xing-square border-icon rounded" title="xing-square"></a> <a href="#" class="fa fa-xing border-icon rounded" title="xing"></a> <a href="#" class="fa fa-y-combinator border-icon rounded" title="y-combinator"></a> <a href="#" class="fa fa-yahoo border-icon rounded" title="yahoo"></a> <a href="#" class="fa fa-yc border-icon rounded" title="yc"></a> <a href="#" class="fa fa-yelp border-icon rounded" title="yelp"></a> <a href="#" class="fa fa-youtube-play border-icon rounded" title="youtube-play"></a> <a href="#" class="fa fa-youtube-square border-icon rounded" title="youtube-square"></a> <br><br> <pre><code class="html hljs"><a href=<span class="hljs-string">"#"</span> <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"fa fa-twitter border-icon rounded"</span>><span class="xml"><span class="hljs-tag"></<span class="hljs-name">a</span>></span></span></code></pre> </div> </div> </div> </section> <section class="ls s-pt-75"> <div class="container"> <div class="row"> <div class="col-md-12"> <h3>Bordered round icons</h3> <a href="#" class="fa fa-facebook border-icon rounded-icon" title="facebook"></a> <a href="#" class="fa fa-twitter border-icon rounded-icon" title="twitter"></a> <a href="#" class="fa fa-instagram border-icon rounded-icon" title="instagram"></a> <a href="#" class="fa fa-linkedin border-icon rounded-icon" title="linkedin"></a> <a href="#" class="fa fa-pinterest-p border-icon rounded-icon" title="pinterest-p"></a> <a href="#" class="fa fa-google border-icon rounded-icon" title="google"></a> <a href="#" class="fa fa-flickr border-icon rounded-icon" title="flickr"></a> <a href="#" class="fa fa-youtube border-icon rounded-icon" title="youtube"></a> <a href="#" class="fa fa-vimeo border-icon rounded-icon" title="vimeo"></a> <a href="#" class="fa fa-share-alt border-icon rounded-icon" title="share-alt"></a> <a href="#" class="fa fa-soundcloud border-icon rounded-icon" title="soundcloud"></a> <a href="#" class="fa fa-facebook-official border-icon rounded-icon" title="facebook-official"></a> <a href="#" class="fa fa-facebook-square border-icon rounded-icon" title="facebook-square"></a> <a href="#" class="fa fa-twitter-square border-icon rounded-icon" title="twitter-square"></a> <a href="#" class="fa fa-500px border-icon rounded-icon" title="500px"></a> <a href="#" class="fa fa-adn border-icon rounded-icon" title="adn"></a> <a href="#" class="fa fa-amazon border-icon rounded-icon" title="amazon"></a> <a href="#" class="fa fa-android border-icon rounded-icon" title="android"></a> <a href="#" class="fa fa-angellist border-icon rounded-icon" title="angellist"></a> <a href="#" class="fa fa-apple border-icon rounded-icon" title="apple"></a> <a href="#" class="fa fa-behance-square border-icon rounded-icon" title="behance-square"></a> <a href="#" class="fa fa-behance border-icon rounded-icon" title="behance"></a> <a href="#" class="fa fa-bitbucket-square border-icon rounded-icon" title="bitbucket-square"></a> <a href="#" class="fa fa-bitbucket border-icon rounded-icon" title="bitbucket"></a> <a href="#" class="fa fa-bitcoin border-icon rounded-icon" title="bitcoin"></a> <a href="#" class="fa fa-black-tie border-icon rounded-icon" title="black-tie"></a> <a href="#" class="fa fa-btc border-icon rounded-icon" title="btc"></a> <a href="#" class="fa fa-buysellads border-icon rounded-icon" title="buysellads"></a> <a href="#" class="fa fa-cc-amex border-icon rounded-icon" title="cc-amex"></a> <a href="#" class="fa fa-cc-diners-club border-icon rounded-icon" title="cc-diners-club"></a> <a href="#" class="fa fa-cc-discover border-icon rounded-icon" title="cc-discover"></a> <a href="#" class="fa fa-cc-jcb border-icon rounded-icon" title="cc-jcb"></a> <a href="#" class="fa fa-cc-mastercard border-icon rounded-icon" title="cc-mastercard"></a> <a href="#" class="fa fa-cc-paypal border-icon rounded-icon" title="cc-paypal"></a> <a href="#" class="fa fa-cc-stripe border-icon rounded-icon" title="cc-stripe"></a> <a href="#" class="fa fa-cc-visa border-icon rounded-icon" title="cc-visa"></a> <a href="#" class="fa fa-chrome border-icon rounded-icon" title="chrome"></a> <a href="#" class="fa fa-codepen border-icon rounded-icon" title="codepen"></a> <a href="#" class="fa fa-connectdevelop border-icon rounded-icon" title="connectdevelop"></a> <a href="#" class="fa fa-contao border-icon rounded-icon" title="contao"></a> <a href="#" class="fa fa-creative-commons border-icon rounded-icon" title="creative-commons"></a> <a href="#" class="fa fa-css3 border-icon rounded-icon" title="css3"></a> <a href="#" class="fa fa-dashcube border-icon rounded-icon" title="dashcube"></a> <a href="#" class="fa fa-delicious border-icon rounded-icon" title="delicious"></a> <a href="#" class="fa fa-deviantart border-icon rounded-icon" title="deviantart"></a> <a href="#" class="fa fa-digg border-icon rounded-icon" title="digg"></a> <a href="#" class="fa fa-dribbble border-icon rounded-icon" title="dribbble"></a> <a href="#" class="fa fa-dropbox border-icon rounded-icon" title="dropbox"></a> <a href="#" class="fa fa-drupal border-icon rounded-icon" title="drupal"></a> <a href="#" class="fa fa-empire border-icon rounded-icon" title="empire"></a> <a href="#" class="fa fa-expeditedssl border-icon rounded-icon" title="expeditedssl"></a> <a href="#" class="fa fa-firefox border-icon rounded-icon" title="firefox"></a> <a href="#" class="fa fa-fonticons border-icon rounded-icon" title="fonticons"></a> <a href="#" class="fa fa-forumbee border-icon rounded-icon" title="forumbee"></a> <a href="#" class="fa fa-foursquare border-icon rounded-icon" title="foursquare"></a> <a href="#" class="fa fa-ge border-icon rounded-icon" title="ge"></a> <a href="#" class="fa fa-get-pocket border-icon rounded-icon" title="get-pocket"></a> <a href="#" class="fa fa-gg-circle border-icon rounded-icon" title="gg-circle"></a> <a href="#" class="fa fa-gg border-icon rounded-icon" title="gg"></a> <a href="#" class="fa fa-git-square border-icon rounded-icon" title="git-square"></a> <a href="#" class="fa fa-git border-icon rounded-icon" title="git"></a> <a href="#" class="fa fa-github-alt border-icon rounded-icon" title="github-alt"></a> <a href="#" class="fa fa-github-square border-icon rounded-icon" title="github-square"></a> <a href="#" class="fa fa-github border-icon rounded-icon" title="github"></a> <a href="#" class="fa fa-gittip border-icon rounded-icon" title="gittip"></a> <a href="#" class="fa fa-google-plus-square border-icon rounded-icon" title="google-plus-square"></a> <a href="#" class="fa fa-google-plus border-icon rounded-icon" title="google-plus"></a> <a href="#" class="fa fa-google-wallet border-icon rounded-icon" title="google-wallet"></a> <a href="#" class="fa fa-hacker-news border-icon rounded-icon" title="hacker-news"></a> <a href="#" class="fa fa-houzz border-icon rounded-icon" title="houzz"></a> <a href="#" class="fa fa-html5 border-icon rounded-icon" title="html5"></a> <a href="#" class="fa fa-internet-explorer border-icon rounded-icon" title="internet-explorer"></a> <a href="#" class="fa fa-ioxhost border-icon rounded-icon" title="ioxhost"></a> <a href="#" class="fa fa-joomla border-icon rounded-icon" title="joomla"></a> <a href="#" class="fa fa-jsfiddle border-icon rounded-icon" title="jsfiddle"></a> <a href="#" class="fa fa-lastfm-square border-icon rounded-icon" title="lastfm-square"></a> <a href="#" class="fa fa-lastfm border-icon rounded-icon" title="lastfm"></a> <a href="#" class="fa fa-leanpub border-icon rounded-icon" title="leanpub"></a> <a href="#" class="fa fa-linkedin-square border-icon rounded-icon" title="linkedin-square"></a> <a href="#" class="fa fa-linux border-icon rounded-icon" title="linux"></a> <a href="#" class="fa fa-maxcdn border-icon rounded-icon" title="maxcdn"></a> <a href="#" class="fa fa-meanpath border-icon rounded-icon" title="meanpath"></a> <a href="#" class="fa fa-medium border-icon rounded-icon" title="medium"></a> <a href="#" class="fa fa-odnoklassniki-square border-icon rounded-icon" title="odnoklassniki-square"></a> <a href="#" class="fa fa-odnoklassniki border-icon rounded-icon" title="odnoklassniki"></a> <a href="#" class="fa fa-opencart border-icon rounded-icon" title="opencart"></a> <a href="#" class="fa fa-openid border-icon rounded-icon" title="openid"></a> <a href="#" class="fa fa-opera border-icon rounded-icon" title="opera"></a> <a href="#" class="fa fa-optin-monster border-icon rounded-icon" title="optin-monster"></a> <a href="#" class="fa fa-pagelines border-icon rounded-icon" title="pagelines"></a> <a href="#" class="fa fa-paypal border-icon rounded-icon" title="paypal"></a> <a href="#" class="fa fa-pied-piper-alt border-icon rounded-icon" title="pied-piper-alt"></a> <a href="#" class="fa fa-pied-piper border-icon rounded-icon" title="pied-piper"></a> <a href="#" class="fa fa-pinterest-square border-icon rounded-icon" title="pinterest-square"></a> <a href="#" class="fa fa-pinterest border-icon rounded-icon" title="pinterest"></a> <a href="#" class="fa fa-qq border-icon rounded-icon" title="qq"></a> <a href="#" class="fa fa-ra border-icon rounded-icon" title="ra"></a> <a href="#" class="fa fa-rebel border-icon rounded-icon" title="rebel"></a> <a href="#" class="fa fa-reddit-square border-icon rounded-icon" title="reddit-square"></a> <a href="#" class="fa fa-reddit border-icon rounded-icon" title="reddit"></a> <a href="#" class="fa fa-renren border-icon rounded-icon" title="renren"></a> <a href="#" class="fa fa-safari border-icon rounded-icon" title="safari"></a> <a href="#" class="fa fa-sellsy border-icon rounded-icon" title="sellsy"></a> <a href="#" class="fa fa-share-alt-square border-icon rounded-icon" title="share-alt-square"></a> <a href="#" class="fa fa-share-alt border-icon rounded-icon" title="share-alt"></a> <a href="#" class="fa fa-shirtsinbulk border-icon rounded-icon" title="shirtsinbulk"></a> <a href="#" class="fa fa-simplybuilt border-icon rounded-icon" title="simplybuilt"></a> <a href="#" class="fa fa-skyatlas border-icon rounded-icon" title="skyatlas"></a> <a href="#" class="fa fa-skype border-icon rounded-icon" title="skype"></a> <a href="#" class="fa fa-slack border-icon rounded-icon" title="slack"></a> <a href="#" class="fa fa-slideshare border-icon rounded-icon" title="slideshare"></a> <a href="#" class="fa fa-spotify border-icon rounded-icon" title="spotify"></a> <a href="#" class="fa fa-stack-exchange border-icon rounded-icon" title="stack-exchange"></a> <a href="#" class="fa fa-stack-overflow border-icon rounded-icon" title="stack-overflow"></a> <a href="#" class="fa fa-steam-square border-icon rounded-icon" title="steam-square"></a> <a href="#" class="fa fa-steam border-icon rounded-icon" title="steam"></a> <a href="#" class="fa fa-stumbleupon-circle border-icon rounded-icon" title="stumbleupon-circle"></a> <a href="#" class="fa fa-stumbleupon border-icon rounded-icon" title="stumbleupon"></a> <a href="#" class="fa fa-tencent-weibo border-icon rounded-icon" title="tencent-weibo"></a> <a href="#" class="fa fa-trello border-icon rounded-icon" title="trello"></a> <a href="#" class="fa fa-tripadvisor border-icon rounded-icon" title="tripadvisor"></a> <a href="#" class="fa fa-tumblr-square border-icon rounded-icon" title="tumblr-square"></a> <a href="#" class="fa fa-tumblr border-icon rounded-icon" title="tumblr"></a> <a href="#" class="fa fa-twitch border-icon rounded-icon" title="twitch"></a> <a href="#" class="fa fa-viacoin border-icon rounded-icon" title="viacoin"></a> <a href="#" class="fa fa-vimeo-square border-icon rounded-icon" title="vimeo-square"></a> <a href="#" class="fa fa-vine border-icon rounded-icon" title="vine"></a> <a href="#" class="fa fa-vk border-icon rounded-icon" title="vk"></a> <a href="#" class="fa fa-wechat border-icon rounded-icon" title="wechat"></a> <a href="#" class="fa fa-weibo border-icon rounded-icon" title="weibo"></a> <a href="#" class="fa fa-weixin border-icon rounded-icon" title="weixin"></a> <a href="#" class="fa fa-wikipedia-w border-icon rounded-icon" title="wikipedia-w"></a> <a href="#" class="fa fa-windows border-icon rounded-icon" title="windows"></a> <a href="#" class="fa fa-wordpress border-icon rounded-icon" title="wordpress"></a> <a href="#" class="fa fa-xing-square border-icon rounded-icon" title="xing-square"></a> <a href="#" class="fa fa-xing border-icon rounded-icon" title="xing"></a> <a href="#" class="fa fa-y-combinator border-icon rounded-icon" title="y-combinator"></a> <a href="#" class="fa fa-yahoo border-icon rounded-icon" title="yahoo"></a> <a href="#" class="fa fa-yc border-icon rounded-icon" title="yc"></a> <a href="#" class="fa fa-yelp border-icon rounded-icon" title="yelp"></a> <a href="#" class="fa fa-youtube-play border-icon rounded-icon" title="youtube-play"></a> <a href="#" class="fa fa-youtube-square border-icon rounded-icon" title="youtube-square"></a> <br><br> <pre><code class="html hljs"><a href=<span class="hljs-string">"#"</span> <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"fa fa-twitter border-icon rounded-icon"</span>><span class="xml"><span class="hljs-tag"></<span class="hljs-name">a</span>></span></span></code></pre> </div> </div> </div> </section> <section class="ls s-pt-75"> <div class="container"> <div class="row"> <div class="col-md-12"> <h3>Background icons</h3> <a href="#" class="fa fa-facebook bg-icon" title="facebook"></a> <a href="#" class="fa fa-twitter bg-icon" title="twitter"></a> <a href="#" class="fa fa-instagram bg-icon" title="instagram"></a> <a href="#" class="fa fa-linkedin bg-icon" title="linkedin"></a> <a href="#" class="fa fa-pinterest-p bg-icon" title="pinterest-p"></a> <a href="#" class="fa fa-google bg-icon" title="google"></a> <a href="#" class="fa fa-flickr bg-icon" title="flickr"></a> <a href="#" class="fa fa-youtube bg-icon" title="youtube"></a> <a href="#" class="fa fa-vimeo bg-icon" title="vimeo"></a> <a href="#" class="fa fa-share-alt bg-icon" title="share-alt"></a> <a href="#" class="fa fa-soundcloud bg-icon" title="soundcloud"></a> <a href="#" class="fa fa-facebook-official bg-icon" title="facebook-official"></a> <a href="#" class="fa fa-facebook-square bg-icon" title="facebook-square"></a> <a href="#" class="fa fa-twitter-square bg-icon" title="twitter-square"></a> <a href="#" class="fa fa-500px bg-icon" title="500px"></a> <a href="#" class="fa fa-adn bg-icon" title="adn"></a> <a href="#" class="fa fa-amazon bg-icon" title="amazon"></a> <a href="#" class="fa fa-android bg-icon" title="android"></a> <a href="#" class="fa fa-angellist bg-icon" title="angellist"></a> <a href="#" class="fa fa-apple bg-icon" title="apple"></a> <a href="#" class="fa fa-behance-square bg-icon" title="behance-square"></a> <a href="#" class="fa fa-behance bg-icon" title="behance"></a> <a href="#" class="fa fa-bitbucket-square bg-icon" title="bitbucket-square"></a> <a href="#" class="fa fa-bitbucket bg-icon" title="bitbucket"></a> <a href="#" class="fa fa-bitcoin bg-icon" title="bitcoin"></a> <a href="#" class="fa fa-black-tie bg-icon" title="black-tie"></a> <a href="#" class="fa fa-btc bg-icon" title="btc"></a> <a href="#" class="fa fa-buysellads bg-icon" title="buysellads"></a> <a href="#" class="fa fa-cc-amex bg-icon" title="cc-amex"></a> <a href="#" class="fa fa-cc-diners-club bg-icon" title="cc-diners-club"></a> <a href="#" class="fa fa-cc-discover bg-icon" title="cc-discover"></a> <a href="#" class="fa fa-cc-jcb bg-icon" title="cc-jcb"></a> <a href="#" class="fa fa-cc-mastercard bg-icon" title="cc-mastercard"></a> <a href="#" class="fa fa-cc-paypal bg-icon" title="cc-paypal"></a> <a href="#" class="fa fa-cc-stripe bg-icon" title="cc-stripe"></a> <a href="#" class="fa fa-cc-visa bg-icon" title="cc-visa"></a> <a href="#" class="fa fa-chrome bg-icon" title="chrome"></a> <a href="#" class="fa fa-codepen bg-icon" title="codepen"></a> <a href="#" class="fa fa-connectdevelop bg-icon" title="connectdevelop"></a> <a href="#" class="fa fa-contao bg-icon" title="contao"></a> <a href="#" class="fa fa-creative-commons bg-icon" title="creative-commons"></a> <a href="#" class="fa fa-css3 bg-icon" title="css3"></a> <a href="#" class="fa fa-dashcube bg-icon" title="dashcube"></a> <a href="#" class="fa fa-delicious bg-icon" title="delicious"></a> <a href="#" class="fa fa-deviantart bg-icon" title="deviantart"></a> <a href="#" class="fa fa-digg bg-icon" title="digg"></a> <a href="#" class="fa fa-dribbble bg-icon" title="dribbble"></a> <a href="#" class="fa fa-dropbox bg-icon" title="dropbox"></a> <a href="#" class="fa fa-drupal bg-icon" title="drupal"></a> <a href="#" class="fa fa-empire bg-icon" title="empire"></a> <a href="#" class="fa fa-expeditedssl bg-icon" title="expeditedssl"></a> <a href="#" class="fa fa-firefox bg-icon" title="firefox"></a> <a href="#" class="fa fa-fonticons bg-icon" title="fonticons"></a> <a href="#" class="fa fa-forumbee bg-icon" title="forumbee"></a> <a href="#" class="fa fa-foursquare bg-icon" title="foursquare"></a> <a href="#" class="fa fa-ge bg-icon" title="ge"></a> <a href="#" class="fa fa-get-pocket bg-icon" title="get-pocket"></a> <a href="#" class="fa fa-gg-circle bg-icon" title="gg-circle"></a> <a href="#" class="fa fa-gg bg-icon" title="gg"></a> <a href="#" class="fa fa-git-square bg-icon" title="git-square"></a> <a href="#" class="fa fa-git bg-icon" title="git"></a> <a href="#" class="fa fa-github-alt bg-icon" title="github-alt"></a> <a href="#" class="fa fa-github-square bg-icon" title="github-square"></a> <a href="#" class="fa fa-github bg-icon" title="github"></a> <a href="#" class="fa fa-gittip bg-icon" title="gittip"></a> <a href="#" class="fa fa-google-plus-square bg-icon" title="google-plus-square"></a> <a href="#" class="fa fa-google-plus bg-icon" title="google-plus"></a> <a href="#" class="fa fa-google-wallet bg-icon" title="google-wallet"></a> <a href="#" class="fa fa-hacker-news bg-icon" title="hacker-news"></a> <a href="#" class="fa fa-houzz bg-icon" title="houzz"></a> <a href="#" class="fa fa-html5 bg-icon" title="html5"></a> <a href="#" class="fa fa-internet-explorer bg-icon" title="internet-explorer"></a> <a href="#" class="fa fa-ioxhost bg-icon" title="ioxhost"></a> <a href="#" class="fa fa-joomla bg-icon" title="joomla"></a> <a href="#" class="fa fa-jsfiddle bg-icon" title="jsfiddle"></a> <a href="#" class="fa fa-lastfm-square bg-icon" title="lastfm-square"></a> <a href="#" class="fa fa-lastfm bg-icon" title="lastfm"></a> <a href="#" class="fa fa-leanpub bg-icon" title="leanpub"></a> <a href="#" class="fa fa-linkedin-square bg-icon" title="linkedin-square"></a> <a href="#" class="fa fa-linux bg-icon" title="linux"></a> <a href="#" class="fa fa-maxcdn bg-icon" title="maxcdn"></a> <a href="#" class="fa fa-meanpath bg-icon" title="meanpath"></a> <a href="#" class="fa fa-medium bg-icon" title="medium"></a> <a href="#" class="fa fa-odnoklassniki-square bg-icon" title="odnoklassniki-square"></a> <a href="#" class="fa fa-odnoklassniki bg-icon" title="odnoklassniki"></a> <a href="#" class="fa fa-opencart bg-icon" title="opencart"></a> <a href="#" class="fa fa-openid bg-icon" title="openid"></a> <a href="#" class="fa fa-opera bg-icon" title="opera"></a> <a href="#" class="fa fa-optin-monster bg-icon" title="optin-monster"></a> <a href="#" class="fa fa-pagelines bg-icon" title="pagelines"></a> <a href="#" class="fa fa-paypal bg-icon" title="paypal"></a> <a href="#" class="fa fa-pied-piper-alt bg-icon" title="pied-piper-alt"></a> <a href="#" class="fa fa-pied-piper bg-icon" title="pied-piper"></a> <a href="#" class="fa fa-pinterest-square bg-icon" title="pinterest-square"></a> <a href="#" class="fa fa-pinterest bg-icon" title="pinterest"></a> <a href="#" class="fa fa-qq bg-icon" title="qq"></a> <a href="#" class="fa fa-ra bg-icon" title="ra"></a> <a href="#" class="fa fa-rebel bg-icon" title="rebel"></a> <a href="#" class="fa fa-reddit-square bg-icon" title="reddit-square"></a> <a href="#" class="fa fa-reddit bg-icon" title="reddit"></a> <a href="#" class="fa fa-renren bg-icon" title="renren"></a> <a href="#" class="fa fa-safari bg-icon" title="safari"></a> <a href="#" class="fa fa-sellsy bg-icon" title="sellsy"></a> <a href="#" class="fa fa-share-alt-square bg-icon" title="share-alt-square"></a> <a href="#" class="fa fa-share-alt bg-icon" title="share-alt"></a> <a href="#" class="fa fa-shirtsinbulk bg-icon" title="shirtsinbulk"></a> <a href="#" class="fa fa-simplybuilt bg-icon" title="simplybuilt"></a> <a href="#" class="fa fa-skyatlas bg-icon" title="skyatlas"></a> <a href="#" class="fa fa-skype bg-icon" title="skype"></a> <a href="#" class="fa fa-slack bg-icon" title="slack"></a> <a href="#" class="fa fa-slideshare bg-icon" title="slideshare"></a> <a href="#" class="fa fa-spotify bg-icon" title="spotify"></a> <a href="#" class="fa fa-stack-exchange bg-icon" title="stack-exchange"></a> <a href="#" class="fa fa-stack-overflow bg-icon" title="stack-overflow"></a> <a href="#" class="fa fa-steam-square bg-icon" title="steam-square"></a> <a href="#" class="fa fa-steam bg-icon" title="steam"></a> <a href="#" class="fa fa-stumbleupon-circle bg-icon" title="stumbleupon-circle"></a> <a href="#" class="fa fa-stumbleupon bg-icon" title="stumbleupon"></a> <a href="#" class="fa fa-tencent-weibo bg-icon" title="tencent-weibo"></a> <a href="#" class="fa fa-trello bg-icon" title="trello"></a> <a href="#" class="fa fa-tripadvisor bg-icon" title="tripadvisor"></a> <a href="#" class="fa fa-tumblr-square bg-icon" title="tumblr-square"></a> <a href="#" class="fa fa-tumblr bg-icon" title="tumblr"></a> <a href="#" class="fa fa-twitch bg-icon" title="twitch"></a> <a href="#" class="fa fa-viacoin bg-icon" title="viacoin"></a> <a href="#" class="fa fa-vimeo-square bg-icon" title="vimeo-square"></a> <a href="#" class="fa fa-vine bg-icon" title="vine"></a> <a href="#" class="fa fa-vk bg-icon" title="vk"></a> <a href="#" class="fa fa-wechat bg-icon" title="wechat"></a> <a href="#" class="fa fa-weibo bg-icon" title="weibo"></a> <a href="#" class="fa fa-weixin bg-icon" title="weixin"></a> <a href="#" class="fa fa-wikipedia-w bg-icon" title="wikipedia-w"></a> <a href="#" class="fa fa-windows bg-icon" title="windows"></a> <a href="#" class="fa fa-wordpress bg-icon" title="wordpress"></a> <a href="#" class="fa fa-xing-square bg-icon" title="xing-square"></a> <a href="#" class="fa fa-xing bg-icon" title="xing"></a> <a href="#" class="fa fa-y-combinator bg-icon" title="y-combinator"></a> <a href="#" class="fa fa-yahoo bg-icon" title="yahoo"></a> <a href="#" class="fa fa-yc bg-icon" title="yc"></a> <a href="#" class="fa fa-yelp bg-icon" title="yelp"></a> <a href="#" class="fa fa-youtube-play bg-icon" title="youtube-play"></a> <a href="#" class="fa fa-youtube-square bg-icon" title="youtube-square"></a> <br><br> <pre><code class="html hljs"><a href=<span class="hljs-string">"#"</span> <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"fa fa-twitter bg-icon"</span>><span class="xml"><span class="hljs-tag"></<span class="hljs-name">a</span>></span></span></code></pre> </div> </div> </div> </section> <section class="ls s-pt-75"> <div class="container"> <div class="row"> <div class="col-md-12"> <h3>Background rounded icons</h3> <a href="#" class="fa fa-facebook bg-icon rounded" title="facebook"></a> <a href="#" class="fa fa-twitter bg-icon rounded" title="twitter"></a> <a href="#" class="fa fa-instagram bg-icon rounded" title="instagram"></a> <a href="#" class="fa fa-linkedin bg-icon rounded" title="linkedin"></a> <a href="#" class="fa fa-pinterest-p bg-icon rounded" title="pinterest-p"></a> <a href="#" class="fa fa-google bg-icon rounded" title="google"></a> <a href="#" class="fa fa-flickr bg-icon rounded" title="flickr"></a> <a href="#" class="fa fa-youtube bg-icon rounded" title="youtube"></a> <a href="#" class="fa fa-vimeo bg-icon rounded" title="vimeo"></a> <a href="#" class="fa fa-share-alt bg-icon rounded" title="share-alt"></a> <a href="#" class="fa fa-soundcloud bg-icon rounded" title="soundcloud"></a> <a href="#" class="fa fa-facebook-official bg-icon rounded" title="facebook-official"></a> <a href="#" class="fa fa-facebook-square bg-icon rounded" title="facebook-square"></a> <a href="#" class="fa fa-twitter-square bg-icon rounded" title="twitter-square"></a> <a href="#" class="fa fa-500px bg-icon rounded" title="500px"></a> <a href="#" class="fa fa-adn bg-icon rounded" title="adn"></a> <a href="#" class="fa fa-amazon bg-icon rounded" title="amazon"></a> <a href="#" class="fa fa-android bg-icon rounded" title="android"></a> <a href="#" class="fa fa-angellist bg-icon rounded" title="angellist"></a> <a href="#" class="fa fa-apple bg-icon rounded" title="apple"></a> <a href="#" class="fa fa-behance-square bg-icon rounded" title="behance-square"></a> <a href="#" class="fa fa-behance bg-icon rounded" title="behance"></a> <a href="#" class="fa fa-bitbucket-square bg-icon rounded" title="bitbucket-square"></a> <a href="#" class="fa fa-bitbucket bg-icon rounded" title="bitbucket"></a> <a href="#" class="fa fa-bitcoin bg-icon rounded" title="bitcoin"></a> <a href="#" class="fa fa-black-tie bg-icon rounded" title="black-tie"></a> <a href="#" class="fa fa-btc bg-icon rounded" title="btc"></a> <a href="#" class="fa fa-buysellads bg-icon rounded" title="buysellads"></a> <a href="#" class="fa fa-cc-amex bg-icon rounded" title="cc-amex"></a> <a href="#" class="fa fa-cc-diners-club bg-icon rounded" title="cc-diners-club"></a> <a href="#" class="fa fa-cc-discover bg-icon rounded" title="cc-discover"></a> <a href="#" class="fa fa-cc-jcb bg-icon rounded" title="cc-jcb"></a> <a href="#" class="fa fa-cc-mastercard bg-icon rounded" title="cc-mastercard"></a> <a href="#" class="fa fa-cc-paypal bg-icon rounded" title="cc-paypal"></a> <a href="#" class="fa fa-cc-stripe bg-icon rounded" title="cc-stripe"></a> <a href="#" class="fa fa-cc-visa bg-icon rounded" title="cc-visa"></a> <a href="#" class="fa fa-chrome bg-icon rounded" title="chrome"></a> <a href="#" class="fa fa-codepen bg-icon rounded" title="codepen"></a> <a href="#" class="fa fa-connectdevelop bg-icon rounded" title="connectdevelop"></a> <a href="#" class="fa fa-contao bg-icon rounded" title="contao"></a> <a href="#" class="fa fa-creative-commons bg-icon rounded" title="creative-commons"></a> <a href="#" class="fa fa-css3 bg-icon rounded" title="css3"></a> <a href="#" class="fa fa-dashcube bg-icon rounded" title="dashcube"></a> <a href="#" class="fa fa-delicious bg-icon rounded" title="delicious"></a> <a href="#" class="fa fa-deviantart bg-icon rounded" title="deviantart"></a> <a href="#" class="fa fa-digg bg-icon rounded" title="digg"></a> <a href="#" class="fa fa-dribbble bg-icon rounded" title="dribbble"></a> <a href="#" class="fa fa-dropbox bg-icon rounded" title="dropbox"></a> <a href="#" class="fa fa-drupal bg-icon rounded" title="drupal"></a> <a href="#" class="fa fa-empire bg-icon rounded" title="empire"></a> <a href="#" class="fa fa-expeditedssl bg-icon rounded" title="expeditedssl"></a> <a href="#" class="fa fa-firefox bg-icon rounded" title="firefox"></a> <a href="#" class="fa fa-fonticons bg-icon rounded" title="fonticons"></a> <a href="#" class="fa fa-forumbee bg-icon rounded" title="forumbee"></a> <a href="#" class="fa fa-foursquare bg-icon rounded" title="foursquare"></a> <a href="#" class="fa fa-ge bg-icon rounded" title="ge"></a> <a href="#" class="fa fa-get-pocket bg-icon rounded" title="get-pocket"></a> <a href="#" class="fa fa-gg-circle bg-icon rounded" title="gg-circle"></a> <a href="#" class="fa fa-gg bg-icon rounded" title="gg"></a> <a href="#" class="fa fa-git-square bg-icon rounded" title="git-square"></a> <a href="#" class="fa fa-git bg-icon rounded" title="git"></a> <a href="#" class="fa fa-github-alt bg-icon rounded" title="github-alt"></a> <a href="#" class="fa fa-github-square bg-icon rounded" title="github-square"></a> <a href="#" class="fa fa-github bg-icon rounded" title="github"></a> <a href="#" class="fa fa-gittip bg-icon rounded" title="gittip"></a> <a href="#" class="fa fa-google-plus-square bg-icon rounded" title="google-plus-square"></a> <a href="#" class="fa fa-google-plus bg-icon rounded" title="google-plus"></a> <a href="#" class="fa fa-google-wallet bg-icon rounded" title="google-wallet"></a> <a href="#" class="fa fa-hacker-news bg-icon rounded" title="hacker-news"></a> <a href="#" class="fa fa-houzz bg-icon rounded" title="houzz"></a> <a href="#" class="fa fa-html5 bg-icon rounded" title="html5"></a> <a href="#" class="fa fa-internet-explorer bg-icon rounded" title="internet-explorer"></a> <a href="#" class="fa fa-ioxhost bg-icon rounded" title="ioxhost"></a> <a href="#" class="fa fa-joomla bg-icon rounded" title="joomla"></a> <a href="#" class="fa fa-jsfiddle bg-icon rounded" title="jsfiddle"></a> <a href="#" class="fa fa-lastfm-square bg-icon rounded" title="lastfm-square"></a> <a href="#" class="fa fa-lastfm bg-icon rounded" title="lastfm"></a> <a href="#" class="fa fa-leanpub bg-icon rounded" title="leanpub"></a> <a href="#" class="fa fa-linkedin-square bg-icon rounded" title="linkedin-square"></a> <a href="#" class="fa fa-linux bg-icon rounded" title="linux"></a> <a href="#" class="fa fa-maxcdn bg-icon rounded" title="maxcdn"></a> <a href="#" class="fa fa-meanpath bg-icon rounded" title="meanpath"></a> <a href="#" class="fa fa-medium bg-icon rounded" title="medium"></a> <a href="#" class="fa fa-odnoklassniki-square bg-icon rounded" title="odnoklassniki-square"></a> <a href="#" class="fa fa-odnoklassniki bg-icon rounded" title="odnoklassniki"></a> <a href="#" class="fa fa-opencart bg-icon rounded" title="opencart"></a> <a href="#" class="fa fa-openid bg-icon rounded" title="openid"></a> <a href="#" class="fa fa-opera bg-icon rounded" title="opera"></a> <a href="#" class="fa fa-optin-monster bg-icon rounded" title="optin-monster"></a> <a href="#" class="fa fa-pagelines bg-icon rounded" title="pagelines"></a> <a href="#" class="fa fa-paypal bg-icon rounded" title="paypal"></a> <a href="#" class="fa fa-pied-piper-alt bg-icon rounded" title="pied-piper-alt"></a> <a href="#" class="fa fa-pied-piper bg-icon rounded" title="pied-piper"></a> <a href="#" class="fa fa-pinterest-square bg-icon rounded" title="pinterest-square"></a> <a href="#" class="fa fa-pinterest bg-icon rounded" title="pinterest"></a> <a href="#" class="fa fa-qq bg-icon rounded" title="qq"></a> <a href="#" class="fa fa-ra bg-icon rounded" title="ra"></a> <a href="#" class="fa fa-rebel bg-icon rounded" title="rebel"></a> <a href="#" class="fa fa-reddit-square bg-icon rounded" title="reddit-square"></a> <a href="#" class="fa fa-reddit bg-icon rounded" title="reddit"></a> <a href="#" class="fa fa-renren bg-icon rounded" title="renren"></a> <a href="#" class="fa fa-safari bg-icon rounded" title="safari"></a> <a href="#" class="fa fa-sellsy bg-icon rounded" title="sellsy"></a> <a href="#" class="fa fa-share-alt-square bg-icon rounded" title="share-alt-square"></a> <a href="#" class="fa fa-share-alt bg-icon rounded" title="share-alt"></a> <a href="#" class="fa fa-shirtsinbulk bg-icon rounded" title="shirtsinbulk"></a> <a href="#" class="fa fa-simplybuilt bg-icon rounded" title="simplybuilt"></a> <a href="#" class="fa fa-skyatlas bg-icon rounded" title="skyatlas"></a> <a href="#" class="fa fa-skype bg-icon rounded" title="skype"></a> <a href="#" class="fa fa-slack bg-icon rounded" title="slack"></a> <a href="#" class="fa fa-slideshare bg-icon rounded" title="slideshare"></a> <a href="#" class="fa fa-spotify bg-icon rounded" title="spotify"></a> <a href="#" class="fa fa-stack-exchange bg-icon rounded" title="stack-exchange"></a> <a href="#" class="fa fa-stack-overflow bg-icon rounded" title="stack-overflow"></a> <a href="#" class="fa fa-steam-square bg-icon rounded" title="steam-square"></a> <a href="#" class="fa fa-steam bg-icon rounded" title="steam"></a> <a href="#" class="fa fa-stumbleupon-circle bg-icon rounded" title="stumbleupon-circle"></a> <a href="#" class="fa fa-stumbleupon bg-icon rounded" title="stumbleupon"></a> <a href="#" class="fa fa-tencent-weibo bg-icon rounded" title="tencent-weibo"></a> <a href="#" class="fa fa-trello bg-icon rounded" title="trello"></a> <a href="#" class="fa fa-tripadvisor bg-icon rounded" title="tripadvisor"></a> <a href="#" class="fa fa-tumblr-square bg-icon rounded" title="tumblr-square"></a> <a href="#" class="fa fa-tumblr bg-icon rounded" title="tumblr"></a> <a href="#" class="fa fa-twitch bg-icon rounded" title="twitch"></a> <a href="#" class="fa fa-viacoin bg-icon rounded" title="viacoin"></a> <a href="#" class="fa fa-vimeo-square bg-icon rounded" title="vimeo-square"></a> <a href="#" class="fa fa-vine bg-icon rounded" title="vine"></a> <a href="#" class="fa fa-vk bg-icon rounded" title="vk"></a> <a href="#" class="fa fa-wechat bg-icon rounded" title="wechat"></a> <a href="#" class="fa fa-weibo bg-icon rounded" title="weibo"></a> <a href="#" class="fa fa-weixin bg-icon rounded" title="weixin"></a> <a href="#" class="fa fa-wikipedia-w bg-icon rounded" title="wikipedia-w"></a> <a href="#" class="fa fa-windows bg-icon rounded" title="windows"></a> <a href="#" class="fa fa-wordpress bg-icon rounded" title="wordpress"></a> <a href="#" class="fa fa-xing-square bg-icon rounded" title="xing-square"></a> <a href="#" class="fa fa-xing bg-icon rounded" title="xing"></a> <a href="#" class="fa fa-y-combinator bg-icon rounded" title="y-combinator"></a> <a href="#" class="fa fa-yahoo bg-icon rounded" title="yahoo"></a> <a href="#" class="fa fa-yc bg-icon rounded" title="yc"></a> <a href="#" class="fa fa-yelp bg-icon rounded" title="yelp"></a> <a href="#" class="fa fa-youtube-play bg-icon rounded" title="youtube-play"></a> <a href="#" class="fa fa-youtube-square bg-icon rounded" title="youtube-square"></a> <br><br> <pre><code class="html hljs"><a href=<span class="hljs-string">"#"</span> <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"fa fa-twitter bg-icon rounded"</span>><span class="xml"><span class="hljs-tag"></<span class="hljs-name">a</span>></span></span></code></pre> </div> </div> </div> </section> <section class="ls s-pt-75"> <div class="container"> <div class="row"> <div class="col-md-12"> <h3>Background round icons</h3> <a href="#" class="fa fa-facebook bg-icon rounded-icon" title="facebook"></a> <a href="#" class="fa fa-twitter bg-icon rounded-icon" title="twitter"></a> <a href="#" class="fa fa-instagram bg-icon rounded-icon" title="instagram"></a> <a href="#" class="fa fa-linkedin bg-icon rounded-icon" title="linkedin"></a> <a href="#" class="fa fa-pinterest-p bg-icon rounded-icon" title="pinterest-p"></a> <a href="#" class="fa fa-google bg-icon rounded-icon" title="google"></a> <a href="#" class="fa fa-flickr bg-icon rounded-icon" title="flickr"></a> <a href="#" class="fa fa-youtube bg-icon rounded-icon" title="youtube"></a> <a href="#" class="fa fa-vimeo bg-icon rounded-icon" title="vimeo"></a> <a href="#" class="fa fa-share-alt bg-icon rounded-icon" title="share-alt"></a> <a href="#" class="fa fa-soundcloud bg-icon rounded-icon" title="soundcloud"></a> <a href="#" class="fa fa-facebook-official bg-icon rounded-icon" title="facebook-official"></a> <a href="#" class="fa fa-facebook-square bg-icon rounded-icon" title="facebook-square"></a> <a href="#" class="fa fa-twitter-square bg-icon rounded-icon" title="twitter-square"></a> <a href="#" class="fa fa-500px bg-icon rounded-icon" title="500px"></a> <a href="#" class="fa fa-adn bg-icon rounded-icon" title="adn"></a> <a href="#" class="fa fa-amazon bg-icon rounded-icon" title="amazon"></a> <a href="#" class="fa fa-android bg-icon rounded-icon" title="android"></a> <a href="#" class="fa fa-angellist bg-icon rounded-icon" title="angellist"></a> <a href="#" class="fa fa-apple bg-icon rounded-icon" title="apple"></a> <a href="#" class="fa fa-behance-square bg-icon rounded-icon" title="behance-square"></a> <a href="#" class="fa fa-behance bg-icon rounded-icon" title="behance"></a> <a href="#" class="fa fa-bitbucket-square bg-icon rounded-icon" title="bitbucket-square"></a> <a href="#" class="fa fa-bitbucket bg-icon rounded-icon" title="bitbucket"></a> <a href="#" class="fa fa-bitcoin bg-icon rounded-icon" title="bitcoin"></a> <a href="#" class="fa fa-black-tie bg-icon rounded-icon" title="black-tie"></a> <a href="#" class="fa fa-btc bg-icon rounded-icon" title="btc"></a> <a href="#" class="fa fa-buysellads bg-icon rounded-icon" title="buysellads"></a> <a href="#" class="fa fa-cc-amex bg-icon rounded-icon" title="cc-amex"></a> <a href="#" class="fa fa-cc-diners-club bg-icon rounded-icon" title="cc-diners-club"></a> <a href="#" class="fa fa-cc-discover bg-icon rounded-icon" title="cc-discover"></a> <a href="#" class="fa fa-cc-jcb bg-icon rounded-icon" title="cc-jcb"></a> <a href="#" class="fa fa-cc-mastercard bg-icon rounded-icon" title="cc-mastercard"></a> <a href="#" class="fa fa-cc-paypal bg-icon rounded-icon" title="cc-paypal"></a> <a href="#" class="fa fa-cc-stripe bg-icon rounded-icon" title="cc-stripe"></a> <a href="#" class="fa fa-cc-visa bg-icon rounded-icon" title="cc-visa"></a> <a href="#" class="fa fa-chrome bg-icon rounded-icon" title="chrome"></a> <a href="#" class="fa fa-codepen bg-icon rounded-icon" title="codepen"></a> <a href="#" class="fa fa-connectdevelop bg-icon rounded-icon" title="connectdevelop"></a> <a href="#" class="fa fa-contao bg-icon rounded-icon" title="contao"></a> <a href="#" class="fa fa-creative-commons bg-icon rounded-icon" title="creative-commons"></a> <a href="#" class="fa fa-css3 bg-icon rounded-icon" title="css3"></a> <a href="#" class="fa fa-dashcube bg-icon rounded-icon" title="dashcube"></a> <a href="#" class="fa fa-delicious bg-icon rounded-icon" title="delicious"></a> <a href="#" class="fa fa-deviantart bg-icon rounded-icon" title="deviantart"></a> <a href="#" class="fa fa-digg bg-icon rounded-icon" title="digg"></a> <a href="#" class="fa fa-dribbble bg-icon rounded-icon" title="dribbble"></a> <a href="#" class="fa fa-dropbox bg-icon rounded-icon" title="dropbox"></a> <a href="#" class="fa fa-drupal bg-icon rounded-icon" title="drupal"></a> <a href="#" class="fa fa-empire bg-icon rounded-icon" title="empire"></a> <a href="#" class="fa fa-expeditedssl bg-icon rounded-icon" title="expeditedssl"></a> <a href="#" class="fa fa-firefox bg-icon rounded-icon" title="firefox"></a> <a href="#" class="fa fa-fonticons bg-icon rounded-icon" title="fonticons"></a> <a href="#" class="fa fa-forumbee bg-icon rounded-icon" title="forumbee"></a> <a href="#" class="fa fa-foursquare bg-icon rounded-icon" title="foursquare"></a> <a href="#" class="fa fa-ge bg-icon rounded-icon" title="ge"></a> <a href="#" class="fa fa-get-pocket bg-icon rounded-icon" title="get-pocket"></a> <a href="#" class="fa fa-gg-circle bg-icon rounded-icon" title="gg-circle"></a> <a href="#" class="fa fa-gg bg-icon rounded-icon" title="gg"></a> <a href="#" class="fa fa-git-square bg-icon rounded-icon" title="git-square"></a> <a href="#" class="fa fa-git bg-icon rounded-icon" title="git"></a> <a href="#" class="fa fa-github-alt bg-icon rounded-icon" title="github-alt"></a> <a href="#" class="fa fa-github-square bg-icon rounded-icon" title="github-square"></a> <a href="#" class="fa fa-github bg-icon rounded-icon" title="github"></a> <a href="#" class="fa fa-gittip bg-icon rounded-icon" title="gittip"></a> <a href="#" class="fa fa-google-plus-square bg-icon rounded-icon" title="google-plus-square"></a> <a href="#" class="fa fa-google-plus bg-icon rounded-icon" title="google-plus"></a> <a href="#" class="fa fa-google-wallet bg-icon rounded-icon" title="google-wallet"></a> <a href="#" class="fa fa-hacker-news bg-icon rounded-icon" title="hacker-news"></a> <a href="#" class="fa fa-houzz bg-icon rounded-icon" title="houzz"></a> <a href="#" class="fa fa-html5 bg-icon rounded-icon" title="html5"></a> <a href="#" class="fa fa-internet-explorer bg-icon rounded-icon" title="internet-explorer"></a> <a href="#" class="fa fa-ioxhost bg-icon rounded-icon" title="ioxhost"></a> <a href="#" class="fa fa-joomla bg-icon rounded-icon" title="joomla"></a> <a href="#" class="fa fa-jsfiddle bg-icon rounded-icon" title="jsfiddle"></a> <a href="#" class="fa fa-lastfm-square bg-icon rounded-icon" title="lastfm-square"></a> <a href="#" class="fa fa-lastfm bg-icon rounded-icon" title="lastfm"></a> <a href="#" class="fa fa-leanpub bg-icon rounded-icon" title="leanpub"></a> <a href="#" class="fa fa-linkedin-square bg-icon rounded-icon" title="linkedin-square"></a> <a href="#" class="fa fa-linux bg-icon rounded-icon" title="linux"></a> <a href="#" class="fa fa-maxcdn bg-icon rounded-icon" title="maxcdn"></a> <a href="#" class="fa fa-meanpath bg-icon rounded-icon" title="meanpath"></a> <a href="#" class="fa fa-medium bg-icon rounded-icon" title="medium"></a> <a href="#" class="fa fa-odnoklassniki-square bg-icon rounded-icon" title="odnoklassniki-square"></a> <a href="#" class="fa fa-odnoklassniki bg-icon rounded-icon" title="odnoklassniki"></a> <a href="#" class="fa fa-opencart bg-icon rounded-icon" title="opencart"></a> <a href="#" class="fa fa-openid bg-icon rounded-icon" title="openid"></a> <a href="#" class="fa fa-opera bg-icon rounded-icon" title="opera"></a> <a href="#" class="fa fa-optin-monster bg-icon rounded-icon" title="optin-monster"></a> <a href="#" class="fa fa-pagelines bg-icon rounded-icon" title="pagelines"></a> <a href="#" class="fa fa-paypal bg-icon rounded-icon" title="paypal"></a> <a href="#" class="fa fa-pied-piper-alt bg-icon rounded-icon" title="pied-piper-alt"></a> <a href="#" class="fa fa-pied-piper bg-icon rounded-icon" title="pied-piper"></a> <a href="#" class="fa fa-pinterest-square bg-icon rounded-icon" title="pinterest-square"></a> <a href="#" class="fa fa-pinterest bg-icon rounded-icon" title="pinterest"></a> <a href="#" class="fa fa-qq bg-icon rounded-icon" title="qq"></a> <a href="#" class="fa fa-ra bg-icon rounded-icon" title="ra"></a> <a href="#" class="fa fa-rebel bg-icon rounded-icon" title="rebel"></a> <a href="#" class="fa fa-reddit-square bg-icon rounded-icon" title="reddit-square"></a> <a href="#" class="fa fa-reddit bg-icon rounded-icon" title="reddit"></a> <a href="#" class="fa fa-renren bg-icon rounded-icon" title="renren"></a> <a href="#" class="fa fa-safari bg-icon rounded-icon" title="safari"></a> <a href="#" class="fa fa-sellsy bg-icon rounded-icon" title="sellsy"></a> <a href="#" class="fa fa-share-alt-square bg-icon rounded-icon" title="share-alt-square"></a> <a href="#" class="fa fa-share-alt bg-icon rounded-icon" title="share-alt"></a> <a href="#" class="fa fa-shirtsinbulk bg-icon rounded-icon" title="shirtsinbulk"></a> <a href="#" class="fa fa-simplybuilt bg-icon rounded-icon" title="simplybuilt"></a> <a href="#" class="fa fa-skyatlas bg-icon rounded-icon" title="skyatlas"></a> <a href="#" class="fa fa-skype bg-icon rounded-icon" title="skype"></a> <a href="#" class="fa fa-slack bg-icon rounded-icon" title="slack"></a> <a href="#" class="fa fa-slideshare bg-icon rounded-icon" title="slideshare"></a> <a href="#" class="fa fa-spotify bg-icon rounded-icon" title="spotify"></a> <a href="#" class="fa fa-stack-exchange bg-icon rounded-icon" title="stack-exchange"></a> <a href="#" class="fa fa-stack-overflow bg-icon rounded-icon" title="stack-overflow"></a> <a href="#" class="fa fa-steam-square bg-icon rounded-icon" title="steam-square"></a> <a href="#" class="fa fa-steam bg-icon rounded-icon" title="steam"></a> <a href="#" class="fa fa-stumbleupon-circle bg-icon rounded-icon" title="stumbleupon-circle"></a> <a href="#" class="fa fa-stumbleupon bg-icon rounded-icon" title="stumbleupon"></a> <a href="#" class="fa fa-tencent-weibo bg-icon rounded-icon" title="tencent-weibo"></a> <a href="#" class="fa fa-trello bg-icon rounded-icon" title="trello"></a> <a href="#" class="fa fa-tripadvisor bg-icon rounded-icon" title="tripadvisor"></a> <a href="#" class="fa fa-tumblr-square bg-icon rounded-icon" title="tumblr-square"></a> <a href="#" class="fa fa-tumblr bg-icon rounded-icon" title="tumblr"></a> <a href="#" class="fa fa-twitch bg-icon rounded-icon" title="twitch"></a> <a href="#" class="fa fa-viacoin bg-icon rounded-icon" title="viacoin"></a> <a href="#" class="fa fa-vimeo-square bg-icon rounded-icon" title="vimeo-square"></a> <a href="#" class="fa fa-vine bg-icon rounded-icon" title="vine"></a> <a href="#" class="fa fa-vk bg-icon rounded-icon" title="vk"></a> <a href="#" class="fa fa-wechat bg-icon rounded-icon" title="wechat"></a> <a href="#" class="fa fa-weibo bg-icon rounded-icon" title="weibo"></a> <a href="#" class="fa fa-weixin bg-icon rounded-icon" title="weixin"></a> <a href="#" class="fa fa-wikipedia-w bg-icon rounded-icon" title="wikipedia-w"></a> <a href="#" class="fa fa-windows bg-icon rounded-icon" title="windows"></a> <a href="#" class="fa fa-wordpress bg-icon rounded-icon" title="wordpress"></a> <a href="#" class="fa fa-xing-square bg-icon rounded-icon" title="xing-square"></a> <a href="#" class="fa fa-xing bg-icon rounded-icon" title="xing"></a> <a href="#" class="fa fa-y-combinator bg-icon rounded-icon" title="y-combinator"></a> <a href="#" class="fa fa-yahoo bg-icon rounded-icon" title="yahoo"></a> <a href="#" class="fa fa-yc bg-icon rounded-icon" title="yc"></a> <a href="#" class="fa fa-yelp bg-icon rounded-icon" title="yelp"></a> <a href="#" class="fa fa-youtube-play bg-icon rounded-icon" title="youtube-play"></a> <a href="#" class="fa fa-youtube-square bg-icon rounded-icon" title="youtube-square"></a> <br><br> <pre><code class="html hljs"><a href=<span class="hljs-string">"#"</span> <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"fa fa-twitter bg-icon rounded-icon"</span>><span class="xml"><span class="hljs-tag"></<span class="hljs-name">a</span>></span></span></code></pre> </div> </div> </div> </section> <section class="ls s-pt-75"> <div class="container"> <div class="row"> <div class="col-md-12"> <h3>Brand text color icons</h3> <a href="#" class="fa fa-facebook color-icon" title="facebook"></a> <a href="#" class="fa fa-twitter color-icon" title="twitter"></a> <a href="#" class="fa fa-instagram color-icon" title="instagram"></a> <a href="#" class="fa fa-linkedin color-icon" title="linkedin"></a> <a href="#" class="fa fa-pinterest-p color-icon" title="pinterest-p"></a> <a href="#" class="fa fa-google color-icon" title="google"></a> <a href="#" class="fa fa-flickr color-icon" title="flickr"></a> <a href="#" class="fa fa-youtube color-icon" title="youtube"></a> <a href="#" class="fa fa-vimeo color-icon" title="vimeo"></a> <a href="#" class="fa fa-share-alt color-icon" title="share-alt"></a> <a href="#" class="fa fa-soundcloud color-icon" title="soundcloud"></a> <a href="#" class="fa fa-facebook-official color-icon" title="facebook-official"></a> <a href="#" class="fa fa-facebook-square color-icon" title="facebook-square"></a> <a href="#" class="fa fa-twitter-square color-icon" title="twitter-square"></a> <a href="#" class="fa fa-500px color-icon" title="500px"></a> <a href="#" class="fa fa-adn color-icon" title="adn"></a> <a href="#" class="fa fa-amazon color-icon" title="amazon"></a> <a href="#" class="fa fa-android color-icon" title="android"></a> <a href="#" class="fa fa-angellist color-icon" title="angellist"></a> <a href="#" class="fa fa-apple color-icon" title="apple"></a> <a href="#" class="fa fa-behance-square color-icon" title="behance-square"></a> <a href="#" class="fa fa-behance color-icon" title="behance"></a> <a href="#" class="fa fa-bitbucket-square color-icon" title="bitbucket-square"></a> <a href="#" class="fa fa-bitbucket color-icon" title="bitbucket"></a> <a href="#" class="fa fa-bitcoin color-icon" title="bitcoin"></a> <a href="#" class="fa fa-black-tie color-icon" title="black-tie"></a> <a href="#" class="fa fa-btc color-icon" title="btc"></a> <a href="#" class="fa fa-buysellads color-icon" title="buysellads"></a> <a href="#" class="fa fa-cc-amex color-icon" title="cc-amex"></a> <a href="#" class="fa fa-cc-diners-club color-icon" title="cc-diners-club"></a> <a href="#" class="fa fa-cc-discover color-icon" title="cc-discover"></a> <a href="#" class="fa fa-cc-jcb color-icon" title="cc-jcb"></a> <a href="#" class="fa fa-cc-mastercard color-icon" title="cc-mastercard"></a> <a href="#" class="fa fa-cc-paypal color-icon" title="cc-paypal"></a> <a href="#" class="fa fa-cc-stripe color-icon" title="cc-stripe"></a> <a href="#" class="fa fa-cc-visa color-icon" title="cc-visa"></a> <a href="#" class="fa fa-chrome color-icon" title="chrome"></a> <a href="#" class="fa fa-codepen color-icon" title="codepen"></a> <a href="#" class="fa fa-connectdevelop color-icon" title="connectdevelop"></a> <a href="#" class="fa fa-contao color-icon" title="contao"></a> <a href="#" class="fa fa-creative-commons color-icon" title="creative-commons"></a> <a href="#" class="fa fa-css3 color-icon" title="css3"></a> <a href="#" class="fa fa-dashcube color-icon" title="dashcube"></a> <a href="#" class="fa fa-delicious color-icon" title="delicious"></a> <a href="#" class="fa fa-deviantart color-icon" title="deviantart"></a> <a href="#" class="fa fa-digg color-icon" title="digg"></a> <a href="#" class="fa fa-dribbble color-icon" title="dribbble"></a> <a href="#" class="fa fa-dropbox color-icon" title="dropbox"></a> <a href="#" class="fa fa-drupal color-icon" title="drupal"></a> <a href="#" class="fa fa-empire color-icon" title="empire"></a> <a href="#" class="fa fa-expeditedssl color-icon" title="expeditedssl"></a> <a href="#" class="fa fa-firefox color-icon" title="firefox"></a> <a href="#" class="fa fa-fonticons color-icon" title="fonticons"></a> <a href="#" class="fa fa-forumbee color-icon" title="forumbee"></a> <a href="#" class="fa fa-foursquare color-icon" title="foursquare"></a> <a href="#" class="fa fa-ge color-icon" title="ge"></a> <a href="#" class="fa fa-get-pocket color-icon" title="get-pocket"></a> <a href="#" class="fa fa-gg-circle color-icon" title="gg-circle"></a> <a href="#" class="fa fa-gg color-icon" title="gg"></a> <a href="#" class="fa fa-git-square color-icon" title="git-square"></a> <a href="#" class="fa fa-git color-icon" title="git"></a> <a href="#" class="fa fa-github-alt color-icon" title="github-alt"></a> <a href="#" class="fa fa-github-square color-icon" title="github-square"></a> <a href="#" class="fa fa-github color-icon" title="github"></a> <a href="#" class="fa fa-gittip color-icon" title="gittip"></a> <a href="#" class="fa fa-google-plus-square color-icon" title="google-plus-square"></a> <a href="#" class="fa fa-google-plus color-icon" title="google-plus"></a> <a href="#" class="fa fa-google-wallet color-icon" title="google-wallet"></a> <a href="#" class="fa fa-hacker-news color-icon" title="hacker-news"></a> <a href="#" class="fa fa-houzz color-icon" title="houzz"></a> <a href="#" class="fa fa-html5 color-icon" title="html5"></a> <a href="#" class="fa fa-internet-explorer color-icon" title="internet-explorer"></a> <a href="#" class="fa fa-ioxhost color-icon" title="ioxhost"></a> <a href="#" class="fa fa-joomla color-icon" title="joomla"></a> <a href="#" class="fa fa-jsfiddle color-icon" title="jsfiddle"></a> <a href="#" class="fa fa-lastfm-square color-icon" title="lastfm-square"></a> <a href="#" class="fa fa-lastfm color-icon" title="lastfm"></a> <a href="#" class="fa fa-leanpub color-icon" title="leanpub"></a> <a href="#" class="fa fa-linkedin-square color-icon" title="linkedin-square"></a> <a href="#" class="fa fa-linux color-icon" title="linux"></a> <a href="#" class="fa fa-maxcdn color-icon" title="maxcdn"></a> <a href="#" class="fa fa-meanpath color-icon" title="meanpath"></a> <a href="#" class="fa fa-medium color-icon" title="medium"></a> <a href="#" class="fa fa-odnoklassniki-square color-icon" title="odnoklassniki-square"></a> <a href="#" class="fa fa-odnoklassniki color-icon" title="odnoklassniki"></a> <a href="#" class="fa fa-opencart color-icon" title="opencart"></a> <a href="#" class="fa fa-openid color-icon" title="openid"></a> <a href="#" class="fa fa-opera color-icon" title="opera"></a> <a href="#" class="fa fa-optin-monster color-icon" title="optin-monster"></a> <a href="#" class="fa fa-pagelines color-icon" title="pagelines"></a> <a href="#" class="fa fa-paypal color-icon" title="paypal"></a> <a href="#" class="fa fa-pied-piper-alt color-icon" title="pied-piper-alt"></a> <a href="#" class="fa fa-pied-piper color-icon" title="pied-piper"></a> <a href="#" class="fa fa-pinterest-square color-icon" title="pinterest-square"></a> <a href="#" class="fa fa-pinterest color-icon" title="pinterest"></a> <a href="#" class="fa fa-qq color-icon" title="qq"></a> <a href="#" class="fa fa-ra color-icon" title="ra"></a> <a href="#" class="fa fa-rebel color-icon" title="rebel"></a> <a href="#" class="fa fa-reddit-square color-icon" title="reddit-square"></a> <a href="#" class="fa fa-reddit color-icon" title="reddit"></a> <a href="#" class="fa fa-renren color-icon" title="renren"></a> <a href="#" class="fa fa-safari color-icon" title="safari"></a> <a href="#" class="fa fa-sellsy color-icon" title="sellsy"></a> <a href="#" class="fa fa-share-alt-square color-icon" title="share-alt-square"></a> <a href="#" class="fa fa-share-alt color-icon" title="share-alt"></a> <a href="#" class="fa fa-shirtsinbulk color-icon" title="shirtsinbulk"></a> <a href="#" class="fa fa-simplybuilt color-icon" title="simplybuilt"></a> <a href="#" class="fa fa-skyatlas color-icon" title="skyatlas"></a> <a href="#" class="fa fa-skype color-icon" title="skype"></a> <a href="#" class="fa fa-slack color-icon" title="slack"></a> <a href="#" class="fa fa-slideshare color-icon" title="slideshare"></a> <a href="#" class="fa fa-spotify color-icon" title="spotify"></a> <a href="#" class="fa fa-stack-exchange color-icon" title="stack-exchange"></a> <a href="#" class="fa fa-stack-overflow color-icon" title="stack-overflow"></a> <a href="#" class="fa fa-steam-square color-icon" title="steam-square"></a> <a href="#" class="fa fa-steam color-icon" title="steam"></a> <a href="#" class="fa fa-stumbleupon-circle color-icon" title="stumbleupon-circle"></a> <a href="#" class="fa fa-stumbleupon color-icon" title="stumbleupon"></a> <a href="#" class="fa fa-tencent-weibo color-icon" title="tencent-weibo"></a> <a href="#" class="fa fa-trello color-icon" title="trello"></a> <a href="#" class="fa fa-tripadvisor color-icon" title="tripadvisor"></a> <a href="#" class="fa fa-tumblr-square color-icon" title="tumblr-square"></a> <a href="#" class="fa fa-tumblr color-icon" title="tumblr"></a> <a href="#" class="fa fa-twitch color-icon" title="twitch"></a> <a href="#" class="fa fa-viacoin color-icon" title="viacoin"></a> <a href="#" class="fa fa-vimeo-square color-icon" title="vimeo-square"></a> <a href="#" class="fa fa-vine color-icon" title="vine"></a> <a href="#" class="fa fa-vk color-icon" title="vk"></a> <a href="#" class="fa fa-wechat color-icon" title="wechat"></a> <a href="#" class="fa fa-weibo color-icon" title="weibo"></a> <a href="#" class="fa fa-weixin color-icon" title="weixin"></a> <a href="#" class="fa fa-wikipedia-w color-icon" title="wikipedia-w"></a> <a href="#" class="fa fa-windows color-icon" title="windows"></a> <a href="#" class="fa fa-wordpress color-icon" title="wordpress"></a> <a href="#" class="fa fa-xing-square color-icon" title="xing-square"></a> <a href="#" class="fa fa-xing color-icon" title="xing"></a> <a href="#" class="fa fa-y-combinator color-icon" title="y-combinator"></a> <a href="#" class="fa fa-yahoo color-icon" title="yahoo"></a> <a href="#" class="fa fa-yc color-icon" title="yc"></a> <a href="#" class="fa fa-yelp color-icon" title="yelp"></a> <a href="#" class="fa fa-youtube-play color-icon" title="youtube-play"></a> <a href="#" class="fa fa-youtube-square color-icon" title="youtube-square"></a> <br><br> <pre><code class="html hljs"><a href=<span class="hljs-string">"#"</span> <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"fa fa-twitter color-icon"</span>><span class="xml"><span class="hljs-tag"></<span class="hljs-name">a</span>></span></span></code></pre> </div> </div> </div> </section> <section class="ls s-pt-75"> <div class="container"> <div class="row"> <div class="col-md-12"> <h3>Brand text color icons with background</h3> <a href="#" class="fa fa-facebook color-icon bg-icon" title="facebook"></a> <a href="#" class="fa fa-twitter color-icon bg-icon" title="twitter"></a> <a href="#" class="fa fa-instagram color-icon bg-icon" title="instagram"></a> <a href="#" class="fa fa-linkedin color-icon bg-icon" title="linkedin"></a> <a href="#" class="fa fa-pinterest-p color-icon bg-icon" title="pinterest-p"></a> <a href="#" class="fa fa-google color-icon bg-icon" title="google"></a> <a href="#" class="fa fa-flickr color-icon bg-icon" title="flickr"></a> <a href="#" class="fa fa-youtube color-icon bg-icon" title="youtube"></a> <a href="#" class="fa fa-vimeo color-icon bg-icon" title="vimeo"></a> <a href="#" class="fa fa-share-alt color-icon bg-icon" title="share-alt"></a> <a href="#" class="fa fa-soundcloud color-icon bg-icon" title="soundcloud"></a> <a href="#" class="fa fa-facebook-official color-icon bg-icon" title="facebook-official"></a> <a href="#" class="fa fa-facebook-square color-icon bg-icon" title="facebook-square"></a> <a href="#" class="fa fa-twitter-square color-icon bg-icon" title="twitter-square"></a> <a href="#" class="fa fa-500px color-icon bg-icon" title="500px"></a> <a href="#" class="fa fa-adn color-icon bg-icon" title="adn"></a> <a href="#" class="fa fa-amazon color-icon bg-icon" title="amazon"></a> <a href="#" class="fa fa-android color-icon bg-icon" title="android"></a> <a href="#" class="fa fa-angellist color-icon bg-icon" title="angellist"></a> <a href="#" class="fa fa-apple color-icon bg-icon" title="apple"></a> <a href="#" class="fa fa-behance-square color-icon bg-icon" title="behance-square"></a> <a href="#" class="fa fa-behance color-icon bg-icon" title="behance"></a> <a href="#" class="fa fa-bitbucket-square color-icon bg-icon" title="bitbucket-square"></a> <a href="#" class="fa fa-bitbucket color-icon bg-icon" title="bitbucket"></a> <a href="#" class="fa fa-bitcoin color-icon bg-icon" title="bitcoin"></a> <a href="#" class="fa fa-black-tie color-icon bg-icon" title="black-tie"></a> <a href="#" class="fa fa-btc color-icon bg-icon" title="btc"></a> <a href="#" class="fa fa-buysellads color-icon bg-icon" title="buysellads"></a> <a href="#" class="fa fa-cc-amex color-icon bg-icon" title="cc-amex"></a> <a href="#" class="fa fa-cc-diners-club color-icon bg-icon" title="cc-diners-club"></a> <a href="#" class="fa fa-cc-discover color-icon bg-icon" title="cc-discover"></a> <a href="#" class="fa fa-cc-jcb color-icon bg-icon" title="cc-jcb"></a> <a href="#" class="fa fa-cc-mastercard color-icon bg-icon" title="cc-mastercard"></a> <a href="#" class="fa fa-cc-paypal color-icon bg-icon" title="cc-paypal"></a> <a href="#" class="fa fa-cc-stripe color-icon bg-icon" title="cc-stripe"></a> <a href="#" class="fa fa-cc-visa color-icon bg-icon" title="cc-visa"></a> <a href="#" class="fa fa-chrome color-icon bg-icon" title="chrome"></a> <a href="#" class="fa fa-codepen color-icon bg-icon" title="codepen"></a> <a href="#" class="fa fa-connectdevelop color-icon bg-icon" title="connectdevelop"></a> <a href="#" class="fa fa-contao color-icon bg-icon" title="contao"></a> <a href="#" class="fa fa-creative-commons color-icon bg-icon" title="creative-commons"></a> <a href="#" class="fa fa-css3 color-icon bg-icon" title="css3"></a> <a href="#" class="fa fa-dashcube color-icon bg-icon" title="dashcube"></a> <a href="#" class="fa fa-delicious color-icon bg-icon" title="delicious"></a> <a href="#" class="fa fa-deviantart color-icon bg-icon" title="deviantart"></a> <a href="#" class="fa fa-digg color-icon bg-icon" title="digg"></a> <a href="#" class="fa fa-dribbble color-icon bg-icon" title="dribbble"></a> <a href="#" class="fa fa-dropbox color-icon bg-icon" title="dropbox"></a> <a href="#" class="fa fa-drupal color-icon bg-icon" title="drupal"></a> <a href="#" class="fa fa-empire color-icon bg-icon" title="empire"></a> <a href="#" class="fa fa-expeditedssl color-icon bg-icon" title="expeditedssl"></a> <a href="#" class="fa fa-firefox color-icon bg-icon" title="firefox"></a> <a href="#" class="fa fa-fonticons color-icon bg-icon" title="fonticons"></a> <a href="#" class="fa fa-forumbee color-icon bg-icon" title="forumbee"></a> <a href="#" class="fa fa-foursquare color-icon bg-icon" title="foursquare"></a> <a href="#" class="fa fa-ge color-icon bg-icon" title="ge"></a> <a href="#" class="fa fa-get-pocket color-icon bg-icon" title="get-pocket"></a> <a href="#" class="fa fa-gg-circle color-icon bg-icon" title="gg-circle"></a> <a href="#" class="fa fa-gg color-icon bg-icon" title="gg"></a> <a href="#" class="fa fa-git-square color-icon bg-icon" title="git-square"></a> <a href="#" class="fa fa-git color-icon bg-icon" title="git"></a> <a href="#" class="fa fa-github-alt color-icon bg-icon" title="github-alt"></a> <a href="#" class="fa fa-github-square color-icon bg-icon" title="github-square"></a> <a href="#" class="fa fa-github color-icon bg-icon" title="github"></a> <a href="#" class="fa fa-gittip color-icon bg-icon" title="gittip"></a> <a href="#" class="fa fa-google-plus-square color-icon bg-icon" title="google-plus-square"></a> <a href="#" class="fa fa-google-plus color-icon bg-icon" title="google-plus"></a> <a href="#" class="fa fa-google-wallet color-icon bg-icon" title="google-wallet"></a> <a href="#" class="fa fa-hacker-news color-icon bg-icon" title="hacker-news"></a> <a href="#" class="fa fa-houzz color-icon bg-icon" title="houzz"></a> <a href="#" class="fa fa-html5 color-icon bg-icon" title="html5"></a> <a href="#" class="fa fa-internet-explorer color-icon bg-icon" title="internet-explorer"></a> <a href="#" class="fa fa-ioxhost color-icon bg-icon" title="ioxhost"></a> <a href="#" class="fa fa-joomla color-icon bg-icon" title="joomla"></a> <a href="#" class="fa fa-jsfiddle color-icon bg-icon" title="jsfiddle"></a> <a href="#" class="fa fa-lastfm-square color-icon bg-icon" title="lastfm-square"></a> <a href="#" class="fa fa-lastfm color-icon bg-icon" title="lastfm"></a> <a href="#" class="fa fa-leanpub color-icon bg-icon" title="leanpub"></a> <a href="#" class="fa fa-linkedin-square color-icon bg-icon" title="linkedin-square"></a> <a href="#" class="fa fa-linux color-icon bg-icon" title="linux"></a> <a href="#" class="fa fa-maxcdn color-icon bg-icon" title="maxcdn"></a> <a href="#" class="fa fa-meanpath color-icon bg-icon" title="meanpath"></a> <a href="#" class="fa fa-medium color-icon bg-icon" title="medium"></a> <a href="#" class="fa fa-odnoklassniki-square color-icon bg-icon" title="odnoklassniki-square"></a> <a href="#" class="fa fa-odnoklassniki color-icon bg-icon" title="odnoklassniki"></a> <a href="#" class="fa fa-opencart color-icon bg-icon" title="opencart"></a> <a href="#" class="fa fa-openid color-icon bg-icon" title="openid"></a> <a href="#" class="fa fa-opera color-icon bg-icon" title="opera"></a> <a href="#" class="fa fa-optin-monster color-icon bg-icon" title="optin-monster"></a> <a href="#" class="fa fa-pagelines color-icon bg-icon" title="pagelines"></a> <a href="#" class="fa fa-paypal color-icon bg-icon" title="paypal"></a> <a href="#" class="fa fa-pied-piper-alt color-icon bg-icon" title="pied-piper-alt"></a> <a href="#" class="fa fa-pied-piper color-icon bg-icon" title="pied-piper"></a> <a href="#" class="fa fa-pinterest-square color-icon bg-icon" title="pinterest-square"></a> <a href="#" class="fa fa-pinterest color-icon bg-icon" title="pinterest"></a> <a href="#" class="fa fa-qq color-icon bg-icon" title="qq"></a> <a href="#" class="fa fa-ra color-icon bg-icon" title="ra"></a> <a href="#" class="fa fa-rebel color-icon bg-icon" title="rebel"></a> <a href="#" class="fa fa-reddit-square color-icon bg-icon" title="reddit-square"></a> <a href="#" class="fa fa-reddit color-icon bg-icon" title="reddit"></a> <a href="#" class="fa fa-renren color-icon bg-icon" title="renren"></a> <a href="#" class="fa fa-safari color-icon bg-icon" title="safari"></a> <a href="#" class="fa fa-sellsy color-icon bg-icon" title="sellsy"></a> <a href="#" class="fa fa-share-alt-square color-icon bg-icon" title="share-alt-square"></a> <a href="#" class="fa fa-share-alt color-icon bg-icon" title="share-alt"></a> <a href="#" class="fa fa-shirtsinbulk color-icon bg-icon" title="shirtsinbulk"></a> <a href="#" class="fa fa-simplybuilt color-icon bg-icon" title="simplybuilt"></a> <a href="#" class="fa fa-skyatlas color-icon bg-icon" title="skyatlas"></a> <a href="#" class="fa fa-skype color-icon bg-icon" title="skype"></a> <a href="#" class="fa fa-slack color-icon bg-icon" title="slack"></a> <a href="#" class="fa fa-slideshare color-icon bg-icon" title="slideshare"></a> <a href="#" class="fa fa-spotify color-icon bg-icon" title="spotify"></a> <a href="#" class="fa fa-stack-exchange color-icon bg-icon" title="stack-exchange"></a> <a href="#" class="fa fa-stack-overflow color-icon bg-icon" title="stack-overflow"></a> <a href="#" class="fa fa-steam-square color-icon bg-icon" title="steam-square"></a> <a href="#" class="fa fa-steam color-icon bg-icon" title="steam"></a> <a href="#" class="fa fa-stumbleupon-circle color-icon bg-icon" title="stumbleupon-circle"></a> <a href="#" class="fa fa-stumbleupon color-icon bg-icon" title="stumbleupon"></a> <a href="#" class="fa fa-tencent-weibo color-icon bg-icon" title="tencent-weibo"></a> <a href="#" class="fa fa-trello color-icon bg-icon" title="trello"></a> <a href="#" class="fa fa-tripadvisor color-icon bg-icon" title="tripadvisor"></a> <a href="#" class="fa fa-tumblr-square color-icon bg-icon" title="tumblr-square"></a> <a href="#" class="fa fa-tumblr color-icon bg-icon" title="tumblr"></a> <a href="#" class="fa fa-twitch color-icon bg-icon" title="twitch"></a> <a href="#" class="fa fa-viacoin color-icon bg-icon" title="viacoin"></a> <a href="#" class="fa fa-vimeo-square color-icon bg-icon" title="vimeo-square"></a> <a href="#" class="fa fa-vine color-icon bg-icon" title="vine"></a> <a href="#" class="fa fa-vk color-icon bg-icon" title="vk"></a> <a href="#" class="fa fa-wechat color-icon bg-icon" title="wechat"></a> <a href="#" class="fa fa-weibo color-icon bg-icon" title="weibo"></a> <a href="#" class="fa fa-weixin color-icon bg-icon" title="weixin"></a> <a href="#" class="fa fa-wikipedia-w color-icon bg-icon" title="wikipedia-w"></a> <a href="#" class="fa fa-windows color-icon bg-icon" title="windows"></a> <a href="#" class="fa fa-wordpress color-icon bg-icon" title="wordpress"></a> <a href="#" class="fa fa-xing-square color-icon bg-icon" title="xing-square"></a> <a href="#" class="fa fa-xing color-icon bg-icon" title="xing"></a> <a href="#" class="fa fa-y-combinator color-icon bg-icon" title="y-combinator"></a> <a href="#" class="fa fa-yahoo color-icon bg-icon" title="yahoo"></a> <a href="#" class="fa fa-yc color-icon bg-icon" title="yc"></a> <a href="#" class="fa fa-yelp color-icon bg-icon" title="yelp"></a> <a href="#" class="fa fa-youtube-play color-icon bg-icon" title="youtube-play"></a> <a href="#" class="fa fa-youtube-square color-icon bg-icon" title="youtube-square"></a> <br><br> <pre><code class="html hljs"><a href=<span class="hljs-string">"#"</span> <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"fa fa-twitter color-icon bg-icon"</span>><span class="xml"><span class="hljs-tag"></<span class="hljs-name">a</span>></span></span></code></pre> </div> </div> </div> </section> <section class="ls s-pt-75"> <div class="container"> <div class="row"> <div class="col-md-12"> <h3>Brand text color rounded icons with background</h3> <a href="#" class="fa fa-facebook color-icon bg-icon rounded" title="facebook"></a> <a href="#" class="fa fa-twitter color-icon bg-icon rounded" title="twitter"></a> <a href="#" class="fa fa-instagram color-icon bg-icon rounded" title="instagram"></a> <a href="#" class="fa fa-linkedin color-icon bg-icon rounded" title="linkedin"></a> <a href="#" class="fa fa-pinterest-p color-icon bg-icon rounded" title="pinterest-p"></a> <a href="#" class="fa fa-google color-icon bg-icon rounded" title="google"></a> <a href="#" class="fa fa-flickr color-icon bg-icon rounded" title="flickr"></a> <a href="#" class="fa fa-youtube color-icon bg-icon rounded" title="youtube"></a> <a href="#" class="fa fa-vimeo color-icon bg-icon rounded" title="vimeo"></a> <a href="#" class="fa fa-share-alt color-icon bg-icon rounded" title="share-alt"></a> <a href="#" class="fa fa-soundcloud color-icon bg-icon rounded" title="soundcloud"></a> <a href="#" class="fa fa-facebook-official color-icon bg-icon rounded" title="facebook-official"></a> <a href="#" class="fa fa-facebook-square color-icon bg-icon rounded" title="facebook-square"></a> <a href="#" class="fa fa-twitter-square color-icon bg-icon rounded" title="twitter-square"></a> <a href="#" class="fa fa-500px color-icon bg-icon rounded" title="500px"></a> <a href="#" class="fa fa-adn color-icon bg-icon rounded" title="adn"></a> <a href="#" class="fa fa-amazon color-icon bg-icon rounded" title="amazon"></a> <a href="#" class="fa fa-android color-icon bg-icon rounded" title="android"></a> <a href="#" class="fa fa-angellist color-icon bg-icon rounded" title="angellist"></a> <a href="#" class="fa fa-apple color-icon bg-icon rounded" title="apple"></a> <a href="#" class="fa fa-behance-square color-icon bg-icon rounded" title="behance-square"></a> <a href="#" class="fa fa-behance color-icon bg-icon rounded" title="behance"></a> <a href="#" class="fa fa-bitbucket-square color-icon bg-icon rounded" title="bitbucket-square"></a> <a href="#" class="fa fa-bitbucket color-icon bg-icon rounded" title="bitbucket"></a> <a href="#" class="fa fa-bitcoin color-icon bg-icon rounded" title="bitcoin"></a> <a href="#" class="fa fa-black-tie color-icon bg-icon rounded" title="black-tie"></a> <a href="#" class="fa fa-btc color-icon bg-icon rounded" title="btc"></a> <a href="#" class="fa fa-buysellads color-icon bg-icon rounded" title="buysellads"></a> <a href="#" class="fa fa-cc-amex color-icon bg-icon rounded" title="cc-amex"></a> <a href="#" class="fa fa-cc-diners-club color-icon bg-icon rounded" title="cc-diners-club"></a> <a href="#" class="fa fa-cc-discover color-icon bg-icon rounded" title="cc-discover"></a> <a href="#" class="fa fa-cc-jcb color-icon bg-icon rounded" title="cc-jcb"></a> <a href="#" class="fa fa-cc-mastercard color-icon bg-icon rounded" title="cc-mastercard"></a> <a href="#" class="fa fa-cc-paypal color-icon bg-icon rounded" title="cc-paypal"></a> <a href="#" class="fa fa-cc-stripe color-icon bg-icon rounded" title="cc-stripe"></a> <a href="#" class="fa fa-cc-visa color-icon bg-icon rounded" title="cc-visa"></a> <a href="#" class="fa fa-chrome color-icon bg-icon rounded" title="chrome"></a> <a href="#" class="fa fa-codepen color-icon bg-icon rounded" title="codepen"></a> <a href="#" class="fa fa-connectdevelop color-icon bg-icon rounded" title="connectdevelop"></a> <a href="#" class="fa fa-contao color-icon bg-icon rounded" title="contao"></a> <a href="#" class="fa fa-creative-commons color-icon bg-icon rounded" title="creative-commons"></a> <a href="#" class="fa fa-css3 color-icon bg-icon rounded" title="css3"></a> <a href="#" class="fa fa-dashcube color-icon bg-icon rounded" title="dashcube"></a> <a href="#" class="fa fa-delicious color-icon bg-icon rounded" title="delicious"></a> <a href="#" class="fa fa-deviantart color-icon bg-icon rounded" title="deviantart"></a> <a href="#" class="fa fa-digg color-icon bg-icon rounded" title="digg"></a> <a href="#" class="fa fa-dribbble color-icon bg-icon rounded" title="dribbble"></a> <a href="#" class="fa fa-dropbox color-icon bg-icon rounded" title="dropbox"></a> <a href="#" class="fa fa-drupal color-icon bg-icon rounded" title="drupal"></a> <a href="#" class="fa fa-empire color-icon bg-icon rounded" title="empire"></a> <a href="#" class="fa fa-expeditedssl color-icon bg-icon rounded" title="expeditedssl"></a> <a href="#" class="fa fa-firefox color-icon bg-icon rounded" title="firefox"></a> <a href="#" class="fa fa-fonticons color-icon bg-icon rounded" title="fonticons"></a> <a href="#" class="fa fa-forumbee color-icon bg-icon rounded" title="forumbee"></a> <a href="#" class="fa fa-foursquare color-icon bg-icon rounded" title="foursquare"></a> <a href="#" class="fa fa-ge color-icon bg-icon rounded" title="ge"></a> <a href="#" class="fa fa-get-pocket color-icon bg-icon rounded" title="get-pocket"></a> <a href="#" class="fa fa-gg-circle color-icon bg-icon rounded" title="gg-circle"></a> <a href="#" class="fa fa-gg color-icon bg-icon rounded" title="gg"></a> <a href="#" class="fa fa-git-square color-icon bg-icon rounded" title="git-square"></a> <a href="#" class="fa fa-git color-icon bg-icon rounded" title="git"></a> <a href="#" class="fa fa-github-alt color-icon bg-icon rounded" title="github-alt"></a> <a href="#" class="fa fa-github-square color-icon bg-icon rounded" title="github-square"></a> <a href="#" class="fa fa-github color-icon bg-icon rounded" title="github"></a> <a href="#" class="fa fa-gittip color-icon bg-icon rounded" title="gittip"></a> <a href="#" class="fa fa-google-plus-square color-icon bg-icon rounded" title="google-plus-square"></a> <a href="#" class="fa fa-google-plus color-icon bg-icon rounded" title="google-plus"></a> <a href="#" class="fa fa-google-wallet color-icon bg-icon rounded" title="google-wallet"></a> <a href="#" class="fa fa-hacker-news color-icon bg-icon rounded" title="hacker-news"></a> <a href="#" class="fa fa-houzz color-icon bg-icon rounded" title="houzz"></a> <a href="#" class="fa fa-html5 color-icon bg-icon rounded" title="html5"></a> <a href="#" class="fa fa-internet-explorer color-icon bg-icon rounded" title="internet-explorer"></a> <a href="#" class="fa fa-ioxhost color-icon bg-icon rounded" title="ioxhost"></a> <a href="#" class="fa fa-joomla color-icon bg-icon rounded" title="joomla"></a> <a href="#" class="fa fa-jsfiddle color-icon bg-icon rounded" title="jsfiddle"></a> <a href="#" class="fa fa-lastfm-square color-icon bg-icon rounded" title="lastfm-square"></a> <a href="#" class="fa fa-lastfm color-icon bg-icon rounded" title="lastfm"></a> <a href="#" class="fa fa-leanpub color-icon bg-icon rounded" title="leanpub"></a> <a href="#" class="fa fa-linkedin-square color-icon bg-icon rounded" title="linkedin-square"></a> <a href="#" class="fa fa-linux color-icon bg-icon rounded" title="linux"></a> <a href="#" class="fa fa-maxcdn color-icon bg-icon rounded" title="maxcdn"></a> <a href="#" class="fa fa-meanpath color-icon bg-icon rounded" title="meanpath"></a> <a href="#" class="fa fa-medium color-icon bg-icon rounded" title="medium"></a> <a href="#" class="fa fa-odnoklassniki-square color-icon bg-icon rounded" title="odnoklassniki-square"></a> <a href="#" class="fa fa-odnoklassniki color-icon bg-icon rounded" title="odnoklassniki"></a> <a href="#" class="fa fa-opencart color-icon bg-icon rounded" title="opencart"></a> <a href="#" class="fa fa-openid color-icon bg-icon rounded" title="openid"></a> <a href="#" class="fa fa-opera color-icon bg-icon rounded" title="opera"></a> <a href="#" class="fa fa-optin-monster color-icon bg-icon rounded" title="optin-monster"></a> <a href="#" class="fa fa-pagelines color-icon bg-icon rounded" title="pagelines"></a> <a href="#" class="fa fa-paypal color-icon bg-icon rounded" title="paypal"></a> <a href="#" class="fa fa-pied-piper-alt color-icon bg-icon rounded" title="pied-piper-alt"></a> <a href="#" class="fa fa-pied-piper color-icon bg-icon rounded" title="pied-piper"></a> <a href="#" class="fa fa-pinterest-square color-icon bg-icon rounded" title="pinterest-square"></a> <a href="#" class="fa fa-pinterest color-icon bg-icon rounded" title="pinterest"></a> <a href="#" class="fa fa-qq color-icon bg-icon rounded" title="qq"></a> <a href="#" class="fa fa-ra color-icon bg-icon rounded" title="ra"></a> <a href="#" class="fa fa-rebel color-icon bg-icon rounded" title="rebel"></a> <a href="#" class="fa fa-reddit-square color-icon bg-icon rounded" title="reddit-square"></a> <a href="#" class="fa fa-reddit color-icon bg-icon rounded" title="reddit"></a> <a href="#" class="fa fa-renren color-icon bg-icon rounded" title="renren"></a> <a href="#" class="fa fa-safari color-icon bg-icon rounded" title="safari"></a> <a href="#" class="fa fa-sellsy color-icon bg-icon rounded" title="sellsy"></a> <a href="#" class="fa fa-share-alt-square color-icon bg-icon rounded" title="share-alt-square"></a> <a href="#" class="fa fa-share-alt color-icon bg-icon rounded" title="share-alt"></a> <a href="#" class="fa fa-shirtsinbulk color-icon bg-icon rounded" title="shirtsinbulk"></a> <a href="#" class="fa fa-simplybuilt color-icon bg-icon rounded" title="simplybuilt"></a> <a href="#" class="fa fa-skyatlas color-icon bg-icon rounded" title="skyatlas"></a> <a href="#" class="fa fa-skype color-icon bg-icon rounded" title="skype"></a> <a href="#" class="fa fa-slack color-icon bg-icon rounded" title="slack"></a> <a href="#" class="fa fa-slideshare color-icon bg-icon rounded" title="slideshare"></a> <a href="#" class="fa fa-spotify color-icon bg-icon rounded" title="spotify"></a> <a href="#" class="fa fa-stack-exchange color-icon bg-icon rounded" title="stack-exchange"></a> <a href="#" class="fa fa-stack-overflow color-icon bg-icon rounded" title="stack-overflow"></a> <a href="#" class="fa fa-steam-square color-icon bg-icon rounded" title="steam-square"></a> <a href="#" class="fa fa-steam color-icon bg-icon rounded" title="steam"></a> <a href="#" class="fa fa-stumbleupon-circle color-icon bg-icon rounded" title="stumbleupon-circle"></a> <a href="#" class="fa fa-stumbleupon color-icon bg-icon rounded" title="stumbleupon"></a> <a href="#" class="fa fa-tencent-weibo color-icon bg-icon rounded" title="tencent-weibo"></a> <a href="#" class="fa fa-trello color-icon bg-icon rounded" title="trello"></a> <a href="#" class="fa fa-tripadvisor color-icon bg-icon rounded" title="tripadvisor"></a> <a href="#" class="fa fa-tumblr-square color-icon bg-icon rounded" title="tumblr-square"></a> <a href="#" class="fa fa-tumblr color-icon bg-icon rounded" title="tumblr"></a> <a href="#" class="fa fa-twitch color-icon bg-icon rounded" title="twitch"></a> <a href="#" class="fa fa-viacoin color-icon bg-icon rounded" title="viacoin"></a> <a href="#" class="fa fa-vimeo-square color-icon bg-icon rounded" title="vimeo-square"></a> <a href="#" class="fa fa-vine color-icon bg-icon rounded" title="vine"></a> <a href="#" class="fa fa-vk color-icon bg-icon rounded" title="vk"></a> <a href="#" class="fa fa-wechat color-icon bg-icon rounded" title="wechat"></a> <a href="#" class="fa fa-weibo color-icon bg-icon rounded" title="weibo"></a> <a href="#" class="fa fa-weixin color-icon bg-icon rounded" title="weixin"></a> <a href="#" class="fa fa-wikipedia-w color-icon bg-icon rounded" title="wikipedia-w"></a> <a href="#" class="fa fa-windows color-icon bg-icon rounded" title="windows"></a> <a href="#" class="fa fa-wordpress color-icon bg-icon rounded" title="wordpress"></a> <a href="#" class="fa fa-xing-square color-icon bg-icon rounded" title="xing-square"></a> <a href="#" class="fa fa-xing color-icon bg-icon rounded" title="xing"></a> <a href="#" class="fa fa-y-combinator color-icon bg-icon rounded" title="y-combinator"></a> <a href="#" class="fa fa-yahoo color-icon bg-icon rounded" title="yahoo"></a> <a href="#" class="fa fa-yc color-icon bg-icon rounded" title="yc"></a> <a href="#" class="fa fa-yelp color-icon bg-icon rounded" title="yelp"></a> <a href="#" class="fa fa-youtube-play color-icon bg-icon rounded" title="youtube-play"></a> <a href="#" class="fa fa-youtube-square color-icon bg-icon rounded" title="youtube-square"></a> <br><br> <pre><code class="html hljs"><a href=<span class="hljs-string">"#"</span> <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"fa fa-twitter color-icon bg-icon rounded"</span>><span class="xml"><span class="hljs-tag"></<span class="hljs-name">a</span>></span></span></code></pre> </div> </div> </div> </section> <section class="ls s-pt-75"> <div class="container"> <div class="row"> <div class="col-md-12"> <h3>Brand text color round icons with background</h3> <a href="#" class="fa fa-facebook color-icon bg-icon rounded-icon" title="facebook"></a> <a href="#" class="fa fa-twitter color-icon bg-icon rounded-icon" title="twitter"></a> <a href="#" class="fa fa-instagram color-icon bg-icon rounded-icon" title="instagram"></a> <a href="#" class="fa fa-linkedin color-icon bg-icon rounded-icon" title="linkedin"></a> <a href="#" class="fa fa-pinterest-p color-icon bg-icon rounded-icon" title="pinterest-p"></a> <a href="#" class="fa fa-google color-icon bg-icon rounded-icon" title="google"></a> <a href="#" class="fa fa-flickr color-icon bg-icon rounded-icon" title="flickr"></a> <a href="#" class="fa fa-youtube color-icon bg-icon rounded-icon" title="youtube"></a> <a href="#" class="fa fa-vimeo color-icon bg-icon rounded-icon" title="vimeo"></a> <a href="#" class="fa fa-share-alt color-icon bg-icon rounded-icon" title="share-alt"></a> <a href="#" class="fa fa-soundcloud color-icon bg-icon rounded-icon" title="soundcloud"></a> <a href="#" class="fa fa-facebook-official color-icon bg-icon rounded-icon" title="facebook-official"></a> <a href="#" class="fa fa-facebook-square color-icon bg-icon rounded-icon" title="facebook-square"></a> <a href="#" class="fa fa-twitter-square color-icon bg-icon rounded-icon" title="twitter-square"></a> <a href="#" class="fa fa-500px color-icon bg-icon rounded-icon" title="500px"></a> <a href="#" class="fa fa-adn color-icon bg-icon rounded-icon" title="adn"></a> <a href="#" class="fa fa-amazon color-icon bg-icon rounded-icon" title="amazon"></a> <a href="#" class="fa fa-android color-icon bg-icon rounded-icon" title="android"></a> <a href="#" class="fa fa-angellist color-icon bg-icon rounded-icon" title="angellist"></a> <a href="#" class="fa fa-apple color-icon bg-icon rounded-icon" title="apple"></a> <a href="#" class="fa fa-behance-square color-icon bg-icon rounded-icon" title="behance-square"></a> <a href="#" class="fa fa-behance color-icon bg-icon rounded-icon" title="behance"></a> <a href="#" class="fa fa-bitbucket-square color-icon bg-icon rounded-icon" title="bitbucket-square"></a> <a href="#" class="fa fa-bitbucket color-icon bg-icon rounded-icon" title="bitbucket"></a> <a href="#" class="fa fa-bitcoin color-icon bg-icon rounded-icon" title="bitcoin"></a> <a href="#" class="fa fa-black-tie color-icon bg-icon rounded-icon" title="black-tie"></a> <a href="#" class="fa fa-btc color-icon bg-icon rounded-icon" title="btc"></a> <a href="#" class="fa fa-buysellads color-icon bg-icon rounded-icon" title="buysellads"></a> <a href="#" class="fa fa-cc-amex color-icon bg-icon rounded-icon" title="cc-amex"></a> <a href="#" class="fa fa-cc-diners-club color-icon bg-icon rounded-icon" title="cc-diners-club"></a> <a href="#" class="fa fa-cc-discover color-icon bg-icon rounded-icon" title="cc-discover"></a> <a href="#" class="fa fa-cc-jcb color-icon bg-icon rounded-icon" title="cc-jcb"></a> <a href="#" class="fa fa-cc-mastercard color-icon bg-icon rounded-icon" title="cc-mastercard"></a> <a href="#" class="fa fa-cc-paypal color-icon bg-icon rounded-icon" title="cc-paypal"></a> <a href="#" class="fa fa-cc-stripe color-icon bg-icon rounded-icon" title="cc-stripe"></a> <a href="#" class="fa fa-cc-visa color-icon bg-icon rounded-icon" title="cc-visa"></a> <a href="#" class="fa fa-chrome color-icon bg-icon rounded-icon" title="chrome"></a> <a href="#" class="fa fa-codepen color-icon bg-icon rounded-icon" title="codepen"></a> <a href="#" class="fa fa-connectdevelop color-icon bg-icon rounded-icon" title="connectdevelop"></a> <a href="#" class="fa fa-contao color-icon bg-icon rounded-icon" title="contao"></a> <a href="#" class="fa fa-creative-commons color-icon bg-icon rounded-icon" title="creative-commons"></a> <a href="#" class="fa fa-css3 color-icon bg-icon rounded-icon" title="css3"></a> <a href="#" class="fa fa-dashcube color-icon bg-icon rounded-icon" title="dashcube"></a> <a href="#" class="fa fa-delicious color-icon bg-icon rounded-icon" title="delicious"></a> <a href="#" class="fa fa-deviantart color-icon bg-icon rounded-icon" title="deviantart"></a> <a href="#" class="fa fa-digg color-icon bg-icon rounded-icon" title="digg"></a> <a href="#" class="fa fa-dribbble color-icon bg-icon rounded-icon" title="dribbble"></a> <a href="#" class="fa fa-dropbox color-icon bg-icon rounded-icon" title="dropbox"></a> <a href="#" class="fa fa-drupal color-icon bg-icon rounded-icon" title="drupal"></a> <a href="#" class="fa fa-empire color-icon bg-icon rounded-icon" title="empire"></a> <a href="#" class="fa fa-expeditedssl color-icon bg-icon rounded-icon" title="expeditedssl"></a> <a href="#" class="fa fa-firefox color-icon bg-icon rounded-icon" title="firefox"></a> <a href="#" class="fa fa-fonticons color-icon bg-icon rounded-icon" title="fonticons"></a> <a href="#" class="fa fa-forumbee color-icon bg-icon rounded-icon" title="forumbee"></a> <a href="#" class="fa fa-foursquare color-icon bg-icon rounded-icon" title="foursquare"></a> <a href="#" class="fa fa-ge color-icon bg-icon rounded-icon" title="ge"></a> <a href="#" class="fa fa-get-pocket color-icon bg-icon rounded-icon" title="get-pocket"></a> <a href="#" class="fa fa-gg-circle color-icon bg-icon rounded-icon" title="gg-circle"></a> <a href="#" class="fa fa-gg color-icon bg-icon rounded-icon" title="gg"></a> <a href="#" class="fa fa-git-square color-icon bg-icon rounded-icon" title="git-square"></a> <a href="#" class="fa fa-git color-icon bg-icon rounded-icon" title="git"></a> <a href="#" class="fa fa-github-alt color-icon bg-icon rounded-icon" title="github-alt"></a> <a href="#" class="fa fa-github-square color-icon bg-icon rounded-icon" title="github-square"></a> <a href="#" class="fa fa-github color-icon bg-icon rounded-icon" title="github"></a> <a href="#" class="fa fa-gittip color-icon bg-icon rounded-icon" title="gittip"></a> <a href="#" class="fa fa-google-plus-square color-icon bg-icon rounded-icon" title="google-plus-square"></a> <a href="#" class="fa fa-google-plus color-icon bg-icon rounded-icon" title="google-plus"></a> <a href="#" class="fa fa-google-wallet color-icon bg-icon rounded-icon" title="google-wallet"></a> <a href="#" class="fa fa-hacker-news color-icon bg-icon rounded-icon" title="hacker-news"></a> <a href="#" class="fa fa-houzz color-icon bg-icon rounded-icon" title="houzz"></a> <a href="#" class="fa fa-html5 color-icon bg-icon rounded-icon" title="html5"></a> <a href="#" class="fa fa-internet-explorer color-icon bg-icon rounded-icon" title="internet-explorer"></a> <a href="#" class="fa fa-ioxhost color-icon bg-icon rounded-icon" title="ioxhost"></a> <a href="#" class="fa fa-joomla color-icon bg-icon rounded-icon" title="joomla"></a> <a href="#" class="fa fa-jsfiddle color-icon bg-icon rounded-icon" title="jsfiddle"></a> <a href="#" class="fa fa-lastfm-square color-icon bg-icon rounded-icon" title="lastfm-square"></a> <a href="#" class="fa fa-lastfm color-icon bg-icon rounded-icon" title="lastfm"></a> <a href="#" class="fa fa-leanpub color-icon bg-icon rounded-icon" title="leanpub"></a> <a href="#" class="fa fa-linkedin-square color-icon bg-icon rounded-icon" title="linkedin-square"></a> <a href="#" class="fa fa-linux color-icon bg-icon rounded-icon" title="linux"></a> <a href="#" class="fa fa-maxcdn color-icon bg-icon rounded-icon" title="maxcdn"></a> <a href="#" class="fa fa-meanpath color-icon bg-icon rounded-icon" title="meanpath"></a> <a href="#" class="fa fa-medium color-icon bg-icon rounded-icon" title="medium"></a> <a href="#" class="fa fa-odnoklassniki-square color-icon bg-icon rounded-icon" title="odnoklassniki-square"></a> <a href="#" class="fa fa-odnoklassniki color-icon bg-icon rounded-icon" title="odnoklassniki"></a> <a href="#" class="fa fa-opencart color-icon bg-icon rounded-icon" title="opencart"></a> <a href="#" class="fa fa-openid color-icon bg-icon rounded-icon" title="openid"></a> <a href="#" class="fa fa-opera color-icon bg-icon rounded-icon" title="opera"></a> <a href="#" class="fa fa-optin-monster color-icon bg-icon rounded-icon" title="optin-monster"></a> <a href="#" class="fa fa-pagelines color-icon bg-icon rounded-icon" title="pagelines"></a> <a href="#" class="fa fa-paypal color-icon bg-icon rounded-icon" title="paypal"></a> <a href="#" class="fa fa-pied-piper-alt color-icon bg-icon rounded-icon" title="pied-piper-alt"></a> <a href="#" class="fa fa-pied-piper color-icon bg-icon rounded-icon" title="pied-piper"></a> <a href="#" class="fa fa-pinterest-square color-icon bg-icon rounded-icon" title="pinterest-square"></a> <a href="#" class="fa fa-pinterest color-icon bg-icon rounded-icon" title="pinterest"></a> <a href="#" class="fa fa-qq color-icon bg-icon rounded-icon" title="qq"></a> <a href="#" class="fa fa-ra color-icon bg-icon rounded-icon" title="ra"></a> <a href="#" class="fa fa-rebel color-icon bg-icon rounded-icon" title="rebel"></a> <a href="#" class="fa fa-reddit-square color-icon bg-icon rounded-icon" title="reddit-square"></a> <a href="#" class="fa fa-reddit color-icon bg-icon rounded-icon" title="reddit"></a> <a href="#" class="fa fa-renren color-icon bg-icon rounded-icon" title="renren"></a> <a href="#" class="fa fa-safari color-icon bg-icon rounded-icon" title="safari"></a> <a href="#" class="fa fa-sellsy color-icon bg-icon rounded-icon" title="sellsy"></a> <a href="#" class="fa fa-share-alt-square color-icon bg-icon rounded-icon" title="share-alt-square"></a> <a href="#" class="fa fa-share-alt color-icon bg-icon rounded-icon" title="share-alt"></a> <a href="#" class="fa fa-shirtsinbulk color-icon bg-icon rounded-icon" title="shirtsinbulk"></a> <a href="#" class="fa fa-simplybuilt color-icon bg-icon rounded-icon" title="simplybuilt"></a> <a href="#" class="fa fa-skyatlas color-icon bg-icon rounded-icon" title="skyatlas"></a> <a href="#" class="fa fa-skype color-icon bg-icon rounded-icon" title="skype"></a> <a href="#" class="fa fa-slack color-icon bg-icon rounded-icon" title="slack"></a> <a href="#" class="fa fa-slideshare color-icon bg-icon rounded-icon" title="slideshare"></a> <a href="#" class="fa fa-spotify color-icon bg-icon rounded-icon" title="spotify"></a> <a href="#" class="fa fa-stack-exchange color-icon bg-icon rounded-icon" title="stack-exchange"></a> <a href="#" class="fa fa-stack-overflow color-icon bg-icon rounded-icon" title="stack-overflow"></a> <a href="#" class="fa fa-steam-square color-icon bg-icon rounded-icon" title="steam-square"></a> <a href="#" class="fa fa-steam color-icon bg-icon rounded-icon" title="steam"></a> <a href="#" class="fa fa-stumbleupon-circle color-icon bg-icon rounded-icon" title="stumbleupon-circle"></a> <a href="#" class="fa fa-stumbleupon color-icon bg-icon rounded-icon" title="stumbleupon"></a> <a href="#" class="fa fa-tencent-weibo color-icon bg-icon rounded-icon" title="tencent-weibo"></a> <a href="#" class="fa fa-trello color-icon bg-icon rounded-icon" title="trello"></a> <a href="#" class="fa fa-tripadvisor color-icon bg-icon rounded-icon" title="tripadvisor"></a> <a href="#" class="fa fa-tumblr-square color-icon bg-icon rounded-icon" title="tumblr-square"></a> <a href="#" class="fa fa-tumblr color-icon bg-icon rounded-icon" title="tumblr"></a> <a href="#" class="fa fa-twitch color-icon bg-icon rounded-icon" title="twitch"></a> <a href="#" class="fa fa-viacoin color-icon bg-icon rounded-icon" title="viacoin"></a> <a href="#" class="fa fa-vimeo-square color-icon bg-icon rounded-icon" title="vimeo-square"></a> <a href="#" class="fa fa-vine color-icon bg-icon rounded-icon" title="vine"></a> <a href="#" class="fa fa-vk color-icon bg-icon rounded-icon" title="vk"></a> <a href="#" class="fa fa-wechat color-icon bg-icon rounded-icon" title="wechat"></a> <a href="#" class="fa fa-weibo color-icon bg-icon rounded-icon" title="weibo"></a> <a href="#" class="fa fa-weixin color-icon bg-icon rounded-icon" title="weixin"></a> <a href="#" class="fa fa-wikipedia-w color-icon bg-icon rounded-icon" title="wikipedia-w"></a> <a href="#" class="fa fa-windows color-icon bg-icon rounded-icon" title="windows"></a> <a href="#" class="fa fa-wordpress color-icon bg-icon rounded-icon" title="wordpress"></a> <a href="#" class="fa fa-xing-square color-icon bg-icon rounded-icon" title="xing-square"></a> <a href="#" class="fa fa-xing color-icon bg-icon rounded-icon" title="xing"></a> <a href="#" class="fa fa-y-combinator color-icon bg-icon rounded-icon" title="y-combinator"></a> <a href="#" class="fa fa-yahoo color-icon bg-icon rounded-icon" title="yahoo"></a> <a href="#" class="fa fa-yc color-icon bg-icon rounded-icon" title="yc"></a> <a href="#" class="fa fa-yelp color-icon bg-icon rounded-icon" title="yelp"></a> <a href="#" class="fa fa-youtube-play color-icon bg-icon rounded-icon" title="youtube-play"></a> <a href="#" class="fa fa-youtube-square color-icon bg-icon rounded-icon" title="youtube-square"></a> <br><br> <pre><code class="html hljs"><a href=<span class="hljs-string">"#"</span> <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"fa fa-twitter color-icon bg-icon rounded-icon"</span>><span class="xml"><span class="hljs-tag"></<span class="hljs-name">a</span>></span></span></code></pre> </div> </div> </div> </section> <section class="ls s-pt-75"> <div class="container"> <div class="row"> <div class="col-md-12"> <h3>Brand background color icons</h3> <a href="#" class="fa fa-facebook color-bg-icon" title="facebook"></a> <a href="#" class="fa fa-twitter color-bg-icon" title="twitter"></a> <a href="#" class="fa fa-instagram color-bg-icon" title="instagram"></a> <a href="#" class="fa fa-linkedin color-bg-icon" title="linkedin"></a> <a href="#" class="fa fa-pinterest-p color-bg-icon" title="pinterest-p"></a> <a href="#" class="fa fa-google color-bg-icon" title="google"></a> <a href="#" class="fa fa-flickr color-bg-icon" title="flickr"></a> <a href="#" class="fa fa-youtube color-bg-icon" title="youtube"></a> <a href="#" class="fa fa-vimeo color-bg-icon" title="vimeo"></a> <a href="#" class="fa fa-share-alt color-bg-icon" title="share-alt"></a> <a href="#" class="fa fa-soundcloud color-bg-icon" title="soundcloud"></a> <a href="#" class="fa fa-facebook-official color-bg-icon" title="facebook-official"></a> <a href="#" class="fa fa-facebook-square color-bg-icon" title="facebook-square"></a> <a href="#" class="fa fa-twitter-square color-bg-icon" title="twitter-square"></a> <a href="#" class="fa fa-500px color-bg-icon" title="500px"></a> <a href="#" class="fa fa-adn color-bg-icon" title="adn"></a> <a href="#" class="fa fa-amazon color-bg-icon" title="amazon"></a> <a href="#" class="fa fa-android color-bg-icon" title="android"></a> <a href="#" class="fa fa-angellist color-bg-icon" title="angellist"></a> <a href="#" class="fa fa-apple color-bg-icon" title="apple"></a> <a href="#" class="fa fa-behance-square color-bg-icon" title="behance-square"></a> <a href="#" class="fa fa-behance color-bg-icon" title="behance"></a> <a href="#" class="fa fa-bitbucket-square color-bg-icon" title="bitbucket-square"></a> <a href="#" class="fa fa-bitbucket color-bg-icon" title="bitbucket"></a> <a href="#" class="fa fa-bitcoin color-bg-icon" title="bitcoin"></a> <a href="#" class="fa fa-black-tie color-bg-icon" title="black-tie"></a> <a href="#" class="fa fa-btc color-bg-icon" title="btc"></a> <a href="#" class="fa fa-buysellads color-bg-icon" title="buysellads"></a> <a href="#" class="fa fa-cc-amex color-bg-icon" title="cc-amex"></a> <a href="#" class="fa fa-cc-diners-club color-bg-icon" title="cc-diners-club"></a> <a href="#" class="fa fa-cc-discover color-bg-icon" title="cc-discover"></a> <a href="#" class="fa fa-cc-jcb color-bg-icon" title="cc-jcb"></a> <a href="#" class="fa fa-cc-mastercard color-bg-icon" title="cc-mastercard"></a> <a href="#" class="fa fa-cc-paypal color-bg-icon" title="cc-paypal"></a> <a href="#" class="fa fa-cc-stripe color-bg-icon" title="cc-stripe"></a> <a href="#" class="fa fa-cc-visa color-bg-icon" title="cc-visa"></a> <a href="#" class="fa fa-chrome color-bg-icon" title="chrome"></a> <a href="#" class="fa fa-codepen color-bg-icon" title="codepen"></a> <a href="#" class="fa fa-connectdevelop color-bg-icon" title="connectdevelop"></a> <a href="#" class="fa fa-contao color-bg-icon" title="contao"></a> <a href="#" class="fa fa-creative-commons color-bg-icon" title="creative-commons"></a> <a href="#" class="fa fa-css3 color-bg-icon" title="css3"></a> <a href="#" class="fa fa-dashcube color-bg-icon" title="dashcube"></a> <a href="#" class="fa fa-delicious color-bg-icon" title="delicious"></a> <a href="#" class="fa fa-deviantart color-bg-icon" title="deviantart"></a> <a href="#" class="fa fa-digg color-bg-icon" title="digg"></a> <a href="#" class="fa fa-dribbble color-bg-icon" title="dribbble"></a> <a href="#" class="fa fa-dropbox color-bg-icon" title="dropbox"></a> <a href="#" class="fa fa-drupal color-bg-icon" title="drupal"></a> <a href="#" class="fa fa-empire color-bg-icon" title="empire"></a> <a href="#" class="fa fa-expeditedssl color-bg-icon" title="expeditedssl"></a> <a href="#" class="fa fa-firefox color-bg-icon" title="firefox"></a> <a href="#" class="fa fa-fonticons color-bg-icon" title="fonticons"></a> <a href="#" class="fa fa-forumbee color-bg-icon" title="forumbee"></a> <a href="#" class="fa fa-foursquare color-bg-icon" title="foursquare"></a> <a href="#" class="fa fa-ge color-bg-icon" title="ge"></a> <a href="#" class="fa fa-get-pocket color-bg-icon" title="get-pocket"></a> <a href="#" class="fa fa-gg-circle color-bg-icon" title="gg-circle"></a> <a href="#" class="fa fa-gg color-bg-icon" title="gg"></a> <a href="#" class="fa fa-git-square color-bg-icon" title="git-square"></a> <a href="#" class="fa fa-git color-bg-icon" title="git"></a> <a href="#" class="fa fa-github-alt color-bg-icon" title="github-alt"></a> <a href="#" class="fa fa-github-square color-bg-icon" title="github-square"></a> <a href="#" class="fa fa-github color-bg-icon" title="github"></a> <a href="#" class="fa fa-gittip color-bg-icon" title="gittip"></a> <a href="#" class="fa fa-google-plus-square color-bg-icon" title="google-plus-square"></a> <a href="#" class="fa fa-google-plus color-bg-icon" title="google-plus"></a> <a href="#" class="fa fa-google-wallet color-bg-icon" title="google-wallet"></a> <a href="#" class="fa fa-hacker-news color-bg-icon" title="hacker-news"></a> <a href="#" class="fa fa-houzz color-bg-icon" title="houzz"></a> <a href="#" class="fa fa-html5 color-bg-icon" title="html5"></a> <a href="#" class="fa fa-internet-explorer color-bg-icon" title="internet-explorer"></a> <a href="#" class="fa fa-ioxhost color-bg-icon" title="ioxhost"></a> <a href="#" class="fa fa-joomla color-bg-icon" title="joomla"></a> <a href="#" class="fa fa-jsfiddle color-bg-icon" title="jsfiddle"></a> <a href="#" class="fa fa-lastfm-square color-bg-icon" title="lastfm-square"></a> <a href="#" class="fa fa-lastfm color-bg-icon" title="lastfm"></a> <a href="#" class="fa fa-leanpub color-bg-icon" title="leanpub"></a> <a href="#" class="fa fa-linkedin-square color-bg-icon" title="linkedin-square"></a> <a href="#" class="fa fa-linux color-bg-icon" title="linux"></a> <a href="#" class="fa fa-maxcdn color-bg-icon" title="maxcdn"></a> <a href="#" class="fa fa-meanpath color-bg-icon" title="meanpath"></a> <a href="#" class="fa fa-medium color-bg-icon" title="medium"></a> <a href="#" class="fa fa-odnoklassniki-square color-bg-icon" title="odnoklassniki-square"></a> <a href="#" class="fa fa-odnoklassniki color-bg-icon" title="odnoklassniki"></a> <a href="#" class="fa fa-opencart color-bg-icon" title="opencart"></a> <a href="#" class="fa fa-openid color-bg-icon" title="openid"></a> <a href="#" class="fa fa-opera color-bg-icon" title="opera"></a> <a href="#" class="fa fa-optin-monster color-bg-icon" title="optin-monster"></a> <a href="#" class="fa fa-pagelines color-bg-icon" title="pagelines"></a> <a href="#" class="fa fa-paypal color-bg-icon" title="paypal"></a> <a href="#" class="fa fa-pied-piper-alt color-bg-icon" title="pied-piper-alt"></a> <a href="#" class="fa fa-pied-piper color-bg-icon" title="pied-piper"></a> <a href="#" class="fa fa-pinterest-square color-bg-icon" title="pinterest-square"></a> <a href="#" class="fa fa-pinterest color-bg-icon" title="pinterest"></a> <a href="#" class="fa fa-qq color-bg-icon" title="qq"></a> <a href="#" class="fa fa-ra color-bg-icon" title="ra"></a> <a href="#" class="fa fa-rebel color-bg-icon" title="rebel"></a> <a href="#" class="fa fa-reddit-square color-bg-icon" title="reddit-square"></a> <a href="#" class="fa fa-reddit color-bg-icon" title="reddit"></a> <a href="#" class="fa fa-renren color-bg-icon" title="renren"></a> <a href="#" class="fa fa-safari color-bg-icon" title="safari"></a> <a href="#" class="fa fa-sellsy color-bg-icon" title="sellsy"></a> <a href="#" class="fa fa-share-alt-square color-bg-icon" title="share-alt-square"></a> <a href="#" class="fa fa-share-alt color-bg-icon" title="share-alt"></a> <a href="#" class="fa fa-shirtsinbulk color-bg-icon" title="shirtsinbulk"></a> <a href="#" class="fa fa-simplybuilt color-bg-icon" title="simplybuilt"></a> <a href="#" class="fa fa-skyatlas color-bg-icon" title="skyatlas"></a> <a href="#" class="fa fa-skype color-bg-icon" title="skype"></a> <a href="#" class="fa fa-slack color-bg-icon" title="slack"></a> <a href="#" class="fa fa-slideshare color-bg-icon" title="slideshare"></a> <a href="#" class="fa fa-spotify color-bg-icon" title="spotify"></a> <a href="#" class="fa fa-stack-exchange color-bg-icon" title="stack-exchange"></a> <a href="#" class="fa fa-stack-overflow color-bg-icon" title="stack-overflow"></a> <a href="#" class="fa fa-steam-square color-bg-icon" title="steam-square"></a> <a href="#" class="fa fa-steam color-bg-icon" title="steam"></a> <a href="#" class="fa fa-stumbleupon-circle color-bg-icon" title="stumbleupon-circle"></a> <a href="#" class="fa fa-stumbleupon color-bg-icon" title="stumbleupon"></a> <a href="#" class="fa fa-tencent-weibo color-bg-icon" title="tencent-weibo"></a> <a href="#" class="fa fa-trello color-bg-icon" title="trello"></a> <a href="#" class="fa fa-tripadvisor color-bg-icon" title="tripadvisor"></a> <a href="#" class="fa fa-tumblr-square color-bg-icon" title="tumblr-square"></a> <a href="#" class="fa fa-tumblr color-bg-icon" title="tumblr"></a> <a href="#" class="fa fa-twitch color-bg-icon" title="twitch"></a> <a href="#" class="fa fa-viacoin color-bg-icon" title="viacoin"></a> <a href="#" class="fa fa-vimeo-square color-bg-icon" title="vimeo-square"></a> <a href="#" class="fa fa-vine color-bg-icon" title="vine"></a> <a href="#" class="fa fa-vk color-bg-icon" title="vk"></a> <a href="#" class="fa fa-wechat color-bg-icon" title="wechat"></a> <a href="#" class="fa fa-weibo color-bg-icon" title="weibo"></a> <a href="#" class="fa fa-weixin color-bg-icon" title="weixin"></a> <a href="#" class="fa fa-wikipedia-w color-bg-icon" title="wikipedia-w"></a> <a href="#" class="fa fa-windows color-bg-icon" title="windows"></a> <a href="#" class="fa fa-wordpress color-bg-icon" title="wordpress"></a> <a href="#" class="fa fa-xing-square color-bg-icon" title="xing-square"></a> <a href="#" class="fa fa-xing color-bg-icon" title="xing"></a> <a href="#" class="fa fa-y-combinator color-bg-icon" title="y-combinator"></a> <a href="#" class="fa fa-yahoo color-bg-icon" title="yahoo"></a> <a href="#" class="fa fa-yc color-bg-icon" title="yc"></a> <a href="#" class="fa fa-yelp color-bg-icon" title="yelp"></a> <a href="#" class="fa fa-youtube-play color-bg-icon" title="youtube-play"></a> <a href="#" class="fa fa-youtube-square color-bg-icon" title="youtube-square"></a> <br><br> <pre><code class="html hljs"><a href=<span class="hljs-string">"#"</span> <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"fa fa-twitter color-bg-icon"</span>><span class="xml"><span class="hljs-tag"></<span class="hljs-name">a</span>></span></span></code></pre> </div> </div> </div> </section> <section class="ls s-pt-75"> <div class="container"> <div class="row"> <div class="col-md-12"> <h3>Brand background color rounded icons</h3> <a href="#" class="fa fa-facebook color-bg-icon rounded" title="facebook"></a> <a href="#" class="fa fa-twitter color-bg-icon rounded" title="twitter"></a> <a href="#" class="fa fa-instagram color-bg-icon rounded" title="instagram"></a> <a href="#" class="fa fa-linkedin color-bg-icon rounded" title="linkedin"></a> <a href="#" class="fa fa-pinterest-p color-bg-icon rounded" title="pinterest-p"></a> <a href="#" class="fa fa-google color-bg-icon rounded" title="google"></a> <a href="#" class="fa fa-flickr color-bg-icon rounded" title="flickr"></a> <a href="#" class="fa fa-youtube color-bg-icon rounded" title="youtube"></a> <a href="#" class="fa fa-vimeo color-bg-icon rounded" title="vimeo"></a> <a href="#" class="fa fa-share-alt color-bg-icon rounded" title="share-alt"></a> <a href="#" class="fa fa-soundcloud color-bg-icon rounded" title="soundcloud"></a> <a href="#" class="fa fa-facebook-official color-bg-icon rounded" title="facebook-official"></a> <a href="#" class="fa fa-facebook-square color-bg-icon rounded" title="facebook-square"></a> <a href="#" class="fa fa-twitter-square color-bg-icon rounded" title="twitter-square"></a> <a href="#" class="fa fa-500px color-bg-icon rounded" title="500px"></a> <a href="#" class="fa fa-adn color-bg-icon rounded" title="adn"></a> <a href="#" class="fa fa-amazon color-bg-icon rounded" title="amazon"></a> <a href="#" class="fa fa-android color-bg-icon rounded" title="android"></a> <a href="#" class="fa fa-angellist color-bg-icon rounded" title="angellist"></a> <a href="#" class="fa fa-apple color-bg-icon rounded" title="apple"></a> <a href="#" class="fa fa-behance-square color-bg-icon rounded" title="behance-square"></a> <a href="#" class="fa fa-behance color-bg-icon rounded" title="behance"></a> <a href="#" class="fa fa-bitbucket-square color-bg-icon rounded" title="bitbucket-square"></a> <a href="#" class="fa fa-bitbucket color-bg-icon rounded" title="bitbucket"></a> <a href="#" class="fa fa-bitcoin color-bg-icon rounded" title="bitcoin"></a> <a href="#" class="fa fa-black-tie color-bg-icon rounded" title="black-tie"></a> <a href="#" class="fa fa-btc color-bg-icon rounded" title="btc"></a> <a href="#" class="fa fa-buysellads color-bg-icon rounded" title="buysellads"></a> <a href="#" class="fa fa-cc-amex color-bg-icon rounded" title="cc-amex"></a> <a href="#" class="fa fa-cc-diners-club color-bg-icon rounded" title="cc-diners-club"></a> <a href="#" class="fa fa-cc-discover color-bg-icon rounded" title="cc-discover"></a> <a href="#" class="fa fa-cc-jcb color-bg-icon rounded" title="cc-jcb"></a> <a href="#" class="fa fa-cc-mastercard color-bg-icon rounded" title="cc-mastercard"></a> <a href="#" class="fa fa-cc-paypal color-bg-icon rounded" title="cc-paypal"></a> <a href="#" class="fa fa-cc-stripe color-bg-icon rounded" title="cc-stripe"></a> <a href="#" class="fa fa-cc-visa color-bg-icon rounded" title="cc-visa"></a> <a href="#" class="fa fa-chrome color-bg-icon rounded" title="chrome"></a> <a href="#" class="fa fa-codepen color-bg-icon rounded" title="codepen"></a> <a href="#" class="fa fa-connectdevelop color-bg-icon rounded" title="connectdevelop"></a> <a href="#" class="fa fa-contao color-bg-icon rounded" title="contao"></a> <a href="#" class="fa fa-creative-commons color-bg-icon rounded" title="creative-commons"></a> <a href="#" class="fa fa-css3 color-bg-icon rounded" title="css3"></a> <a href="#" class="fa fa-dashcube color-bg-icon rounded" title="dashcube"></a> <a href="#" class="fa fa-delicious color-bg-icon rounded" title="delicious"></a> <a href="#" class="fa fa-deviantart color-bg-icon rounded" title="deviantart"></a> <a href="#" class="fa fa-digg color-bg-icon rounded" title="digg"></a> <a href="#" class="fa fa-dribbble color-bg-icon rounded" title="dribbble"></a> <a href="#" class="fa fa-dropbox color-bg-icon rounded" title="dropbox"></a> <a href="#" class="fa fa-drupal color-bg-icon rounded" title="drupal"></a> <a href="#" class="fa fa-empire color-bg-icon rounded" title="empire"></a> <a href="#" class="fa fa-expeditedssl color-bg-icon rounded" title="expeditedssl"></a> <a href="#" class="fa fa-firefox color-bg-icon rounded" title="firefox"></a> <a href="#" class="fa fa-fonticons color-bg-icon rounded" title="fonticons"></a> <a href="#" class="fa fa-forumbee color-bg-icon rounded" title="forumbee"></a> <a href="#" class="fa fa-foursquare color-bg-icon rounded" title="foursquare"></a> <a href="#" class="fa fa-ge color-bg-icon rounded" title="ge"></a> <a href="#" class="fa fa-get-pocket color-bg-icon rounded" title="get-pocket"></a> <a href="#" class="fa fa-gg-circle color-bg-icon rounded" title="gg-circle"></a> <a href="#" class="fa fa-gg color-bg-icon rounded" title="gg"></a> <a href="#" class="fa fa-git-square color-bg-icon rounded" title="git-square"></a> <a href="#" class="fa fa-git color-bg-icon rounded" title="git"></a> <a href="#" class="fa fa-github-alt color-bg-icon rounded" title="github-alt"></a> <a href="#" class="fa fa-github-square color-bg-icon rounded" title="github-square"></a> <a href="#" class="fa fa-github color-bg-icon rounded" title="github"></a> <a href="#" class="fa fa-gittip color-bg-icon rounded" title="gittip"></a> <a href="#" class="fa fa-google-plus-square color-bg-icon rounded" title="google-plus-square"></a> <a href="#" class="fa fa-google-plus color-bg-icon rounded" title="google-plus"></a> <a href="#" class="fa fa-google-wallet color-bg-icon rounded" title="google-wallet"></a> <a href="#" class="fa fa-hacker-news color-bg-icon rounded" title="hacker-news"></a> <a href="#" class="fa fa-houzz color-bg-icon rounded" title="houzz"></a> <a href="#" class="fa fa-html5 color-bg-icon rounded" title="html5"></a> <a href="#" class="fa fa-internet-explorer color-bg-icon rounded" title="internet-explorer"></a> <a href="#" class="fa fa-ioxhost color-bg-icon rounded" title="ioxhost"></a> <a href="#" class="fa fa-joomla color-bg-icon rounded" title="joomla"></a> <a href="#" class="fa fa-jsfiddle color-bg-icon rounded" title="jsfiddle"></a> <a href="#" class="fa fa-lastfm-square color-bg-icon rounded" title="lastfm-square"></a> <a href="#" class="fa fa-lastfm color-bg-icon rounded" title="lastfm"></a> <a href="#" class="fa fa-leanpub color-bg-icon rounded" title="leanpub"></a> <a href="#" class="fa fa-linkedin-square color-bg-icon rounded" title="linkedin-square"></a> <a href="#" class="fa fa-linux color-bg-icon rounded" title="linux"></a> <a href="#" class="fa fa-maxcdn color-bg-icon rounded" title="maxcdn"></a> <a href="#" class="fa fa-meanpath color-bg-icon rounded" title="meanpath"></a> <a href="#" class="fa fa-medium color-bg-icon rounded" title="medium"></a> <a href="#" class="fa fa-odnoklassniki-square color-bg-icon rounded" title="odnoklassniki-square"></a> <a href="#" class="fa fa-odnoklassniki color-bg-icon rounded" title="odnoklassniki"></a> <a href="#" class="fa fa-opencart color-bg-icon rounded" title="opencart"></a> <a href="#" class="fa fa-openid color-bg-icon rounded" title="openid"></a> <a href="#" class="fa fa-opera color-bg-icon rounded" title="opera"></a> <a href="#" class="fa fa-optin-monster color-bg-icon rounded" title="optin-monster"></a> <a href="#" class="fa fa-pagelines color-bg-icon rounded" title="pagelines"></a> <a href="#" class="fa fa-paypal color-bg-icon rounded" title="paypal"></a> <a href="#" class="fa fa-pied-piper-alt color-bg-icon rounded" title="pied-piper-alt"></a> <a href="#" class="fa fa-pied-piper color-bg-icon rounded" title="pied-piper"></a> <a href="#" class="fa fa-pinterest-square color-bg-icon rounded" title="pinterest-square"></a> <a href="#" class="fa fa-pinterest color-bg-icon rounded" title="pinterest"></a> <a href="#" class="fa fa-qq color-bg-icon rounded" title="qq"></a> <a href="#" class="fa fa-ra color-bg-icon rounded" title="ra"></a> <a href="#" class="fa fa-rebel color-bg-icon rounded" title="rebel"></a> <a href="#" class="fa fa-reddit-square color-bg-icon rounded" title="reddit-square"></a> <a href="#" class="fa fa-reddit color-bg-icon rounded" title="reddit"></a> <a href="#" class="fa fa-renren color-bg-icon rounded" title="renren"></a> <a href="#" class="fa fa-safari color-bg-icon rounded" title="safari"></a> <a href="#" class="fa fa-sellsy color-bg-icon rounded" title="sellsy"></a> <a href="#" class="fa fa-share-alt-square color-bg-icon rounded" title="share-alt-square"></a> <a href="#" class="fa fa-share-alt color-bg-icon rounded" title="share-alt"></a> <a href="#" class="fa fa-shirtsinbulk color-bg-icon rounded" title="shirtsinbulk"></a> <a href="#" class="fa fa-simplybuilt color-bg-icon rounded" title="simplybuilt"></a> <a href="#" class="fa fa-skyatlas color-bg-icon rounded" title="skyatlas"></a> <a href="#" class="fa fa-skype color-bg-icon rounded" title="skype"></a> <a href="#" class="fa fa-slack color-bg-icon rounded" title="slack"></a> <a href="#" class="fa fa-slideshare color-bg-icon rounded" title="slideshare"></a> <a href="#" class="fa fa-spotify color-bg-icon rounded" title="spotify"></a> <a href="#" class="fa fa-stack-exchange color-bg-icon rounded" title="stack-exchange"></a> <a href="#" class="fa fa-stack-overflow color-bg-icon rounded" title="stack-overflow"></a> <a href="#" class="fa fa-steam-square color-bg-icon rounded" title="steam-square"></a> <a href="#" class="fa fa-steam color-bg-icon rounded" title="steam"></a> <a href="#" class="fa fa-stumbleupon-circle color-bg-icon rounded" title="stumbleupon-circle"></a> <a href="#" class="fa fa-stumbleupon color-bg-icon rounded" title="stumbleupon"></a> <a href="#" class="fa fa-tencent-weibo color-bg-icon rounded" title="tencent-weibo"></a> <a href="#" class="fa fa-trello color-bg-icon rounded" title="trello"></a> <a href="#" class="fa fa-tripadvisor color-bg-icon rounded" title="tripadvisor"></a> <a href="#" class="fa fa-tumblr-square color-bg-icon rounded" title="tumblr-square"></a> <a href="#" class="fa fa-tumblr color-bg-icon rounded" title="tumblr"></a> <a href="#" class="fa fa-twitch color-bg-icon rounded" title="twitch"></a> <a href="#" class="fa fa-viacoin color-bg-icon rounded" title="viacoin"></a> <a href="#" class="fa fa-vimeo-square color-bg-icon rounded" title="vimeo-square"></a> <a href="#" class="fa fa-vine color-bg-icon rounded" title="vine"></a> <a href="#" class="fa fa-vk color-bg-icon rounded" title="vk"></a> <a href="#" class="fa fa-wechat color-bg-icon rounded" title="wechat"></a> <a href="#" class="fa fa-weibo color-bg-icon rounded" title="weibo"></a> <a href="#" class="fa fa-weixin color-bg-icon rounded" title="weixin"></a> <a href="#" class="fa fa-wikipedia-w color-bg-icon rounded" title="wikipedia-w"></a> <a href="#" class="fa fa-windows color-bg-icon rounded" title="windows"></a> <a href="#" class="fa fa-wordpress color-bg-icon rounded" title="wordpress"></a> <a href="#" class="fa fa-xing-square color-bg-icon rounded" title="xing-square"></a> <a href="#" class="fa fa-xing color-bg-icon rounded" title="xing"></a> <a href="#" class="fa fa-y-combinator color-bg-icon rounded" title="y-combinator"></a> <a href="#" class="fa fa-yahoo color-bg-icon rounded" title="yahoo"></a> <a href="#" class="fa fa-yc color-bg-icon rounded" title="yc"></a> <a href="#" class="fa fa-yelp color-bg-icon rounded" title="yelp"></a> <a href="#" class="fa fa-youtube-play color-bg-icon rounded" title="youtube-play"></a> <a href="#" class="fa fa-youtube-square color-bg-icon rounded" title="youtube-square"></a> <br><br> <pre><code class="html hljs"><a href=<span class="hljs-string">"#"</span> <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"fa fa-twitter color-bg-icon rounded"</span>><span class="xml"><span class="hljs-tag"></<span class="hljs-name">a</span>></span></span></code></pre> </div> </div> </div> </section> <section class="ls s-pt-75 s-pb-75"> <div class="container"> <div class="row"> <div class="col-md-12"> <h3>Brand background color round icons</h3> <a href="#" class="fa fa-facebook color-bg-icon rounded-icon" title="facebook"></a> <a href="#" class="fa fa-twitter color-bg-icon rounded-icon" title="twitter"></a> <a href="#" class="fa fa-instagram color-bg-icon rounded-icon" title="instagram"></a> <a href="#" class="fa fa-linkedin color-bg-icon rounded-icon" title="linkedin"></a> <a href="#" class="fa fa-pinterest-p color-bg-icon rounded-icon" title="pinterest-p"></a> <a href="#" class="fa fa-google color-bg-icon rounded-icon" title="google"></a> <a href="#" class="fa fa-flickr color-bg-icon rounded-icon" title="flickr"></a> <a href="#" class="fa fa-youtube color-bg-icon rounded-icon" title="youtube"></a> <a href="#" class="fa fa-vimeo color-bg-icon rounded-icon" title="vimeo"></a> <a href="#" class="fa fa-share-alt color-bg-icon rounded-icon" title="share-alt"></a> <a href="#" class="fa fa-soundcloud color-bg-icon rounded-icon" title="soundcloud"></a> <a href="#" class="fa fa-facebook-official color-bg-icon rounded-icon" title="facebook-official"></a> <a href="#" class="fa fa-facebook-square color-bg-icon rounded-icon" title="facebook-square"></a> <a href="#" class="fa fa-twitter-square color-bg-icon rounded-icon" title="twitter-square"></a> <a href="#" class="fa fa-500px color-bg-icon rounded-icon" title="500px"></a> <a href="#" class="fa fa-adn color-bg-icon rounded-icon" title="adn"></a> <a href="#" class="fa fa-amazon color-bg-icon rounded-icon" title="amazon"></a> <a href="#" class="fa fa-android color-bg-icon rounded-icon" title="android"></a> <a href="#" class="fa fa-angellist color-bg-icon rounded-icon" title="angellist"></a> <a href="#" class="fa fa-apple color-bg-icon rounded-icon" title="apple"></a> <a href="#" class="fa fa-behance-square color-bg-icon rounded-icon" title="behance-square"></a> <a href="#" class="fa fa-behance color-bg-icon rounded-icon" title="behance"></a> <a href="#" class="fa fa-bitbucket-square color-bg-icon rounded-icon" title="bitbucket-square"></a> <a href="#" class="fa fa-bitbucket color-bg-icon rounded-icon" title="bitbucket"></a> <a href="#" class="fa fa-bitcoin color-bg-icon rounded-icon" title="bitcoin"></a> <a href="#" class="fa fa-black-tie color-bg-icon rounded-icon" title="black-tie"></a> <a href="#" class="fa fa-btc color-bg-icon rounded-icon" title="btc"></a> <a href="#" class="fa fa-buysellads color-bg-icon rounded-icon" title="buysellads"></a> <a href="#" class="fa fa-cc-amex color-bg-icon rounded-icon" title="cc-amex"></a> <a href="#" class="fa fa-cc-diners-club color-bg-icon rounded-icon" title="cc-diners-club"></a> <a href="#" class="fa fa-cc-discover color-bg-icon rounded-icon" title="cc-discover"></a> <a href="#" class="fa fa-cc-jcb color-bg-icon rounded-icon" title="cc-jcb"></a> <a href="#" class="fa fa-cc-mastercard color-bg-icon rounded-icon" title="cc-mastercard"></a> <a href="#" class="fa fa-cc-paypal color-bg-icon rounded-icon" title="cc-paypal"></a> <a href="#" class="fa fa-cc-stripe color-bg-icon rounded-icon" title="cc-stripe"></a> <a href="#" class="fa fa-cc-visa color-bg-icon rounded-icon" title="cc-visa"></a> <a href="#" class="fa fa-chrome color-bg-icon rounded-icon" title="chrome"></a> <a href="#" class="fa fa-codepen color-bg-icon rounded-icon" title="codepen"></a> <a href="#" class="fa fa-connectdevelop color-bg-icon rounded-icon" title="connectdevelop"></a> <a href="#" class="fa fa-contao color-bg-icon rounded-icon" title="contao"></a> <a href="#" class="fa fa-creative-commons color-bg-icon rounded-icon" title="creative-commons"></a> <a href="#" class="fa fa-css3 color-bg-icon rounded-icon" title="css3"></a> <a href="#" class="fa fa-dashcube color-bg-icon rounded-icon" title="dashcube"></a> <a href="#" class="fa fa-delicious color-bg-icon rounded-icon" title="delicious"></a> <a href="#" class="fa fa-deviantart color-bg-icon rounded-icon" title="deviantart"></a> <a href="#" class="fa fa-digg color-bg-icon rounded-icon" title="digg"></a> <a href="#" class="fa fa-dribbble color-bg-icon rounded-icon" title="dribbble"></a> <a href="#" class="fa fa-dropbox color-bg-icon rounded-icon" title="dropbox"></a> <a href="#" class="fa fa-drupal color-bg-icon rounded-icon" title="drupal"></a> <a href="#" class="fa fa-empire color-bg-icon rounded-icon" title="empire"></a> <a href="#" class="fa fa-expeditedssl color-bg-icon rounded-icon" title="expeditedssl"></a> <a href="#" class="fa fa-firefox color-bg-icon rounded-icon" title="firefox"></a> <a href="#" class="fa fa-fonticons color-bg-icon rounded-icon" title="fonticons"></a> <a href="#" class="fa fa-forumbee color-bg-icon rounded-icon" title="forumbee"></a> <a href="#" class="fa fa-foursquare color-bg-icon rounded-icon" title="foursquare"></a> <a href="#" class="fa fa-ge color-bg-icon rounded-icon" title="ge"></a> <a href="#" class="fa fa-get-pocket color-bg-icon rounded-icon" title="get-pocket"></a> <a href="#" class="fa fa-gg-circle color-bg-icon rounded-icon" title="gg-circle"></a> <a href="#" class="fa fa-gg color-bg-icon rounded-icon" title="gg"></a> <a href="#" class="fa fa-git-square color-bg-icon rounded-icon" title="git-square"></a> <a href="#" class="fa fa-git color-bg-icon rounded-icon" title="git"></a> <a href="#" class="fa fa-github-alt color-bg-icon rounded-icon" title="github-alt"></a> <a href="#" class="fa fa-github-square color-bg-icon rounded-icon" title="github-square"></a> <a href="#" class="fa fa-github color-bg-icon rounded-icon" title="github"></a> <a href="#" class="fa fa-gittip color-bg-icon rounded-icon" title="gittip"></a> <a href="#" class="fa fa-google-plus-square color-bg-icon rounded-icon" title="google-plus-square"></a> <a href="#" class="fa fa-google-plus color-bg-icon rounded-icon" title="google-plus"></a> <a href="#" class="fa fa-google-wallet color-bg-icon rounded-icon" title="google-wallet"></a> <a href="#" class="fa fa-hacker-news color-bg-icon rounded-icon" title="hacker-news"></a> <a href="#" class="fa fa-houzz color-bg-icon rounded-icon" title="houzz"></a> <a href="#" class="fa fa-html5 color-bg-icon rounded-icon" title="html5"></a> <a href="#" class="fa fa-internet-explorer color-bg-icon rounded-icon" title="internet-explorer"></a> <a href="#" class="fa fa-ioxhost color-bg-icon rounded-icon" title="ioxhost"></a> <a href="#" class="fa fa-joomla color-bg-icon rounded-icon" title="joomla"></a> <a href="#" class="fa fa-jsfiddle color-bg-icon rounded-icon" title="jsfiddle"></a> <a href="#" class="fa fa-lastfm-square color-bg-icon rounded-icon" title="lastfm-square"></a> <a href="#" class="fa fa-lastfm color-bg-icon rounded-icon" title="lastfm"></a> <a href="#" class="fa fa-leanpub color-bg-icon rounded-icon" title="leanpub"></a> <a href="#" class="fa fa-linkedin-square color-bg-icon rounded-icon" title="linkedin-square"></a> <a href="#" class="fa fa-linux color-bg-icon rounded-icon" title="linux"></a> <a href="#" class="fa fa-maxcdn color-bg-icon rounded-icon" title="maxcdn"></a> <a href="#" class="fa fa-meanpath color-bg-icon rounded-icon" title="meanpath"></a> <a href="#" class="fa fa-medium color-bg-icon rounded-icon" title="medium"></a> <a href="#" class="fa fa-odnoklassniki-square color-bg-icon rounded-icon" title="odnoklassniki-square"></a> <a href="#" class="fa fa-odnoklassniki color-bg-icon rounded-icon" title="odnoklassniki"></a> <a href="#" class="fa fa-opencart color-bg-icon rounded-icon" title="opencart"></a> <a href="#" class="fa fa-openid color-bg-icon rounded-icon" title="openid"></a> <a href="#" class="fa fa-opera color-bg-icon rounded-icon" title="opera"></a> <a href="#" class="fa fa-optin-monster color-bg-icon rounded-icon" title="optin-monster"></a> <a href="#" class="fa fa-pagelines color-bg-icon rounded-icon" title="pagelines"></a> <a href="#" class="fa fa-paypal color-bg-icon rounded-icon" title="paypal"></a> <a href="#" class="fa fa-pied-piper-alt color-bg-icon rounded-icon" title="pied-piper-alt"></a> <a href="#" class="fa fa-pied-piper color-bg-icon rounded-icon" title="pied-piper"></a> <a href="#" class="fa fa-pinterest-square color-bg-icon rounded-icon" title="pinterest-square"></a> <a href="#" class="fa fa-pinterest color-bg-icon rounded-icon" title="pinterest"></a> <a href="#" class="fa fa-qq color-bg-icon rounded-icon" title="qq"></a> <a href="#" class="fa fa-ra color-bg-icon rounded-icon" title="ra"></a> <a href="#" class="fa fa-rebel color-bg-icon rounded-icon" title="rebel"></a> <a href="#" class="fa fa-reddit-square color-bg-icon rounded-icon" title="reddit-square"></a> <a href="#" class="fa fa-reddit color-bg-icon rounded-icon" title="reddit"></a> <a href="#" class="fa fa-renren color-bg-icon rounded-icon" title="renren"></a> <a href="#" class="fa fa-safari color-bg-icon rounded-icon" title="safari"></a> <a href="#" class="fa fa-sellsy color-bg-icon rounded-icon" title="sellsy"></a> <a href="#" class="fa fa-share-alt-square color-bg-icon rounded-icon" title="share-alt-square"></a> <a href="#" class="fa fa-share-alt color-bg-icon rounded-icon" title="share-alt"></a> <a href="#" class="fa fa-shirtsinbulk color-bg-icon rounded-icon" title="shirtsinbulk"></a> <a href="#" class="fa fa-simplybuilt color-bg-icon rounded-icon" title="simplybuilt"></a> <a href="#" class="fa fa-skyatlas color-bg-icon rounded-icon" title="skyatlas"></a> <a href="#" class="fa fa-skype color-bg-icon rounded-icon" title="skype"></a> <a href="#" class="fa fa-slack color-bg-icon rounded-icon" title="slack"></a> <a href="#" class="fa fa-slideshare color-bg-icon rounded-icon" title="slideshare"></a> <a href="#" class="fa fa-spotify color-bg-icon rounded-icon" title="spotify"></a> <a href="#" class="fa fa-stack-exchange color-bg-icon rounded-icon" title="stack-exchange"></a> <a href="#" class="fa fa-stack-overflow color-bg-icon rounded-icon" title="stack-overflow"></a> <a href="#" class="fa fa-steam-square color-bg-icon rounded-icon" title="steam-square"></a> <a href="#" class="fa fa-steam color-bg-icon rounded-icon" title="steam"></a> <a href="#" class="fa fa-stumbleupon-circle color-bg-icon rounded-icon" title="stumbleupon-circle"></a> <a href="#" class="fa fa-stumbleupon color-bg-icon rounded-icon" title="stumbleupon"></a> <a href="#" class="fa fa-tencent-weibo color-bg-icon rounded-icon" title="tencent-weibo"></a> <a href="#" class="fa fa-trello color-bg-icon rounded-icon" title="trello"></a> <a href="#" class="fa fa-tripadvisor color-bg-icon rounded-icon" title="tripadvisor"></a> <a href="#" class="fa fa-tumblr-square color-bg-icon rounded-icon" title="tumblr-square"></a> <a href="#" class="fa fa-tumblr color-bg-icon rounded-icon" title="tumblr"></a> <a href="#" class="fa fa-twitch color-bg-icon rounded-icon" title="twitch"></a> <a href="#" class="fa fa-viacoin color-bg-icon rounded-icon" title="viacoin"></a> <a href="#" class="fa fa-vimeo-square color-bg-icon rounded-icon" title="vimeo-square"></a> <a href="#" class="fa fa-vine color-bg-icon rounded-icon" title="vine"></a> <a href="#" class="fa fa-vk color-bg-icon rounded-icon" title="vk"></a> <a href="#" class="fa fa-wechat color-bg-icon rounded-icon" title="wechat"></a> <a href="#" class="fa fa-weibo color-bg-icon rounded-icon" title="weibo"></a> <a href="#" class="fa fa-weixin color-bg-icon rounded-icon" title="weixin"></a> <a href="#" class="fa fa-wikipedia-w color-bg-icon rounded-icon" title="wikipedia-w"></a> <a href="#" class="fa fa-windows color-bg-icon rounded-icon" title="windows"></a> <a href="#" class="fa fa-wordpress color-bg-icon rounded-icon" title="wordpress"></a> <a href="#" class="fa fa-xing-square color-bg-icon rounded-icon" title="xing-square"></a> <a href="#" class="fa fa-xing color-bg-icon rounded-icon" title="xing"></a> <a href="#" class="fa fa-y-combinator color-bg-icon rounded-icon" title="y-combinator"></a> <a href="#" class="fa fa-yahoo color-bg-icon rounded-icon" title="yahoo"></a> <a href="#" class="fa fa-yc color-bg-icon rounded-icon" title="yc"></a> <a href="#" class="fa fa-yelp color-bg-icon rounded-icon" title="yelp"></a> <a href="#" class="fa fa-youtube-play color-bg-icon rounded-icon" title="youtube-play"></a> <a href="#" class="fa fa-youtube-square color-bg-icon rounded-icon" title="youtube-square"></a> <br><br> <pre><code class="html hljs"><a href=<span class="hljs-string">"#"</span> <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"fa fa-twitter color-bg-icon rounded-icon"</span>><span class="xml"><span class="hljs-tag"></<span class="hljs-name">a</span>></span></span></code></pre> </div> </div> </div> </section> <!--end of light background section--> <footer class="page_footer ds s-pt-77 s-pb-60 c-gutter-60"> <div class="container"> <div class="row"> <div class="divider-20 d-none d-xl-block"></div> <div class="col-md-6 col-xl-4 animate" data-animation="fadeInUp"> <div class="widget widget_text "> <img src="images/logo.png" alt=""> <p>The Leader in Defensive Driving, Traffic School & Drivers Education for both Teens and Adults.</p> <p class="copyright"><i>Example.com Copyright <span class="copyright_year">©2019</span></i></p> </div> </div> <div class="col-md-6 col-xl-2 animate" data-animation="fadeInUp"> <div class="widget widget_working_hours"> <h3>Company</h3> <ul class="list-not-style"> <li> <a href="#">About us</a> </li> <li> <a href="#">Courses</a> </li> <li> <a href="#">Instructors</a> </li> <li> <a href="#">Pricing</a> </li> <li> <a href="#">Contact us</a> </li> </ul> </div> </div> <div class="col-md-6 col-xl-3 animate" data-animation="fadeInUp"> <div class="widget widget_icons_list"> <h3>Contacts</h3> <div class="media side-icon-box"> <div class="icon-styled color-main fs-14"> <i class="ico icon-facebook-placeholder-for-locate-places-on-maps"></i> </div> <p class="media-body">USA, 3280 Cabell Avenue Alexandria, VA 22301</p> </div> <div class="media side-icon-box"> <div class="icon-styled color-main fs-14"> <i class="ico icon-phone-receiver"></i> </div> <p class="media-body">Tel.: +1 703-518-6099</p> </div> <div class="media side-icon-box"> <div class="icon-styled color-main fs-14"> <i class="fa fa-envelope"></i> </div> <p class="media-body"> <a href="#"><span class="__cf_email__" data-cfemail="157c7b737a5560666160717c3b767a78">[email protected]</span></a> </p> </div> </div> </div> <div class="col-md-6 col-xl-3 animate" data-animation="fadeInUp"> <div class="widget widget_mailchimp"> <h3 class="widget-title">Subscribe</h3> <p> Get latest updates and offers </p> <form class="signup" action="https://html.modernwebtemplates.com/"> <label for="mailchimp_email"> <span class="screen-reader-text">Subscribe:</span> </label> <input id="mailchimp_email" name="email" type="email" class="form-control mailchimp_email" placeholder="Enter Your E-mail"> <button type="submit" class="search-submit"> <span class="screen-reader-text">Subscribe</span> </button> <div class="response"></div> </form> </div> <div class="row c-gutter-30"> <div class="col-sm-12 col-xl-6"> <a href="#" class="fa fa-facebook" title="facebook"><span>facebook</span></a> <a href="#" class="fa fa-twitter" title="twitter"><span>twitter</span></a> </div> <div class="col-sm-12 col-xl-6"> <a href="#" class="fab fa-linkedin-in" title="linkedin"><span>linkedin</span></a> <a href="#" class="fa fa-google" title="google"><span>google</span></a> </div> </div> </div> </div> </div> </footer> </div><!-- eof #box_wrapper --> </div><!-- eof #canvas --> <script data-cfasync="false" src="../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="js/compressed.js"></script> <script src="js/main.js"></script> <script src="js/switcher.js"></script> </body> <!-- Mirrored from html.modernwebtemplates.com/drively/shortcodes_socialicons.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 03 Feb 2025 12:05:01 GMT --> </html>