API tools faq
paste
Guest User

Untitled

a guest
Jul 8th, 2019
149
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.40 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <meta name="description" content="">
  7. <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
  8. <meta name="generator" content="Jekyll v3.8.5">
  9. <title>Strona Testowa</title>
  10. <script src="./docs/4.3/assets/js/vendor/jquery-slim.min.js" ></script>
  11. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/popper.min.js"></script>
  12. <link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.min.css">
  13. <link rel="stylesheet" href="./dist/css/bootstrap.min.css">
  14. <script src="./dist/js/bootstrap.min.js"></script>
  15. <link rel="canonical" href="./docs/4.3/examples/starter-template/">
  16.  
  17. <style>
  18. .bd-placeholder-img {
  19. font-size: 1.125rem;
  20. text-anchor: middle;
  21. -webkit-user-select: none;
  22. -moz-user-select: none;
  23. -ms-user-select: none;
  24. user-select: none;
  25. }
  26. @media (min-width: 768px) {
  27. .bd-placeholder-img-lg {
  28. font-size: 3.5rem;
  29. }
  30. }
  31. </style>
  32. <!-- Custom styles for this template -->
  33. <link href="starter-template.css" rel="stylesheet">
  34. </head>
  35. <body>
  36. <main role="main" class="container.fluid">
  37. <header>
  38.  
  39. <nav class="navbar navbar-expand-lg navbar-light bg-light">
  40.  
  41. <div class="dropdown ">
  42. <button class="btn btn-light border border-info py-2 px-3" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static"><i class="fa fa-bars" aria-hidden="true" ></i></button>
  43. <div class="dropdown-menu dropdown-menu-lg-left" aria-labelledby="dropdownMenuButton">
  44. <a class="dropdown-item" href="#">Menu 1</a>
  45. <a class="dropdown-item" href="#">Menu 2</a>
  46. <a class="dropdown-item" href="#">Menu 3</a>
  47. <a class="dropdown-item" href="#">Menu 4</a>
  48. <a class="dropdown-item" href="#">Menu 5</a>
  49. </div>
  50. </div>
  51. <a class="navbar" href="#"><img src="http://czegonajbardziej.pl/wp-content/uploads/2016/03/logo-prostokatne-z-zielonym.png" width="150" height="40" class="" alt=""></a>
  52. <button class="navbar-toggler border-info" type="button" data-toggle="collapse" data-target="#mainmenu" aria-controls="mainmenu" aria-expanded="false" aria-label="Przełącznik nawigacji">
  53. <span class="navbar-toggler-icon"></span>
  54. </button>
  55.  
  56. <div class="collapse navbar-collapse" id="mainmenu">
  57.  
  58. <ul class="navbar-nav m-auto">
  59. <li class="nav-item">
  60. <a class="nav-link" href="#"><i class="fa fa-home fa-fw" aria-hidden="true"></i>&nbsp; Home</a>
  61. </li>
  62. <li class="nav-item">
  63. <a class="nav-link" href="#"><i class="fa fa-users fa-fw" aria-hidden="true"></i>&nbsp; Clients</a>
  64. </li>
  65. <li class="nav-item">
  66. <a class="nav-link" href="#"><i class=" fa fa-truck fa-fw" aria-hidden="true"></i>&nbsp; Providers</a>
  67. </li>
  68. <li class="nav-item">
  69. <a class="nav-link" href="#"><i class="fa fa-usd fa-fw" aria-hidden="true"></i>&nbsp; Funders</a>
  70. </li>
  71. <li class="nav-item">
  72. <a class="nav-link" href="#"><i class="fa fa-search fa-fw" aria-hidden="true"></i>&nbsp; Search</a>
  73. </li>
  74. </ul>
  75. <ul class="navbar-nav ">
  76. <li class="nav-item dropdown ">
  77. <a class="nav-link d-flex my-auto" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  78. <div class="d-flex flex-nowrap ">
  79. <div class="order-2 order-lg-1 my-auto ">&nbsp; Mark Hohmann</div>
  80. <div class="order-1 nav-link href="#"><i class="fa fa-users fa-fw" aria-hidden="true"></i></div>
  81. <div class="order-3 my-auto ml-2 ml-lg-0"><i class="fa fa-caret-down" aria-hidden="true"></i></div>
  82. </div>
  83. </a>
  84. <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
  85. <a class="dropdown-item" href="#">Settings</a>
  86. <div class="dropdown-divider"></div>
  87. <a class="dropdown-item" href="#">Sign Out</a>
  88. </div>
  89. </li>
  90. </ul>
  91. </div>
  92. </nav>
  93. </header>
  94.  
  95. <div class="container-fluid ">
  96. <nav aria-label="breadcrumb">
  97. <ol class="breadcrumb">
  98. <li class="breadcrumb-item"><a href="#"><i class="fa fa-home" aria-hidden="true"></i></a></li>
  99. <li class="breadcrumb-item"><a href="#">Clients</a></li>
  100. <li class="breadcrumb-item active" aria-current="page">User Detail</li>
  101. </ol>
  102. </nav>
  103. </div>
  104. <div class="container">
  105. <div class="media mx-2">
  106. <img src="https://evdo8pe.cloudimg.io/s/resizeinbox/400x400/http://b2bnew.widmannsrl.com/ImmaginiSitoB2B/Articoli/max/C6366_nc__C6366_a.jpg" alt="foto" class="rounded-circle" height="100" width="100">
  107. <div class="media-body">
  108. <div class="d-md-flex">
  109. <div class="mt-2"><h2>Teresa Sabdee Wilson</h2></div>
  110. <div class="ml-auto d-flex justify-content-md-start">
  111. <p align="right">
  112. <button type="button" class="btn btn-success">
  113. <i class="fa fa-pencil" aria-hidden="true"></i> Edit User</button></p>
  114. </div>
  115. </div>
  116. </div>
  117. </div>
  118. <div class="row">
  119. <div class="col-3"></div>
  120. </div>
  121. <div class="row col-12 col-sm-12">
  122. <div class="col mx-2">
  123. <br>
  124. 317 Willow Ave<br>
  125. Franklin, CA 90988<br>
  126. Washington Country
  127. <br><br>
  128. <dl class="row ">
  129. <dt class="col-sm-3"><small class="text-muted">Gender:</small></dt>
  130. <dd class="col-sm-9">Female</dd>
  131.  
  132. <dt class="col-sm-3"><small class="text-muted">Email:</small></dt>
  133. <dd class="col-sm-9"><a href="mailto:[email protected]">[email protected]</a></dd>
  134.  
  135. <dt class="col-sm-3"><small class="text-muted">URL:</small></dt>
  136. <dd class="col-sm-9"><a href="www.ress.com">www.ress.com</a></dd>
  137. </dl>
  138. </div>
  139. <div class="col">
  140. <br>
  141. <dl class="row">
  142.  
  143. <dd class="col-sm-6"><small class="text-muted">Client Language:</small></dd>
  144. <dd class="col-sm-6">Armenian</dd>
  145.  
  146. <dd class="col-sm-6"><small class="text-muted">Family Language:</small></dd>
  147. <dd class="col-sm-6">Russian</dd>
  148.  
  149. <dd class="col-sm-6"><small class="text-muted">Client Type:</small></dd>
  150. <dd class="col-sm-6">Client Reffered</dd>
  151.  
  152. <dd class="col-sm-6"><small class="text-muted">Grade: </small></dd>
  153. <dd class="col-sm-6">11</dd>
  154.  
  155. <dd class="col-sm-6"><small class="text-muted">School:</small></dd>
  156. <dd class="col-sm-6">Independence High School</dd>
  157.  
  158. </div>
  159.  
  160. <div class="col">
  161. <br>
  162. <dl class="row">
  163.  
  164. <dd class="col-sm-6"><small class="text-muted">Contact Type:</small></dd>
  165. <dd class="col-sm-6">Spouse</dd>
  166.  
  167. <dd class="col-sm-6"><small class="text-muted">Relation to:</small></dd>
  168. <dd class="col-sm-6">Program Supervisior</dd>
  169.  
  170. <dd class="col-sm-6"><small class="text-muted">Legal Guardian:</small></dd>
  171. <dd class="col-sm-6">False</dd>
  172.  
  173. <dd class="col-sm-6"><small class="text-muted">Resident with:</small></dd>
  174. <dd class="col-sm-6">False</dd>
  175.  
  176. </div>
  177. </div>
  178. </div>
  179. <div class="container">
  180. <!-- START Card with Table -->
  181.  
  182. <div class="card text-center">
  183. <!-- START Tabs with Input & Button "Add" -->
  184. <div class="card-header">
  185. <ul class="nav nav-tabs card-header-tabs d-flex">
  186. <li class="nav-item">
  187. <a class="nav-link active" href="#"><i class="fa fa-calendar" aria-hidden="true"></i> Schedule</a>
  188. </li>
  189. <li class="nav-item">
  190. <a class="nav-link" href="#"><font color="green"><i class="fa fa-pie-chart" aria-hidden="true"></i> Reports</a></font>
  191. </li>
  192. <li class="nav-item">
  193. <a class="nav-link" href="#"><font color="green"><i class="fa fa-file-o" aria-hidden="true"></i> Notes</a></font>
  194. </li>
  195. <li class="nav-item">
  196. <a class="nav-link" href="#"><font color="green"><i class="fa fa-key" aria-hidden="true"></i> Auths</a></font>
  197. </li>
  198. <li class="nav-item">
  199. <a class="nav-link" href="#"><font color="green"><i class="fa fa-files-o" aria-hidden="true"></i> Contracts</a></font>
  200. </li>
  201.  
  202.  
  203.  
  204.  
  205.  
  206. <div class="dropdown">
  207. <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  208. Dropdown button
  209. </button>
  210. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  211. <a class="dropdown-item" href="#">Action</a>
  212. <a class="dropdown-item" href="#">Another action</a>
  213. <a class="dropdown-item" href="#">Something else here</a>
  214. </div>
  215. </div>
  216.  
  217.  
  218. <li class="nav-item dropdown">
  219. <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
  220. <div class="dropdown-menu">
  221. <a class="dropdown-item" href="#">Action</a>
  222. <a class="dropdown-item" href="#">Another action</a>
  223. <a class="dropdown-item" href="#">Something else here</a>
  224. <div class="dropdown-divider"></div>
  225. <a class="dropdown-item" href="#">Separated link</a>
  226. </div>
  227. </li>
  228.  
  229.  
  230.  
  231.  
  232.  
  233. <li class="nav-item ml-auto">
  234. <form class="form-inline my-2 my-lg-0 ">
  235. <div class="form-group mx-sm-2 mb-2">
  236. <input class="form-control form-control-sm mr-sm-1 rounded-pill" type="text" placeholder=" Search or filter" aria-label="Search">
  237. </div>
  238. <button type="submit" class="btn btn-sm btn-success mb-2"><i class="fa fa-plus" aria-hidden="true"></i>
  239. Add
  240. </button>
  241. </form>
  242. </li>
  243. </ul>
  244. </div>
  245. </div>
  246.  
  247.  
  248. <!-- END Tabs with Input & Button "Add" -->
  249. <!-- START Table -->
  250. <table class="table mb-0 table-responsive-md">
  251. <thead>
  252. <tr>
  253. <th scope="col" class="align-middle"><small class="text-muted">Authorizantion Type</th></muted>
  254. <th scope="col" class="align-middle"><small class="text-muted">Authorizantion Code</th></muted>
  255. <th scope="col" class="align-middle"><small class="text-muted">Funding Begin date</th></muted>
  256. <th scope="col" class="align-middle"><small class="text-muted">Funding End Date</th></muted>
  257. <th scope="col" class="align-middle"><small class="text-muted">Enrollment Date</th></muted>
  258. <th scope="col" class="align-middle"><small class="text-muted">Termination Date</th></muted>
  259. <th scope="col" class="align-middle"><small class="text-muted">Funder</th></muted>
  260. </tr>
  261. </thead>
  262. <tbody>
  263. <tr>
  264. <th scope="row" class="align-middle">
  265. <span class="badge badge-pill badge-light">
  266. Renewable
  267. </span>
  268. </th>
  269. <td class="align-middle">RET43554</td>
  270. <td class="align-middle text-uppercase"><font color="green">1 dec 2014</font></td>
  271. <td class="align-middle text-uppercase"><font color="red">1 jun 2015</font></td>
  272. <td class="align-middle text-uppercase">8 dec 2014</td>
  273. <td class="align-middle"><p class="font-weight-light">Undefined</p></td>
  274. <td class="align-middle">Eastern Douglas Development Group</td>
  275. <td class="align-middle"><font color="green"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></td></font>
  276. </tr>
  277. <tr>
  278. <th scope="row" class="align-middle"><span class="badge badge-pill badge-light">Renewable</span></th>
  279. <td class="align-middle">RET43554</td>
  280. <td class="align-middle text-uppercase"><font color="green" text-uppercase">1 dec 2014</font></td>
  281. <td class="align-middle text-uppercase"><font color="red">1 jun 2015</font></td>
  282. <td class="align-middle text-uppercase">8 dec 2014</td>
  283. <td class="align-middle"><p class="font-weight-light">Undefined</p></td>
  284. <td class="align-middle">Eastern Douglas Development Group</td>
  285. <td class="align-middle"><font color="green"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></td><font>
  286. </tr>
  287. <tr>
  288. <th scope="row" class="align-middle"><span class="badge badge-pill badge-light">Renewable</span></th>
  289. <td class="align-middle">RET43554</td>
  290. <td class="align-middle text-uppercase"><font color="green">1 DEC 2014</font></td>
  291. <td class="align-middle text-uppercase"><font color="red">1 jun 2015</font></td>
  292. <td class="align-middle text-uppercase">8 DEC 2014</td>
  293. <td class="align-middle"><p class="font-weight-light">Undefined</p></td>
  294. <td class="align-middle">Eastern Douglas Development Group</td>
  295. <td class="align-middle"><font color="green"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></td>
  296. </tr>
  297. </tbody>
  298. </table>
  299. <!-- END Table -->
  300. <!-- START Footer with Pagination -->
  301.  
  302. <div class="card-footer d-sm-flex">
  303. <div class=""><small class="text-muted align-self-start"><p class="text-center text-md-left">Showing 1 to 10 of 57 Entires</p></small></div>
  304. <nav aria-label="Page navigation example" class="ml-auto">
  305. <ul class="pagination justify-content-center justify-content-md-end ">
  306. <li class="page-item"><a class="page-link" href="#"><font color="green">Previous</font></a></li>
  307. <li class="page-item"><a class="page-link" href="#"><font color="green">1</font></a></li>
  308. <li class="page-item"><a class="page-link" href="#"><font color="green">2</font></a></li>
  309. <li class="page-item"><a class="page-link" href="#"><font color="green">3</font></a></li>
  310. <li class="page-item"><a class="page-link" href="#"><font color="green">4</font></a></li>
  311. <li class="page-item"><a class="page-link" href="#"><font color="green">5</font></a></li>
  312. <li class="page-item"><a class="page-link" href="#"><font color="green">Next</font></a></li>
  313. </ul>
  314. </nav>
  315. </div>
  316. </div>
  317. </div>
  318. <!-- END Footer with Pagination -->
  319. </div>
  320. </div>
  321. </div>
  322. </div>
  323. <!-- END Card with Table -->
  324.  
  325. </main><!-- /.container -->
  326. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!