<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>翠峰草堂</title> <!-- Bootstrap --> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <h1>翠峰草堂</h1> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bootstrap 101 Template</title> <!-- Bootstrap --> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <h1>Request blood donation Table</h1> <table class="table table-dark"> <thead> <tr> <th scope="col">#</th> <th scope="col">Name</th> <th scope="col">DOB</th> <th scope="col">Last Donation</th> <th scope="col">Reward</th> </tr> </thead> <tbody> <tr> <th scope="row">1</th> <td>Shubham</td> <td>05/10/1997</td> <td>04/06/2019</td> <td>20</td> </tr> <tr> <th scope="row">2</th> <td>Nitin</td> <td>04/11/1996</td> <td>04/03/2019</td> <td>40</td> </tr> <tr> <th scope="row">3</th> <td>ambar</td> <td>05/07/1997</td> <td>09/05/2019</td> <td>60</td> </tr> <tr> <th scope="row">4</th> <td>Akshay</td> <td>08/10/1997</td> <td>08/05/2019</td> <td>80</td> </tr> </tr> </tbody> </table> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bootstrap 101 Template</title> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <h1 class="text-center">Kaun Banega crorepati..</h1> <div class="container text-center"> <button class="next-question btn btn-primary">Next Question</button> <button class="generate-score btn btn-danger">Generate Score</button> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bootstrap 101 Template</title> <!-- Bootstrap --> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <nav class="navbar navbar-inverse" role="navigation"> <a class="navbar-brand" href="#"> Homework 5 : 6062160001 Miss:Nittaya Tachat</a> </nav> <div class="container mt-5"> <div class="row"> <div class="col-lg-6"> <div class="btn-group"> <button type="button" class="btn btn-primary btn-lg"><i class="fa fa-mobile-alt"></i> SAMSUNG</button> <button type="button" class="btn btn-success btn-lg"><i class="fab fa-apple"></i> APPLE</button> <div class="btn-group"> <button type="button" class="btn btn-danger btn-lg"><i class="fa fa-mobile-alt"></i> SONY <span class="label label-default">2</span> </button> <button type="button" class="btn btn-danger btn-lg dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#">Tablet</a></li> <li><a href="#">Smartphone</a></li> </ul> </div> </div> </div> <div class="col-lg-6"> <button type="button" class="btn btn-default btn-xs"><i class="fas fa-laptop"></i> Acer</button> <button type="button" class="btn btn-default btn-xs"><i class="fas fa-laptop"></i> Asus</button> <button class="btn btn-default btn-xs"> <i class="fa fa-circle-o-notch fa-spin fa-lg fa-fw"></i> <span class="sr-only"></span> HP </button> </div> <br><br><br> <div class="col-lg-12"> <h2>ระดับรายงานความก้าวหน้า</h2> <p>วิชาโครงงานทางเทคโนโลยีสารสนเทศ 2:</p> <table class="table table-striped"> <thead> <tr> <th>รายการ</th> <th>ระยะเวลาดำเนินการ</th> <th>ระดับความก้าวหน้า</th> <th>สถานะ</th> </tr> </thead> <tbody> <tr> <td>ออกแบบฐานข้อมูล</td> <td>3 เดือน</td> <td> <div class="progress"> <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width:70%"> 70% </div> </div> </td> <td> <span class="label label-success"><i class="fa fa-check-circle" aria-hidden="true"></i> สำเร็จ</span> </td> </tr> <tr> <td>ออกแบบหน้าจอ</td> <td>3 เดือน</td> <td> <div class="progress"> <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:40%"> 40% </div> </div> </td> <td> <span class="label label-warning"><i class="fa fa-minus-circle" aria-hidden="true"></i> อยู่ระหว่างดำเนินการ</span></td> </tr> <tr> <td>ออกแบบหน้าจอ</td> <td>3 เดือน</td> <td> <div class="progress"> <div class="progress-bar progress-bar-primary progress-bar-striped" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:40%"> 40% </div> </div> </td> <td><span class="label label-warning"><i class="fa fa-minus-circle" aria-hidden="true"></i> อยู่ระหว่างดำเนินการ</span></td> </tr> </tbody> </table> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script defer src="https://use.fontawesome.com/releases/v5.7.2/js/all.js" integrity="sha384-0pzryjIRos8mFBWMzSSZApWtPl/5++eIfzYmTgBBmXYdhvxPc+XcFEk+zJwDgWbP" crossorigin="anonymous"></script> <!-- Include all compiled plugins (below), or include individual files as needed -->
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bootstrap 101 Template</title> <!-- Bootstrap --> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <nav class="navbar navbar-inverse" role="navigation"> <a class="navbar-brand" href="#"> Selected Topic : Homework 1 : 6062210005 Sirichanya Prakotasung</a> </nav> <div class="container mt-5"> <div class="row"> <div class="col-lg-6"> <div class="btn-group"> <button type="button" class="btn btn-primary btn-lg"><i class="fa fa-mobile-alt"></i> SAMSUNG</button> <button type="button" class="btn btn-success btn-lg"><i class="fab fa-apple"></i> APPLE</button> <div class="btn-group"> <button type="button" class="btn btn-danger btn-lg"><i class="fa fa-mobile-alt"></i> SONY <span class="label label-default">2</span> </button> <button type="button" class="btn btn-danger btn-lg dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#">Tablet</a></li> <li><a href="#">Smartphone</a></li> </ul> </div> </div> </div> <div class="col-lg-6"> <button type="button" class="btn btn-default btn-xs"><i class="fas fa-laptop"></i> Acer</button> <button type="button" class="btn btn-default btn-xs"><i class="fas fa-laptop"></i> Asus</button> <button class="btn btn-default btn-xs"> <i class="fa fa-circle-o-notch fa-spin fa-lg fa-fw"></i> <span class="sr-only"></span> HP </button> </div> <br><br><br> <div class="col-lg-12"> <h2>ระดับรายงานความก้าวหน้า</h2> <p>วิชาโครงงานทางเทคโนโลยีสารสนเทศ 2:</p> <table class="table table-striped"> <thead> <tr> <th>รายการ</th> <th>ระยะเวลาดำเนินการ</th> <th>ระดับความก้าวหน้า</th> <th>สถานะ</th> </tr> </thead> <tbody> <tr> <td>ออกแบบฐานข้อมูล</td> <td>3 เดือน</td> <td> <div class="progress"> <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width:70%"> 70% </div> </div> </td> <td> <span class="label label-success"><i class="fa fa-check-circle" aria-hidden="true"></i> สำเร็จ</span> </td> </tr> <tr> <td>ออกแบบหน้าจอ</td> <td>3 เดือน</td> <td> <div class="progress"> <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:40%"> 40% </div> </div> </td> <td> <span class="label label-warning"><i class="fa fa-minus-circle" aria-hidden="true"></i> อยู่ระหว่างดำเนินการ</span></td> </tr> <tr> <td>ออกแบบหน้าจอ</td> <td>3 เดือน</td> <td> <div class="progress"> <div class="progress-bar progress-bar-primary progress-bar-striped" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:40%"> 40% </div> </div> </td> <td><span class="label label-warning"><i class="fa fa-minus-circle" aria-hidden="true"></i> อยู่ระหว่างดำเนินการ</span></td> </tr> </tbody> </table> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script defer src="https://use.fontawesome.com/releases/v5.7.2/js/all.js" integrity="sha384-0pzryjIRos8mFBWMzSSZApWtPl/5++eIfzYmTgBBmXYdhvxPc+XcFEk+zJwDgWbP" crossorigin="anonymous"></script> <!-- Include all compiled plugins (below), or include individual files as needed -->
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Test</title> <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="node_modules/@fortawesome/fontawesome-free/css/all.min.css"> </head> <body> <!---- script content --> <script src="node_modules/jquery/dist/jquery.min.js"></script> <script src="node_modules/popper.js/dist/umd/popper.min.js"></script> <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script> <!---- web content--> </br> <div class="row-2"> <div class="col-4"> <button type="button" class="btn btn-primary">Primary</button> <a href="#" class="btn btn-info" role="button">Link Button</a> <input type="submit" class="btn btn-success" value="Submit Button"> </div> </div> </br> <div class="container"> <div class="row"> <div class="col-6"> <div class="btn-group"> <button type="button" class="btn btn-info"><i class="fas fa-mobile-alt"></i> Samsung</button> <button type="button" class="btn btn-primary"><i class="fas fa-mobile-alt"></i> Apple</button> <button type="button" class="btn btn-danger"><i class="fas fa-mobile-alt"></i> HUAWEI <span class="badge badge-dark">2</span></button> <div class="btn-group"> <button type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-toggle="dropdown"> <span class="caret"></span> </button> <div class="dropdown-menu"> <a class="dropdown-item" href="#">Tablet</a> <a class="dropdown-item" href="#">Smartphone</a> </div> </div> </div> </div> <div class="col-6 text-right"> <button type="button" class="btn btn-outline-success btn-sm"><i class="fas fa-laptop"></i> Acer</button> <button type="button" class="btn btn-outline-primary btn-sm"><i class="fas fa-laptop"></i> Asus</button> <button type="button" class="btn btn-outline-warning btn-sm"><span class="spinner-border spinner-border-sm"></span> HP</button> </div></div></br></br> <div class="container"> <h2>ระดับรายงานความก้าวหน้า</h2> <p>วิชาโครงงานทางเทคโนโลยีสารสนเทศ 2:</p> <table class="table table-striped"> <thead> <tr> <th>รายการ</th> <th>ระยะเวลาดำเนินงาน</th> <th>ระดับความก้าวหน้า</th> <th>สถานะ</th> </tr> </thead> <tbody> <tr> <td>ออกแบบฐานข้อมูล</td> <td>3 เดือน</td> <td><div class="progress"><div class="progress-bar" style="width:70%">70%</div></div></td> <td><span class="badge badge-success"><i class="fas fa-check-circle"></i> สำเร็จ</span></td> <tr> <td>ออกแบบหน้าจอ</td> <td>3 เดือน</td> <td><div class="progress"><div class="progress-bar bg-warning" style="width:40%">40%</div></div></td> <td><span class="badge badge-warning"><i class="fas fa-minus-circle"></i> อยู่ระหว่างดำเนินการ</span></td> </tr> <tr> <td>ออกแบบหน้าจอ</td> <td>3 เดือน</td> <td><div class="progress"><div class="progress-bar bg-primary progress-bar-striped" style="width:40%">40%</div></div></td> <td><span class="badge badge-warning"><i class="fas fa-minus-circle"></i> อยู่ระหว่างดำเนินการ</span></td> </tr> </tbody> </table> </div> </div> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bootstrap 101 Template</title> <!-- Bootstrap --> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <h1>Hello, world!</h1> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> </head> <body> <!-- Write your code here --> <p>tototdzdzo</p> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> </body>
<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=5"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script> </head> <body> <div class="jumbotron text-center"> <h1>My First Bootstrap Page</h1> <p>Resize this responsive page to see the effect!</p> </div> <div class="container"> <div> <div class="col-sm-4"> <h3>Column 1</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p> <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p> </div> <div class="col-sm-4"> <h3>Column 2</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p> <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p> </div> <div class="col-sm-4"> <h3>Column 3</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p> <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p> </div> </div> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bootstrap 101 Template</title> <!-- Bootstrap --> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <h1>Hello, world!</h1> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> </body> </html>
We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy. Accept Learn more