Slick Slider Example

<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"/>

<script type="text/javascript" src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
<div  class="cs-multi-item-slider" >
    <div class="col-sm-3 col-xs-12">
        <img data-lazy="image1.jpg">
    </div> 
    <div class="col-sm-3 col-xs-12">
        <img data-lazy="image2.jpg">
    </div> 
    <div class="col-sm-3 col-xs-12">
        <img data-lazy="image3.jpg">
    </div> 
    <div class="col-sm-3 col-xs-12">
        <img data-lazy="image4.jpg">
    </div> 
    <div class="col-sm-3 col-xs-12">
        <img data-lazy="image5.jpg">
    </div>  
</div>

<script>

$(document).ready(function(){
        $('.cs-multi-item-slider').slick({
            dots: true,
            infinite: true,
            speed: 300,
            slidesToShow: 4,
            slidesToScroll: 1,
            lazyLoad: 'ondemand',
            autoplay: true,
            autoplaySpeed: 2000,
            responsive: [
                {
                    breakpoint: 1024,
                    settings: {
                        slidesToShow: 4,
                        slidesToScroll: 1,
                        infinite: true,
                        dots: true
                    }
                },
                {
                    breakpoint: 600,
                    settings: {
                        slidesToShow: 2,
                        slidesToScroll: 2
                    }
                },
                {
                    breakpoint: 480,
                    settings: {
                        slidesToShow: 1,
                        slidesToScroll: 1
                    }
                }
                // You can unslick at a given breakpoint now by adding:
                // settings: "unslick"
                // instead of a settings object
            ]
        });
    });
    </script>

How to Add Multiple items per slide in bootstrap carousel

<div id="Carousel" class="carousel slide cs-carousal-items  cs-multi-item-carousel" data-ride="carousel" data-type="multi" data-interval="2000">
    <div class="carousel-inner" role="listbox">
        <div class="item active  " >
            <div class="col-sm-3 col-xs-12">
                <img src="image1.jpg">
            </div>  
        </div>
        <div class="item active  " >
            <div class="col-sm-3 col-xs-12">
                <img src="image2.jpg">
            </div>  
        </div>
        <div class="item active  " >
            <div class="col-sm-3 col-xs-12">
                <img src="image4.jpg">
            </div>  
        </div>
        <div class="item active  " >
            <div class="col-sm-3 col-xs-12">
                <img src="image5.jpg">
            </div>  
        </div>
    </div>
    <a class="left carousel-control" href="#Carousel" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#Carousel" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
        <span class="sr-only">Next</span>
    </a>
<script type="text/javascript">
$('.cs-multi-item-carousel[data-type="multi"] .item').each(function() {
    var next = $(this).next();
    if (!next.length) {
        next = $(this).siblings(':first');
    }
    next.children(':first-child').clone().appendTo($(this));
    var itemPerSlide =3;
    for (var i = 0; i < itemPerSlide; i++) {
        next = next.next();
        if (!next.length) {
            next = $(this).siblings(':first');
        }

        next.children(':first-child').clone().appendTo($(this));
    }
});
</script>

How to Check the Linux System Configuration?

 [email protected]:~# lscpu
Architecture: x86_64
CPU op-mode(s): 32-bit, 64-bit
Byte Order: Little Endian
CPU(s): 4
On-line CPU(s) list: 0-3
Thread(s) per core: 1
Core(s) per socket: 4
Socket(s): 1
NUMA node(s): 1
Vendor ID: GenuineIntel
CPU family: 6
Model: 58
Model name: Intel(R) Core(TM) i5-3450 CPU @ 3.10GHz
Stepping: 9
CPU MHz: 1693.375
CPU max MHz: 3500.0000
CPU min MHz: 1600.0000
BogoMIPS: 6185.52
Virtualization: VT-x
L1d cache: 32K
L1i cache: 32K
L2 cache: 256K
L3 cache: 6144K
NUMA node0 CPU(s): 0-3
Flags: fpu vme de pse tsc msr pae mce cx8 apic sep mtrr pge mca cmov pat pse36 clflush dts acpi mmx fxsr sse sse2 ss ht tm pbe syscall nx rdtscp lm constant_tsc arch_perfmon pebs bts rep_good nopl xtopology nonstop_tsc aperfmperf pni pclmulqdq dtes64 monitor ds_cpl vmx est tm2 ssse3 cx16 xtpr pdcm pcid sse4_1 sse4_2 popcnt tsc_deadline_timer aes xsave avx f16c rdrand lahf_lm epb ssbd ibrs ibpb stibp kaiser tpr_shadow vnmi flexpriority ept vpid fsgsbase smep erms xsaveopt dtherm ida arat pln pts flush_l1d
[email protected]:~#