HOME <!-- <div class="container"> --> <!-- <button type="button" class="btn btn-primary active">Active Primary</button> --> <!-- <button type="button" class="btn btn-primary disabled">Disabled Primary</button> --> <!-- </div> --> <!-- <div class="container"> --> <!-- <div id="boostrapCarousel" class="carousel slide" data-ride="carousel"> --> <!-- Indicators --> <!-- <ol class="carousel-indicators"> --> <!-- <li data-target="#slideshow" data-slide-to="0" class="active"></li> --> <!-- <li data-target="#slideshow" data-slide-to="1"></li> --> <!-- <li data-target="#slideshow" data-slide-to="2"></li> --> <!-- </ol> --> <!-- Wrapper for slides --> <!-- <div class="carousel-inner" role="listbox"> --> <!-- <div class="item active"> --> <!-- <img class="img-carousel d-block w-100" src="1.jpg" alt="Los Angeles" style="width:100%;"> --> <!-- </div> --> <!-- <div class="item"> --> <!-- <img class="img-carousel d-block w-100" src="2.jpg" alt="Chicago" style="width:100%;"> --> <!-- </div> --> <!-- <div class="item"> --> <!-- <img class="img-carousel d-block w-100" src="3.jpg" alt="New york" style="width:100%;"> --> <!-- </div> --> <!-- </div> --> <!-- Left and right controls --> <!-- Left and right controls --> <!-- <a class="left carousel-control" href="#boostrapCarousel" data-slide="prev"> --> <!-- <span class="glyphicon glyphicon-chevron-left"></span> --> <!-- <span class="sr-only">Previous</span> --> <!-- </a> --> <!-- <a class="right carousel-control" href="#boostrapCarousel" data-slide="next"> --> <!-- <span class="glyphicon glyphicon-chevron-right"></span> --> <!-- <span class="sr-only">Next</span> --> <!-- </a> --> <!-- </div> --> <!-- </div> --> <div class="slideshow-container"> <div class="mySlides fade"> <img src="/ecommunity/html/images/main_img/1.jpg" width="800" height="170"> <div class="text">Caption Text</div> </div> <div class="mySlides fade"> <img src="/ecommunity/html/images/main_img/2.jpg" width="800" height="170"> <div class="text">Caption Two</div> </div> <div class="mySlides fade"> <img src="/ecommunity/html/images/main_img/3.jpg" width="800" height="170"> <div class="text">Caption Three</div> </div> <div class="mySlides fade"> <img src="/ecommunity/html/images/main_img/4.jpg" width="800" height="170"> <div class="text">Caption Three</div> </div> <div class="mySlides fade"> <img src="/ecommunity/html/images/main_img/5.jpg" width="800" height="170"> <div class="text">Caption Three</div> </div> <div class="mySlides fade"> <img src="/ecommunity/html/images/main_img/6.jpg" width="800" height="170"> <div class="text">Caption Three</div> </div> <!-- <a class="prev" onclick="plusSlides(-1)">❮</a> --> <!-- <a class="next" onclick="plusSlides(1)">❯</a> --> </div> <br> <!-- <div style="text-align:center"> --> <!-- <span class="dot" onclick="currentSlide(1)"></span> --> <!-- <span class="dot" onclick="currentSlide(2)"></span> --> <!-- <span class="dot" onclick="currentSlide(3)"></span> --> <!-- </div> --> User Login User ID Password If you encounter any problem please email to helpdesk@johorport.com.my