<!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>
<nav class="navbar navbar-inverse">
<a class="navbar-brand" href="#">selected topic : Homework 1 by Code : 6062210005 sirichanya prakotasung</a>
</nav>
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-3">
จงเขียนโปรแกรมเพื่อแสดงผล การ์ด ข้างล่างนี้ตามที่กำหนด 1)หน้าจอ xs และ sm ให้แสดงแถว 2) md ให้แสดงแถวละ 2 การ์และ 3) lg และ xl ให้แสดงแถวละ 4 การ์ด
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-3">
<div class="panel panel-info">
<div class="panel-body">
<h1>Card 1 </h1>
<h4>my homework 1 เรื่องการใช้ navbarและGrid</h4>
<p>6062210005 sirichanya prakotasung </p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-3">
<div class="panel panel-info">
<div class="panel-body">
<h1>Card 2 </h1>
<h4>my homework 1 เรื่องการใช้ navbarและGrid</h4>
<p>6062210005 sirichanya prakotasung </p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-3">
<div class="panel panel-info">
<div class="panel-body">
<h1>Card 3 </h1>
<h4>my homework 1 เรื่องการใช้ navbarและGrid</h4>
<p>6062210005 sirichanya prakotasung </p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-3">
<div class="panel panel-info">
<div class="panel-body">
<h1>Card 4 </h1>
<h4>my homework 1 เรื่องการใช้ navbarและGrid</h4>
<p>6062210005 sirichanya prakotasung </p>
</div>
</div>
</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>
<!-- 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">
<!-- 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 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 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 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="https://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>
<div class="jumbotron">
<h1>Kraków</h1>
<p>Historia</p>
</div>
<div class="container">
<div class="row">
<div class="container">
<div id="myCarousel" class="carousel slide" data-ride="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"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/41/POL_Krak%C3%B3w_COA.svg/800px-POL_Krak%C3%B3w_COA.svg.png" alt="Zdjęcie 1" style="width:100%;">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b0/Kola%C5%BC_Krakowa.JPG/1024px-Kola%C5%BC_Krakowa.JPG" alt="Zdjecie 2" style="width:100%;">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e2/20091114_Krakow_Wawel_7770.jpg/1280px-20091114_Krakow_Wawel_7770.jpg" alt="New York" style="width:100%;">
<div class="carousel-caption">
<h3>New York</h3>
<p>We love the Big Apple!</p>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<h3>Historia poczatek</h3>
<p>Kraków (łac. Cracovia, niem. Krakau, jid. קראָקע Kroke) – miasto na prawach powiatu położone w południowej Polsce nad Wisłą, drugie co do liczby mieszkańców [1][5] i powierzchni miasto kraju[1], stolica Polski do 1795 r. i miasto koronacyjne oraz nekropolia królów Polski, od 1000 r. nieprzerwanie stolica diecezji krakowskiej (jednej z pięciu w ówczesnej Polsce), a od 1925 archidiecezji i metropolii. Kraków uzyskał lokację miejską przed 1228 rokiem, ponowna lokacja Krakowa w 1257 r.[6], od odzyskania niepodległości w 1918 r. miasto wojewódzkie (od 1998 r. siedziba władz województwa małopolskiego), jest także centralnym ośrodkiem metropolitalnym aglomeracji krakowskiej i Krakowskiego Obszaru Metropolitalnego. W zapisach historycznych Kraków jest uznawany za główne miasto historycznej Małopolski. Leży na obszarze Bramy Krakowskiej, Niecki Nidziańskiej i Pogórza Zachodniobeskidzkiego. </p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
<div class="col-sm-6">
<h3>Ciąg dalszy</h3>
<p>W Krakowie znajdują się główne siedziby m.in.: Polskiej Akademii Umiejętności, Narodowego Centrum Nauki, Instytutu Nafty i Gazu – Państwowego Instytutu Badawczego, Instytutu Zootechniki – Państwowego Instytutu Badawczego, Krajowej Szkoły Sądownictwa i Prokuratury[7], dowództwa Sił Specjalnych RP będącego jednocześnie jednym z kilku dowództw sił specjalnych NATO[8][9], Centrum Operacji Lądowych – Dowództwa Komponentu Lądowego[10], Polskiego Związku Narciarskiego[11], Centrum Eksperckiego Kontrwywiadu NATO[12], Narodowego Centrum Radioterapii Hadronowej[13]. </p>
<h3>Zakończenie</h3>
<p>W mieście działają placówki kulturalne o znaczeniu i statusie narodowym, m.in. Narodowy Stary Teatr, Muzeum Narodowe, Panteon Narodowy[14], Archiwum Narodowe[15], Biblioteka Jagiellońska, Instytut Książki[16], Centrum Operacji Specjalnych[17], Narodowe Centrum Rugby[18]. </p>
</div>
<div class="container">
<h2>Tabela</h2>
<table class="table">
<thead>
<tr>
<th>Środowisko naturalne</th>
<th> Historia</th>
<th>Transport</th>
</tr>
</thead>
<tbody>
<tr>
<td>natura</td>
<td>dzieje</td>
<td>komunikacja</td>
</tr>
<tr class="success">
<td>warunki</td>
<td>cos dawno</td>
<td>pojazdy</td>
</tr>
<tr>
<td>bycie</td>
<td>ludzie</td>
<td>czasy/td>
</tr>
<tr class="success">
<td>historia</td>
<td>poczatek</td>
<td>zakończenie</td>
</tr>
</tbody>
</table>
</div>
<!-- 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="https://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/4.1.2/css/bootstrap.min.css" rel="stylesheet">
<style>
@media (max-width: 700px) {
body {min-width:700px;}
}
</style>
<!-- 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-light bg-light">
<!-- Group one -->
<div class="d-flex align-items-center ">
<a class="navbar-brand" href="#">Proqueuer</a>
<button class="btn btn-link btn-sm order-1 order-sm-0"
onclick=@ToggleSidebar>
<span class="navbar-toggler-icon"></span>
</button>
</div>
<!-- Group 1 end -->
<div class="d-flex justify-content-start mr-auto">
<!-- search start -->
<div class="container">
<div class="row">
<div class="col-md-12 bg-dark">
<div class="input-group">
<input type="text"
placeholder="Search for snippets" />
<div class="input-group-btn">
<div class="btn-group" role="group">
<div class="dropdown dropdown-lg">
<button type="button"
class="btn btn-default dropdown-toggle"
data-toggle="dropdown"
aria-expanded="false">
<span class="caret"></span>
</button>
<div class="dropdown-menu" role="menu">
<form class="form-horizontal" role="form">
<div class="form-group">
<label for="filter">Filter by</label>
</div>
</form>
</div>
</div>
<button type="button" class="btn btn-primary"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- search end -->
</div>
<div class="bg-dark">fdfdf</div>
</nav>
<!-- 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/4.1.2/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">
<!-- 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]-->
<style>
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
</style>
</head>
<body>
<div>
<h1>H8</h1>
</div>
<div class="form-group">
<div class="col-xs-4" style="background-color: rgba(0,255,255,1);padding:0px 0px;">
<div class="form-group">
<div class="col-xs-4" style="background-color: rgba(255,255,0,1); height: 50px; padding:1px 1px;">
<button type="button" class="btn btn-primary btn-block">Apple</button>
</div>
<div class="col-xs-4" style="background-color: rgba(0,250,250,1); height: 50px; padding:1px 1px;">
<button type="button" class="btn btn-primary btn-block">Samsung</button>
</div>
<div class="col-xs-4" style="background-color: rgba(0,0,250,1); height: 50px; padding:1px 1px;">
<button type="button" class="btn btn-primary btn-block" style="height:48px">Sony</button>
</div>
</div>
</div>
<div class="col-xs-4 bg-success" style="height: 50px">.col-sm-4</div>
<div class="col-xs-4 bg-primary" style="height: 50px">.col-sm-4</div>
</div>
<div class="form-group">
<div class="col-xs-4 bg-warning" style="height: 50px;">.col-sm-4</div>
<div class="col-xs-4 bg-primary" style="height: 50px;">.col-sm-4</div>
<div class="col-xs-4 bg-success" style="height: 50px;">.col-sm-4</div>
</div>
<div class="form-group">
<div class="col-xs-4 bg-success" style="height: 50px;">.col-sm-4</div>
<div class="col-xs-4 bg-danger" style="height: 50px;">.col-sm-4</div>
<div class="col-xs-4 bg-info" style="height: 50px;">.col-sm-4</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>
<!-- 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 rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" 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 style="background-color:pink">
<div class="pos-f-t">
<nav class="navbar navbar-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</nav>
</div>
<!-- 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">
<!-- 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>
<div class="container">
<div class="jumbotron">
<h1>Kraków moje miasto!</h1>
<h2>Miejsca, które trzeba zobaczyć</h2>
</div>
<div>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="item active">
<img src="https://i2.wp.com/zyciejestpiekne.eu/wp-content/uploads/kopiec.jpg?ssl=1" alt="kopiec">
</div>
<div class="item">
<img src="https://i1.wp.com/zyciejestpiekne.eu/wp-content/uploads/kazimierz.jpg?ssl=1" alt="kazimierz">
</div>
<div class="item">
<img src="https://i0.wp.com/zyciejestpiekne.eu/wp-content/uploads/lokomoto.jpg?ssl=1" alt="lokomotywa">
</div>
<div>
<table class="table table-striped">
<thead>
<tr>
<th>Do zwiedzenia</th>
</thead>
<tr>
<td>Kolorowe schody na Podgórzu</td>
<td>Zakrzówek</td>
<td>Kopiec Krakusa</td>
<thead>
<tr>
<th>Na kawę</th>
</thead>
<tr>
<td>Cafe Bar Magia</td>
<td>Cafe Bar Magia</td>
<td>Pizzeria Cyklop</td>
<thead>
<tr>
<th>Miejsca dziwne i nietypowe</th>
</thead>
<tr>
<td>Stara lokomotywownia na Płaszowie</td>
<td>Dom Strachów „Lost Souls Alley”</td>
<td>Art Cafe Barakah</td>
<thead>
<tr>
<th>Propozycje czytelników</th>
</thead>
<tr>
<td>Muzeum Farmacji na ul. Floriańskiej</td>
<td>Las Wolski</td>
<td>Ogród Muzeum Archeologicznego</td>
</table>
</div>
<!-- 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">
<!-- 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>
<div class= "container">
<form class="form-inline">
<div class="form-group">
<label for="email"> Email:
</label>
<input type="email" class= "form-control" id="email" placeholder="Enter Email">
</div>
<div class="form-group">
<label for="password"> Password: </label>
<input type="password" class= "form-control" id="pwd" placeholder="Enter password">
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="remember"> Remember Me
</label>
</div>
<button type="button" class="btn btn-default"> Default Button
</button>
<button type="button" class="btn btn-primary"> Primary Button
</button>
<button type="button" class="btn btn-success"> Success Button
</button>
<button type="button" class="btn btn-info"> Info Button
</button>
<button type="button" class="btn btn-warning"> Warning Button
</button>
<button type="button" class="btn btn-danger"> Danger Button
</button>
<button type="button" class="btn btn-link"> Link Button
</button>
</form>
<!--Welcome to <abbr title="Tutorails Point"> TP </abbr> <br>
<p>Use the mark tag <mark>highlight</mark> text. </p>
<p>Use <kbd> ctrl+p </kbd> to open the Print dialog box. </p>-->
</div>
<!-- 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
