<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="http://143.110.242.57/shyam_metalics_informative/html/css/owl.carousel.css"/> <link href="http://143.110.242.57/shyam_metalics_informative/html/css/owl.theme.css"/> <link href="http://143.110.242.57/shyam_metalics_informative/html/css/owl.transitions.css"/> <div class="container"> <div class="journey_slider"> <div class="single-product"> <div class="journey_year"> <img src="http://143.110.242.57/shyam_metalics_informative/html/images/icon1_ai.png" alt=""/> </div> <div class="journey_text"> <h6>Incorporation on<br/> of Shyam SEL<br/> and Power Ltd.</h6> </div> </div> <div class="single-product"> <div class="journey_year"> <img src="http://143.110.242.57/shyam_metalics_informative/html/images/icon2_ai.png" alt=""/> </div> <div class="journey_text"> <h6>Mangalpur Plant</h6> <p>Commercial production of<br/> sponge iron plant started,<br/> with the capacity of<br/> <strong>0.06 MTPA</strong></p> </div> </div> <div class="single-product"> <div class="journey_year"> <img src="http://143.110.242.57/shyam_metalics_informative/html/images/icon3_ai.png" alt=""/> </div> <div class="journey_text"> <h6>Sambalpur Plant</h6> <p>Commercial production of<br/> sponge iron plant started,<br/> with capacity of <strong>0.3 MTPA</strong></p> <h6>Jamuria Plant</h6> <ul> <li>•  Commercial production of<br/> iron pellets plant and billets,<br/> sponge iron plant with<br/> capacity of <strong>0.59 MTPA</strong></li> <li>•  Expanded capacity of<br/> sponge iron plant</li> </ul> </div> </div> <div class="single-product"> <div class="journey_year"> <img src="http://143.110.242.57/shyam_metalics_informative/html/images/icon4_ai.png" alt=""/> </div> <div class="journey_text"> <h6>Sambalpur Plant</h6> <p>Boosted the capacity of<br/> ferro alloy products and<br/> sponge iron plant by<br/> <strong>0.13 MTPA</strong></p> <h6>Jamuria Plant</h6> <p>Established captive<br/> railway siding</p> </div> </div> <div class="single-product"> <div class="journey_year"> <img src="http://143.110.242.57/shyam_metalics_informative/html/images/icon5_ai.png" alt=""/> </div> <div class="journey_text"> <h6>Sambalpur Plant</h6> <p>Captive railway siding<br/> operationalised</p> <h6>Jamuria Plant</h6> <ul> <li>•  Another captive power<br/> plant commissioned</li> <li>•  Growth in capacity of<br/> sponge iron plant, billets<br/> by <strong>0.38 MTPA</strong> and ferro<br/> alloy products by 9 MTPA</li> </ul> </div> </div> <div class="single-product"> <div class="journey_year"> <img src="http://143.110.242.57/shyam_metalics_informative/html/images/icon6_ai.png" alt=""/> </div> <div class="journey_text"> <h6>Sambalpur Plant</h6> <p>Increased aggregate<br/> capacity of billets<br/> by <strong>0.27 MTPA</strong></p> <h6>Jamuria Plant</h6> <p>Boosted the capacity<br/> of iron pellets plant<br/> and billet plants by<br/> <strong>0.80 MTPA</strong></p> </div> </div> <div class="single-product"> <div class="journey_year"> <img src="http://143.110.242.57/shyam_metalics_informative/html/images/icon7_ai.png" alt=""/> </div> <div class="journey_text"> <h6>Sambalpur Plant</h6> <ul> <li>•  Widened the capacity of<br/> iron and billet plants<br/> by <strong>0.96 MTPA</strong></li> <li>•  Annual capacity including<br/> all intermediate products<br/> reached <strong>2.90 MTPA</strong></li> </ul> </div> </div> <div class="single-product"> <div class="journey_year"> <img src="http://143.110.242.57/shyam_metalics_informative/html/images/icon8_ai.png" alt=""/> </div> <div class="journey_text"> <h6>Sambalpur Plant</h6> <p>Magnified the capacity of<br/> sponge iron, billets, TMT<br/> and wire rod by<br/> <strong>1.81 MTPA</strong></p> <h6>Jamuria Plant</h6> <ul> <li>•  Heightened the capacity<br/> of sponge iron, billets, long<br/> products,ferro alloy<br/> products by <strong>1.09 MTPA</strong></li> <li>•  Expanded the capacity<br/> of captive power plant<br/> by <strong>94 MW</strong></li> </ul> </div> </div> <div class="single-product"> <div class="journey_year"> <img src="http://143.110.242.57/shyam_metalics_informative/html/images/icon9_ai.png" alt=""/> </div> <div class="journey_text"> <h6>Sambalpur Plant</h6> <ul> <li>•  Boosted the capacity of<br/> pellets by <strong>1.2 MTPA</strong></li> <li>•  Expanded capacity of<br/> captive power plant<br/> by <strong>118 MW</strong></li> </ul> <h6>Jamuria Plant</h6> <ul> <li>•  Further improved the<br/> capacity of pellets, sponge<br/> iron, billets long products<br/> by <strong>2.64 MTPA</strong></li> <li>•  Combined annual capacity<br/> reached <strong>~5.71 MTPA</strong></li> </ul> </div> </div> <div class="single-product"> <div class="journey_year"> <img src="http://143.110.242.57/shyam_metalics_informative/html/images/icon10_ai.png" alt=""/> </div> <div class="journey_text"> <h6>Sambalpur Plant</h6> <ul> <li>•  Boosted the capacity of<br/> TMT and wire rods further</li> <li>•  Annual capacity, including<br/> all intermediate products,<br/> reached <strong>5.71 MTPA</strong></li> </ul> </div> </div> </div> </div> <script src="http://143.110.242.57/shyam_metalics_informative/html/js/jquery-2.2.0.min.js"></script> <script src="http://143.110.242.57/shyam_metalics_informative/html/js/owl.carousel.min.js"></script>

.journey_slider{position: relative;} .journey_year{position: relative; z-index:9;} .journey_slider:after{background:#52e594; width:100%; height:15px; border-radius:30px; content:''; position:absolute; top:130px; left:0; z-index:-8;} .journey_slider .single-product{padding:0 15px;} .journy_sec .owl-theme .owl-controls{text-align:center;} .journey_year img{width:60px} .journey_text{margin-top:20px;} .journey_text h6{font-size:18px; margin-top:20px;} .journey_text p{font-size:14px;} .journey_text ul li{font-size:14px; }

$(".journey_slider").owlCarousel({ autoPlay: true, //Set AutoPlay to 3 seconds navigation : false, navigationText : ["<i class='fa fa-angle-left'></i>","<i class='fa fa-angle-right'></i>"], pagination :true, items : 4, itemsDesktop : [1199,3], itemsTablet: [768,2], itemsDesktopSmall : [979,2], itemsMobile : [767,1], });