JSFiddle - React, Tailwind, and code Playground

by Sumesh TG

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.skitter.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/skitter.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.skitter.min.js"></script>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/Normalize.css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat|Poor+Story|Raleway" rel="stylesheet">
    <!--
        font-family: 'Montserrat', sans-serif;
        font-family: 'Raleway', sans-serif;
        font-family: 'Poor Story', cursive;
    -->
    <link href="css/skitter.css" type="text/css" media="all" rel="stylesheet" />
    <link rel="stylesheet" href="css/app.css">
    <title>Santa</title>
    <script>
   $(document).ready(function(){
   
  $('#slider').skitter({
    theme : 'square',
    navigation : true,
    label : false,
    dots : false,
   
  });

 });
    </script>
</head>

<body>
  

    <header id="main-header">
        <div class="skitter" id="slider">
            <ul>
                <li>
                    <a href="#cut">
                        <img src="https://homepages.cae.wisc.edu/~ece533/images/airplane.png" class="cut" />
                    </a>
                    <div class="label_text">
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                            <a href="#see-more" class="btn btn-xs btn-warning">See more</a>
                        </p>
                    </div>
                </li>
                <li>
                    <a href="#swapBlocks">
                        <img src="https://homepages.cae.wisc.edu/~ece533/images/baboon.png"...

CSS

.skitter,.skitter-square{
    width:1300px !important;
    margin: 0
}
.container_skitter {
    width:1300px !important;
     
}

.box_skitter {
    width:1300px !important;
    
}

.box_skitter img {
    width:1300px !important;
     
}