Build with slick carousel included

Author: arturmamedov

dist/css/libraries.min.css

@@ -1,5 +1,6 @@
 @import url('css/margin-tools.css');
 @import url('css/style/w-overlay.css');
+@import url('css/style/w-style.css');
 /*@import url('css/style/w-corner_ribbon.css');*/
 @import url('css/padding-tools.css');
 @import url('css/text-tools.css');
@@ -15,6 +16,7 @@
 /* @import url('css/thirdparty/bootstrap-tabs.css'); */
 /* @import url('css/thirdparty/twitter-typeahead.css'); */
 /* @import url('css/thirdparty/datatable-rowreorder.css'); */
+@import url('css/plugins/w-slick.css');
 @import url('css/widget/w-go2top.css');
 @import url('css/widget/w-loader.css');
 @import url('css/widget/w-appear_btn.css');
@@ -68,64 +70,11 @@ body { padding-right: 0 !important }
     z-index: 5000;
 }
 
-/* * * Tools * * */
-.display-none {
-    display: none;
-}
-
-.visibility-hidden {
-    visibility: hidden;
-}
-
-.overflow-hidden {
-    overflow: hidden;
-}
-
-.fullwidth {
-    width: 100% !important;
-}
-
-/* CURSOR HELPER */
-.cursor-pointer {
-    cursor: pointer;
-}
-.cursor-move {cursor: move !important;}
-.cursor-move-arrows:before {content: "\f047"; font-family: "FontAwesome"; margin-right: 5px;}
-.cursor-move-arrows-after:after {content: "\f047"; font-family: "FontAwesome"; margin-left: 5px;}
 
 .showhideBox {
     cursor: pointer;
 }
 
-/* opacity 03 */
-.opacity03 {
-    opacity: 0.3;
-}
-
-/* Tables * /
-.thick-line {
-    border-top: 2px solid;
-}
-/*
-.table-striped > thead > tr {
-    background-color: #D196A4;
-}
-.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
-    background-color: #F4D9DE;
-}
-.table-striped > tbody > tr:nth-child(2n) > td, .table-striped > tbody > tr:nth-child(2n) > th {
-    background-color: #F2C4CE;
-}
-.table-striped > tfoot > tr {
-    background-color: #D196A4;
-}
-/* end#Tables */
-
-
-/* max-width not work with little images and this make it wide */
-.img-full {
-    width: 100%;
-}
 
 /* * * Bootstrap btn * * * */
 /* circle */
@@ -150,10 +99,7 @@ body { padding-right: 0 !important }
     padding: 12px 22px;
 }
 
-/* unstyle link */
-.link-unstyled, .link-unstyled:hover, .link-unstyled:active, .link-unstyled:focus {
-    text-decoration: none;
-}
+
 
 /* fast positions and after style="inline top,bottommleft,right: ?px" */
 .relpos {
@@ -208,63 +154,6 @@ body { padding-right: 0 !important }
 .toppos-30 {top: 30px;}
 .bottompos-30 {bottom: 30px;}
 
-/* BACKGROUNDS bg-[] */
-.bg-lgray {
-    background-color: #f1f1f1;
-}
-
-.bg-white {
-    background: #FFFFFF;
-}
-
-.bg-white-transparent {
-    background: #FFFFFF;
-    background-color: rgba(255, 255, 255, 0.78) !important;
-}
-
-.bg-lgreen-transparent {
-    background: none repeat scroll 0 0 rgba(200, 255, 200, 0.6);
-}
-
-.bg-acqua {
-    background: #DAFDFF;
-}
-
-.bg-acqua-transparent {
-    background: #DAFDFF;
-    background-color: rgba(208, 253, 255, 0.78);
-}
-
-/* Default Box shadow */
-.box-shadow {
-    -webkit-box-shadow: 0 0 2px #444444;
-    -moz-box-shadow: 0 0 2px #444444;
-    box-shadow: 0 0 2px #444444;
-}
-
-/* Default border radius */
-.border-radius {
-    -webkit-border-radius: 7px 7px 7px 7px;
-    border-radius: 7px 7px 7px 7px;
-}
-
-.border-radius-bottom {
-    -webkit-border-radius: 0 0 7px 7px;
-    border-radius: 0 0 7px 7px;
-}
-
-.border-radius-top {
-    -webkit-border-radius: 7px 7px 0 0;
-    border-radius: 7px 7px 0 0;
-}
-
-.border-solid1 {
-    border: 1px solid #dddddd;
-}
-
-.border-solid1-left {
-    border-left: 1px solid #dddddd;
-}
 
 /* #animation: for on-target */
 .target { background-color: #00e095; }

dist/css/libraries.min.css.map

@@ -1463,6 +1463,49 @@ $('.w-binded.w-setter').each( function(){
 });
 });
 
+$(function(){
+    /* Slick activation other settings are made by data-slick="{}" api */
+    $(".slick-carousel").slick({
+        slidesToShow: 4,
+        slidesToScroll: 3,
+        autoplay: true,
+        dots: true,
+        arrows: true,
+        responsive: [
+            {
+                breakpoint: 1024,
+                settings: {
+                    dots: true,
+                    arrows: true,
+                    infinite: true,
+                    slidesToShow: 3,
+                    slidesToScroll: 2
+                }
+            },
+            {
+                breakpoint: 600,
+                settings: {
+                    dots: false,
+                    arrows: true,
+                    infinite: true,
+                    slidesToShow: 2,
+                    slidesToScroll: 2
+                }
+            },
+            {
+                breakpoint: 480,
+                settings: {
+                    dots: false,
+                    arrows: true,
+                    infinite: true,
+                    slidesToShow: 2,
+                    slidesToScroll: 1
+                }
+            }
+        ]
+    });
+});
+
 /*
  Copyright 2014 Google Inc. All rights reserved.