"Project_Skill_Development"
Bootstrap 3.3.0 Snippet by sorratan11ays

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="SHORTCUT ICON" href="img/icon-title.png" /> <title>Department of Skill Development</title> <!-- Plugin CSS --> <link href="css/bootstrap.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <link href="font-awesome-4.5.0/css/font-awesome.css" rel="stylesheet" /> <link href="css/style-responsive.css" rel="stylesheet"> <link rel="stylesheet" href="font_sarabun/thsarabunnew.css" /> </head> <body> <!-- Header --> <jsp:include page="common/header.jsp"></jsp:include> <!-- Menu --> <div class="page-top"> <div class="container"> <div class="row"> <ul class="breadcrumb"> <li></li> </ul> <h2 style=""> <i class="fa fa-lock"></i>  หน้าหลัก </h2> </div> </div> </div> <!-- Content --> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="col-sm-6 col-md-4"> <div class="thumbnail" > <h4 class="text-center"><span class="label label-info">PHP</span></h4> <img src="http://placehold.it/650x450&text=Galaxy S5" class="img-responsive"> <div class="caption"> <div class="row"> <div class="col-md-6 col-xs-6"> <h3>PHP</h3> </div> <div class="col-md-6 col-xs-6 price"> <h3> <label>$649.99</label></h3> </div> </div> <p>เป็นครอสด่านการใช้ภาษา PHP เบื้องต้น สำหรับผู้ที่สนใจคลิ๊ก</p> <div class="row"> <div class="col-md-6"> <a href="#" class="btn btn-primary btn-product"><span class="glyphicon glyphicon-shopping-cart"></span> รายละเอียด</a> </div> <div class="col-md-6"> <a href="RegisterProfile1.jsp" class="btn btn-success btn-product"><span class="glyphicon glyphicon-shopping-cart"></span> ลงทะเบียน</a></div> </div> <p> </p> </div> </div> </div> <div class="col-sm-6 col-md-4"> <div class="thumbnail" > <h4 class="text-center"><span class="label label-info">JAVA</span></h4> <img src="http://placehold.it/650x450&text=iPhone 6" class="img-responsive"> <div class="caption"> <div class="row"> <div class="col-md-6 col-xs-6"> <h3>JAVA</h3> </div> <div class="col-md-6 col-xs-6 price"> <h3> <label>$749.99</label></h3> </div> </div> <p>เป็นครอสด่านการใช้ภาษา JAVA เบื้องต้น สำหรับผู้ที่สนใจคลิ๊ก</p> <div class="row"> <div class="col-md-6"> <a class="btn btn-primary btn-product"><span class="glyphicon glyphicon-thumbs-up"></span> รายละเอียด</a> </div> <div class="col-md-6"> <a href="#" class="btn btn-success btn-product"><span class="glyphicon glyphicon-shopping-cart"></span> ลงทะเบียน</a></div> </div> <p> </p> </div> </div> </div> <div class="col-sm-6 col-md-4"> <div class="thumbnail" > <h4 class="text-center"><span class="label label-info">Android Mobile</span></h4> <img src="http://placehold.it/650x450&text=Lumia 1520" class="img-responsive"> <div class="caption"> <div class="row"> <div class="col-md-6 col-xs-6"> <h3>Android Mobile</h3> </div> <div class="col-md-6 col-xs-6 price"> <h3> <label>$749.00</label></h3> </div> </div> <p>เป็นครอสด่านการใช้ภาษา Android Mobile เบื้องต้น สำหรับผู้ที่สนใจคลิ๊ก</p> <div class="row"> <div class="col-md-6"> <a class="btn btn-primary btn-product"><span class="glyphicon glyphicon-thumbs-up"></span> รายละเอียด</a> </div> <div class="col-md-6"> <a href="#" class="btn btn-success btn-product"><span class="glyphicon glyphicon-shopping-cart"></span> ลงทะเบียน</a></div> </div> <!-- Down Slide --> <p> </p> </div> </div> </div> </div> </div> </div> <!-- footer --> <jsp:include page="common/footer.jsp"></jsp:include> </body> </html>

Related: See More

Vue Light Bootstrap Dashboard PRO

Questions / Comments: