<?php
/**
 * Plugin Name: machine-slider
 * Plugin URI: http://www.gems.com/machine-slider
 * Description: The very first plugin that I have ever created.
 * Version: 1.0
 * Author: machine-slider
 * Author URI: http://www.gems.com
 */


// Add Shortcode
function machine_slider() {
  ob_start();
  ?>



   <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" type="text/css" href="css/new.css">
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
    <title></title>
        





  </head>
  <body>


<div class="machine-slider-main">
  		<div class="owl-carousel machine-slider">
		    <div class="item">
		    	<div class="machine-inner">
		    		<div class="machine-inner-block">
		    			<div class="machine-inner-text">
		    				<ul>
		    					<li>2.1 cu.m Bucket carrying capacity.</li>
		    					<li>Strong and reliable power trainZ - bar<br>linkage for greater digging power.</li>
		    					<li>130 Kn of bucket breakout force</li>
		    				</ul>
		    			</div>
		    			<div class="machine-inner-image">
		    				<p>
		    					WHEEL <br>LOADER</p>
		    				<div class="machine-inner-image-image">
		    					<img src="https://livetestdemo.xyz/chavdarmc/wp-content/uploads/2021/02/JCB.png">
		    				</div>
		    			</div>
		    		</div>
		    	</div>
		    </div>
		    <div class="item">
		    	<div class="machine-inner">
		    		<div class="machine-inner-block">
		    			<div class="machine-inner-text">
		    				<ul>
		    					<li>2.1 cu.m Bucket carrying capacity.</li>
		    					<li>Strong and reliable power trainZ - bar<br>
linkage for greater digging power.</li>
		    					<li>130 Kn of bucket breakout force</li>
		    				</ul>
		    			</div>
		    			<div class="machine-inner-image">
		    				<p>
		    					TRUCK <br>MIXERS</p>
		    				<div class="machine-inner-image-image">
		    					<img src="https://livetestdemo.xyz/chavdarmc/wp-content/uploads/2021/02/JCB.png">
		    				</div>
		    			</div>
		    		</div>
		    	</div>
		    </div>
		    <div class="item">
		    	<div class="machine-inner">
		    		<div class="machine-inner-block">
		    			<div class="machine-inner-text">
		    				<ul>
		    					<li>2.1 cu.m Bucket carrying capacity.</li>
		    					<li>Strong and reliable power trainZ - bar<br>linkage for greater digging power.</li>
		    					<li>130 Kn of bucket breakout force</li>
		    				</ul>
		    			</div>
		    			<div class="machine-inner-image">
		    				<p>
		    					WHEEL <br>LOADER</p>
		    				<div class="machine-inner-image-image">
		    					<img src="https://livetestdemo.xyz/chavdarmc/wp-content/uploads/2021/02/JCB.png">
		    				</div>
		    			</div>
		    		</div>
		    	</div>
		    </div>

		</div>
  	</div>

   





    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
    <script type="text/javascript">
     $('.machine-slider').owlCarousel({
	    loop:true,
	    margin:40,
	    nav:true,
	    responsive:{
	        0:{
	            items:1
	        },
	        800:{
	            items:1
	        },
	        1000:{
	            items:1
	        }
	    }
	})
    </script>




 <?php

  return ob_get_clean();

}
add_shortcode( 'machine-slider', 'machine_slider' );