Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ojdon/css3-social-banners

A collection of minimal vanilla CSS3 social icons that require no images and are independant of CSS Frameworks.
https://github.com/ojdon/css3-social-banners

css css3-social-banners social-icons

Last synced: about 1 month ago
JSON representation

A collection of minimal vanilla CSS3 social icons that require no images and are independant of CSS Frameworks.

Awesome Lists containing this project

README

        

# CSS3 Social Banners

![CSS3 Social Banners Logo](http://ojdon.github.io/assets/blog/20141116/logo.png)

## Overview
A collection of minimal vanilla CSS3 social banners that require no images and are independent of CSS Frameworks. Each of the CSS3 Social Banners are designed to span the full width of a HTML element as these social banners are designed to be used with a grid system of your choice such as the one found in [Bootstrap 3](http://getbootstrap.com/css/#grid).

## Features
- Responsive
- Imageless
- Over 30 banners and counting!!
- Minimalist & Flat UI Inspired

## Available Social Banners
- Apple App Store
- Behance
- Blogger
- Delicious
- Deviantart
- Disqus
- Dribbble
- Facebook
- Feedly
- Flickr
- Github
- Google Play
- Google Plus
- Grooveshark
- Instagram
- Kickstarter
- LastFM
- LinkedIn
- Pinterest
- Reddit
- Snapchat
- Soundcloud
- Spotify
- Stackoverflow
- Stripe
- Stumbleupon
- Twitch
- Twitter
- Tumblr
- Wordpress
- Youtube

## Usage
In order to use the CSS3 Social Banners you will need to add the stylesheet into the tags of your webpage:

```html

```

And then insert a new HTML element for the desired CSS3 Social Banners you wish to use:

```html


```

Simple as that!

## Demo
You can view all of the social icons available on this demo page [here](http://htmlpreview.github.io/?https://raw.githubusercontent.com/ojdon/css3-social-banners/master/demo.html).

## License
GNU GENERAL PUBLIC LICENSE