Added preview gif

Author: lokesh-coder

Gulpfile.js

@@ -102,15 +102,15 @@ gulp.task('set:header', function () {
     .pipe(gulp.dest('dist'))
 });
 
+gulp.task('build', function (cb) {
+  gulpSequence('lint:scss', 'clean:dist', 'compile:scss', 'format:css', 'minify:css', 'set:header', cb)
+});
 
 
-
-gulp.task('default', ['build:sass', 'browser-sync'], function () {
-  gulp.watch("src/**/*.scss", ['build:sass', 'browser-sync-reload']);
+gulp.task('default', ['compile:scss', 'browser-sync'], function () {
+  gulp.watch("src/**/*.scss", ['compile:scss', 'browser-sync-reload']);
 });
 
-gulp.task('build', function (cb) {
-  gulpSequence('lint:scss','clean:dist', 'compile:scss', 'format:css', 'minify:css', 'set:header', cb)
-});
+
 
 

README.md

@@ -1,6 +1,6 @@
 <h1 align="center">
   <br>
-  <a href=""><img src="logo.png" alt="Pretty checkbox" width="100"></a>
+  <a href="https://lokesh-coder.github.io/pretty-checkbox/"><img src="logo.png" alt="Pretty checkbox" width="100"></a>
   <br> <br> pretty-checkbox.css <br>
 </h1>
 
@@ -26,6 +26,10 @@
 </pre>
 </div>
 
+<div align="center">
+<img src="preview.gif" alt="Pretty checkbox preview" width="100">
+</div>
+
 ### Features
 * Basic
   - **Shapes** - *Square*, *Curve*, *Round* 
@@ -281,7 +285,7 @@ Works in all modern browsers.
 * Others
 
 ### Inspiration
-- [awesome-bootstrap-checkbox](https://github.com/flatlogic/awesome-bootstrap-checkbox) - Idea
+- [Awesome Bootstrap Checkbox](https://github.com/flatlogic/awesome-bootstrap-checkbox) - Idea
 - [Animista](http://animista.net) - Animations
 
 ### Contributions