<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Language" content="th"> <meta http-equiv="content-Type" content="text/html; charset=utf8"> <meta http-equiv="content-Type" content="text/html; charset=tis-620"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Sanden Intercool Co., Ltd.</title> <link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css"> <script type="text/javascript" src="./js/jquery.js"></script> <script type="text/javascript" src="./js/bootstrap.min.js"></script> <style> .carousel-inner > .item > img, .carousel-inner > .item > a > img { width: 50%; margin: auto; } </style> </head> <body> <div class="container"> <div class="row"> <div class="panel-body"> <div class="col-md-12"> <nav class="navbar navbar-inverse navbar-fixed-bottom"> <div class="navbar-header"> <button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#id_nav1"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" rel="home" href="home.html"> <img style="max-width:100px; max-height:50px; margin-top: -15px;" src="./image/logo.jpg"> </a> </div> <div class="collapse navbar-collapse" id="id_nav1"> <ul class="nav navbar-nav"> <li class="active"><a href="about.html"> About CPC </a></li> <li><a href="#">Product</a></li> <li><a href="#">Expertise</a></li> <li><a href="#">Inquiry</a></li> <li><a href="#">Testimonials</a></li> <li><a href="contact.html">Contact us</a></li> </ul> <!-- <form class="navbar-form navbar-right"> <div="form-group"> <label> Search </label> <input type="text" class="form-control" placeholder="ค้นหา..."> <button class="btn btn-primary" type="button"> Search </button> </div> </form> --> </div> </nav> </div> </div> </div> </div> <div class="container"> <div class="row"> <!-- 1.Carousel Slide --> <div class="col-md-12"> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <!--- 2.Carousel Indicators --> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1" class=""></li> </ol> <!-- 3.Slide inner --> <div class="carousel-inner"> <!-- 3.1 Item 1 --> <div class="item active"> <!-- 3.1.1 Images --> <img src="./image/img1.png"> <!-- 3.1.2 Cation --> <div class="carousel-caption"> <p> Slide 1 </p> </div> </div> <!-- 3.2 Item 1 --> <div class="item"> <!-- 3.2.1 Images --> <img src="./image/img2.png"> <!-- 3.2.2 Cation --> <div class="carousel-caption"> <p> Slide 2 </p> </div> </div> </div> <!-- End Carousel Inner --> </div> <!-- End Carousel Slide --> </div> </div> </div> </body> </html>
<style> .carousel-inner > .item > img, .carousel-inner > .item > a > img { width: 50%; margin: auto; } </style>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง