From a688a04c9bdc799e6e3f5ccc324a8858c38a2ba3 Mon Sep 17 00:00:00 2001
From: konpa <julien@konpa.fr>
Date: Mon, 21 Jul 2014 09:20:49 +0200
Subject: [PATCH] Add html example

---
 devicon.html | 174 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 174 insertions(+)
 create mode 100644 devicon.html
diff --git a/devicon.html b/devicon.html
new file mode 100644
index 00000000..924981c0
--- /dev/null
+++ b/devicon.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+	<meta charset=utf-8 />
+	<title>Devicon</title>
+	<link rel="stylesheet" href="devicon.css">
+  <style>
+    li { display: inline; height: 5rem; line-height: 5rem; margin: 4rem; list-style: none; }
+    i {  font-size: 5rem; }
+  </style>
+</head>
+
+<body>
+
+	<main class="main">
+
+    <ul class="devicons">
+
+      <!-- Zend -->
+      <li><i class="devicon-zend-plain-wordmark"></i></li>
+      <li><i class="devicon-zend-plain-wordmark colored"></i></li>
+      <li><i class="devicon-zend-plain"></i></li>
+      <li><i class="devicon-zend-plain colored"></i></li>
+
+      <!-- Yii -->
+      <li><i class="devicon-yii-plain-wordmark"></i></li>
+      <li><i class="devicon-yii-plain-wordmark colored"></i></li>
+      <li><i class="devicon-yii-plain"></i></li>
+      <li><i class="devicon-yii-plain colored"></i></li>
+
+      <!-- Wordpress -->
+      <li><i class="devicon-wordpress-plain-wordmark"></i></li>
+      <li><i class="devicon-wordpress-plain-wordmark colored"></i></li>
+      <li><i class="devicon-wordpress-plain"></i></li>
+      <li><i class="devicon-wordpress-plain colored"></i></li>
+
+      <!-- Sass -->
+      <li><i class="devicon-sass-plain"></i></li>
+      <li><i class="devicon-sass-plain colored"></i></li>
+
+      <!-- Python -->
+      <li><i class="devicon-python-plain-wordmark"></i></li>
+      <li><i class="devicon-python-plain-wordmark colored"></i></li>
+      <li><i class="devicon-python-plain"></i></li>
+      <li><i class="devicon-python-plain colored"></i></li>
+
+      <!-- PHP -->
+      <li><i class="devicon-php-plain"></i></li>
+      <li><i class="devicon-php-plain colored"></i></li>
+
+      <!-- Photoshop -->
+      <li><i class="devicon-photoshop-plain"></i></li>
+      <li><i class="devicon-photoshop-plain colored"></i></li>
+      <li><i class="devicon-photoshop-line"></i></li>
+      <li><i class="devicon-photoshop-line colored"></i></li>
+
+      <!-- MySQL -->
+      <li><i class="devicon-mysql-line-wordmark"></i></li>
+      <li><i class="devicon-mysql-line-wordmark colored"></i></li>
+      <li><i class="devicon-mysql-line"></i></li>
+      <li><i class="devicon-mysql-line colored"></i></li>
+
+      <!-- Less -->
+      <li><i class="devicon-less-plain"></i></li>
+      <li><i class="devicon-less-plain colored"></i></li>
+
+      <!-- Laravel -->
+      <li><i class="devicon-laravel-plain-wordmark"></i></li>
+      <li><i class="devicon-laravel-plain-wordmark colored"></i></li>
+      <li><i class="devicon-laravel-plain"></i></li>
+      <li><i class="devicon-laravel-plain colored"></i></li>
+
+      <!-- JQuery -->
+      <li><i class="devicon-jquery-plain-wordmark"></i></li>
+      <li><i class="devicon-jquery-plain-wordmark colored"></i></li>
+      <li><i class="devicon-jquery-plain"></i></li>
+      <li><i class="devicon-jquery-plain colored"></i></li>
+
+      <!-- Javascript -->
+      <li><i class="devicon-javascript-plain"></i></li>
+      <li><i class="devicon-javascript-plain colored"></i></li>
+
+      <!-- Java -->
+      <li><i class="devicon-java-line-wordmark"></i></li>
+      <li><i class="devicon-java-line-wordmark colored"></i></li>
+      <li><i class="devicon-java-line"></i></li>
+      <li><i class="devicon-java-line colored"></i></li>
+
+      <!-- Illustrator -->
+      <li><i class="devicon-illustrator-plain"></i></li>
+      <li><i class="devicon-illustrator-plain colored"></i></li>
+      <li><i class="devicon-illustrator-line"></i></li>
+      <li><i class="devicon-illustrator-line colored"></i></li>
+
+      <!-- HTML5 -->
+      <li><i class="devicon-html5-plain-wordmark"></i></li>
+      <li><i class="devicon-html5-plain-wordmark colored"></i></li>
+      <li><i class="devicon-html5-plain"></i></li>
+      <li><i class="devicon-html5-plain colored"></i></li>
+
+      <!-- Grunt -->
+      <li><i class="devicon-grunt-plain-wordmark"></i></li>
+      <li><i class="devicon-grunt-plain-wordmark colored"></i></li>
+      <li><i class="devicon-grunt-plain"></i></li>
+      <li><i class="devicon-grunt-plain colored"></i></li>
+      <li><i class="devicon-grunt-line-wordmark"></i></li>
+      <li><i class="devicon-grunt-line-wordmark colored"></i></li>
+      <li><i class="devicon-grunt-line"></i></li>
+      <li><i class="devicon-grunt-line colored"></i></li>
+
+      <!-- Git -->
+      <li><i class="devicon-git-plain-wordmark"></i></li>
+      <li><i class="devicon-git-plain-wordmark colored"></i></li>
+      <li><i class="devicon-git-plain"></i></li>
+      <li><i class="devicon-git-plain colored"></i></li>
+
+      <!-- Foundation -->
+      <li><i class="devicon-foundation-plain-wordmark"></i></li>
+      <li><i class="devicon-foundation-plain-wordmark colored"></i></li>
+      <li><i class="devicon-foundation-plain"></i></li>
+      <li><i class="devicon-foundation-plain colored"></i></li>
+
+      <!-- Devicon -->
+      <li><i class="devicon-devicon-plain"></i></li>
+      <li><i class="devicon-devicon-plain colored"></i></li>
+      <li><i class="devicon-devicon-line"></i></li>
+      <li><i class="devicon-devicon-line colored"></i></li>
+
+      <!-- CSS3 -->
+      <li><i class="devicon-css3-plain-wordmark"></i></li>
+      <li><i class="devicon-css3-plain-wordmark colored"></i></li>
+      <li><i class="devicon-css3-plain"></i></li>
+      <li><i class="devicon-css3-plain colored"></i></li>
+
+      <!-- Codeigniter -->
+      <li><i class="devicon-codeigniter-plain-wordmark"></i></li>
+      <li><i class="devicon-codeigniter-plain-wordmark colored"></i></li>
+      <li><i class="devicon-codeigniter-plain"></i></li>
+      <li><i class="devicon-codeigniter-plain colored"></i></li>
+
+      <!-- Bower -->
+      <li><i class="devicon-bower-plain-wordmark"></i></li>
+      <li><i class="devicon-bower-plain-wordmark colored"></i></li>
+      <li><i class="devicon-bower-plain"></i></li>
+      <li><i class="devicon-bower-plain colored"></i></li>
+      <li><i class="devicon-bower-line-wordmark"></i></li>
+      <li><i class="devicon-bower-line-wordmark colored"></i></li>
+      <li><i class="devicon-bower-line"></i></li>
+      <li><i class="devicon-bower-line colored"></i></li>
+
+      <!-- Bootstrap -->
+      <li><i class="devicon-bootstrap-plain-wordmark"></i></li>
+      <li><i class="devicon-bootstrap-plain-wordmark colored"></i></li>
+      <li><i class="devicon-bootstrap-plain"></i></li>
+      <li><i class="devicon-bootstrap-plain colored"></i></li>
+      <li><i class="devicon-bootstrap-line-wordmark"></i></li>
+      <li><i class="devicon-bootstrap-line-wordmark colored"></i></li>
+      <li><i class="devicon-bootstrap-line"></i></li>
+      <li><i class="devicon-bootstrap-line colored"></i></li>
+
+      <!-- AngularJS -->
+      <li><i class="devicon-angularjs-plain-wordmark"></i></li>
+      <li><i class="devicon-angularjs-plain-wordmark colored"></i></li>
+      <li><i class="devicon-angularjs-plain"></i></li>
+      <li><i class="devicon-angularjs-plain colored"></i></li>
+
+    </ul>
+
+  </main>
+
+</body>
+
+</html>
