87 lines
3.1 KiB
HTML
87 lines
3.1 KiB
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 4, from LayoutIt!</title>
|
||
|
||
<meta name="description" content="Source code generated using layoutit.com">
|
||
<meta name="author" content="LayoutIt!">
|
||
|
||
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||
<link href="css/style.css" rel="stylesheet">
|
||
|
||
</head>
|
||
<body>
|
||
|
||
<div class="container-fluid">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<h3 class="text-center text-primary">
|
||
h3. Lorem ipsum dolor sit amet.
|
||
</h3>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<ul class="nav">
|
||
<li class="nav-item">
|
||
<a class="nav-link active" href="#">Home</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#">Profile</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link disabled" href="#">Messages</a>
|
||
</li>
|
||
<li class="nav-item dropdown ml-md-auto">
|
||
<a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown">Dropdown link</a>
|
||
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
|
||
<a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a>
|
||
<div class="dropdown-divider">
|
||
</div> <a class="dropdown-item" href="#">Separated link</a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<a id="modal-130270" href="#modal-container-130270" role="button" class="btn" data-toggle="modal">Launch demo modal</a>
|
||
|
||
<div class="modal fade" id="modal-container-130270" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h5 class="modal-title" id="myModalLabel">
|
||
Modal title
|
||
</h5>
|
||
<button type="button" class="close" data-dismiss="modal">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
...
|
||
</div>
|
||
<div class="modal-footer">
|
||
|
||
<button type="button" class="btn btn-primary">
|
||
Save changes
|
||
</button>
|
||
<button type="button" class="btn btn-secondary" data-dismiss="modal">
|
||
Close
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html> |