55 lines
1.6 KiB
HTML
55 lines
1.6 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en" dir="ltr">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title></title>
|
||
|
|
|
||
|
|
<!-- Latest compiled and minified CSS -->
|
||
|
|
<link rel="stylesheet" href="lib/bootstrap.min.css">
|
||
|
|
|
||
|
|
<!-- jQuery library -->
|
||
|
|
<script src="lib/jquery.min.js"></script>
|
||
|
|
|
||
|
|
<!-- Popper JS -->
|
||
|
|
<script src="lib/popper.min.js"></script>
|
||
|
|
|
||
|
|
<!-- Latest compiled JavaScript -->
|
||
|
|
<script src="lib/bootstrap.min.js"></script>
|
||
|
|
|
||
|
|
|
||
|
|
<link rel="stylesheet" type="text/css" href="css/settings.css">
|
||
|
|
<script type="text/javascript" src="js/settings.js"> </script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<!-- Grey with black text -->
|
||
|
|
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
|
||
|
|
<ul class="navbar-nav">
|
||
|
|
<li class="nav-item active">
|
||
|
|
<a class="nav-link" href="#">Active</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">Link</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">Link</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link disabled" href="#">Disabled</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
<div class="optionsarray">
|
||
|
|
<div class="custom-control custom-switch">
|
||
|
|
<input type="checkbox" class="custom-control-input" id="customSwitch1">
|
||
|
|
<label class="custom-control-label" for="customSwitch1">Setting 1</label>
|
||
|
|
</div>
|
||
|
|
<div class="custom-control custom-switch">
|
||
|
|
<input type="checkbox" class="custom-control-input" id="customSwitch2">
|
||
|
|
<label class="custom-control-label" for="customSwitch2">Setting 2</label>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|