Creative Brands

With Creative Brands you can easily add to your website links to your profiles on Facebook, Twitter, Google+, Youtube and many others. Links are easy to customize. You can change size, color, shape or animation effect.

We are using icons from Font Awesome and animations from Animate.css.

I WANT IT

How to use Creative Brands

Creative Brands installation

First download the ZIP file. Download

  1. Create a folder "css" in a root folder of your website.
  2. Create a folder "js" in a root folder of your website.
  3. Paste the following code into the <head> section of your site's HTML.
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/creative-brands.css" rel="stylesheet">
  4. Paste the following code into the <body> section at the bottom of your site's HTML.
    <link href="js/creative-brands.js" rel="stylesheet">
  5. Check examples to start using Creative Brands.

Code Structure sample code

<ul class="brands brands-inline">
<li><a href="#" class="brands-facebook"><i class="fa fa-facebook"></i></a></li>
</ul>

Classes names

Use classes in this order:

brands [size] [color] [shape] [animation] [structure]