jtith
/
PassionProject-HTML
форкнуто от Cohort4.2/PassionProject-HTML
Следить 1
В избранное 0
Форкнуть 0
Код Задачи 0 Pull Request'ы 0 Релизы 0 Вики Активность
2 коммитов
1 ветка
ветка: master
веток Теги
${ item.name }
Создать ветку ${ searchTerm }
из 'master'
${ noResults }
PassionProject-HTML/pages/panels-wells.html

panels-wells.html 39KB
Постоянная ссылка История Исходник

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715 
  1. <!DOCTYPE html>

  2. <html lang="en">

  3. 

  4. <head>

  5. 

  6.     <meta charset="utf-8">

  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">

  8.     <meta name="viewport" content="width=device-width, initial-scale=1">

  9.     <meta name="description" content="">

  10.     <meta name="author" content="">

  11. 

  12.     <title>SB Admin 2 - Bootstrap Admin Theme</title>

  13. 

  14.     <!-- Bootstrap Core CSS -->

  15.     <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

  16. 

  17.     <!-- MetisMenu CSS -->

  18.     <link href="../vendor/metisMenu/metisMenu.min.css" rel="stylesheet">

  19. 

  20.     <!-- Custom CSS -->

  21.     <link href="../dist/css/sb-admin-2.css" rel="stylesheet">

  22. 

  23.     <!-- Custom Fonts -->

  24.     <link href="../vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

  25. 

  26.     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->

  27.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

  28.     <!--[if lt IE 9]>

  29.         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

  30.         <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

  31.     <![endif]-->

  32. 

  33. </head>

  34. 

  35. <body>

  36. 

  37.     <div id="wrapper">

  38. 

  39.         <!-- Navigation -->

  40.         <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">

  41.             <div class="navbar-header">

  42.                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">

  43.                     <span class="sr-only">Toggle navigation</span>

  44.                     <span class="icon-bar"></span>

  45.                     <span class="icon-bar"></span>

  46.                     <span class="icon-bar"></span>

  47.                 </button>

  48.                 <a class="navbar-brand" href="index.html">SB Admin v2.0</a>

  49.             </div>

  50.             <!-- /.navbar-header -->

  51. 

  52.             <ul class="nav navbar-top-links navbar-right">

  53.                 <li class="dropdown">

  54.                     <a class="dropdown-toggle" data-toggle="dropdown" href="#">

  55.                         <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>

  56.                     </a>

  57.                     <ul class="dropdown-menu dropdown-messages">

  58.                         <li>

  59.                             <a href="#">

  60.                                 <div>

  61.                                     <strong>John Smith</strong>

  62.                                     <span class="pull-right text-muted">

  63.                                         <em>Yesterday</em>

  64.                                     </span>

  65.                                 </div>

  66.                                 <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>

  67.                             </a>

  68.                         </li>

  69.                         <li class="divider"></li>

  70.                         <li>

  71.                             <a href="#">

  72.                                 <div>

  73.                                     <strong>John Smith</strong>

  74.                                     <span class="pull-right text-muted">

  75.                                         <em>Yesterday</em>

  76.                                     </span>

  77.                                 </div>

  78.                                 <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>

  79.                             </a>

  80.                         </li>

  81.                         <li class="divider"></li>

  82.                         <li>

  83.                             <a href="#">

  84.                                 <div>

  85.                                     <strong>John Smith</strong>

  86.                                     <span class="pull-right text-muted">

  87.                                         <em>Yesterday</em>

  88.                                     </span>

  89.                                 </div>

  90.                                 <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>

  91.                             </a>

  92.                         </li>

  93.                         <li class="divider"></li>

  94.                         <li>

  95.                             <a class="text-center" href="#">

  96.                                 <strong>Read All Messages</strong>

  97.                                 <i class="fa fa-angle-right"></i>

  98.                             </a>

  99.                         </li>

  100.                     </ul>

  101.                     <!-- /.dropdown-messages -->

  102.                 </li>

  103.                 <!-- /.dropdown -->

  104.                 <li class="dropdown">

  105.                     <a class="dropdown-toggle" data-toggle="dropdown" href="#">

  106.                         <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>

  107.                     </a>

  108.                     <ul class="dropdown-menu dropdown-tasks">

  109.                         <li>

  110.                             <a href="#">

  111.                                 <div>

  112.                                     <p>

  113.                                         <strong>Task 1</strong>

  114.                                         <span class="pull-right text-muted">40% Complete</span>

  115.                                     </p>

  116.                                     <div class="progress progress-striped active">

  117.                                         <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">

  118.                                             <span class="sr-only">40% Complete (success)</span>

  119.                                         </div>

  120.                                     </div>

  121.                                 </div>

  122.                             </a>

  123.                         </li>

  124.                         <li class="divider"></li>

  125.                         <li>

  126.                             <a href="#">

  127.                                 <div>

  128.                                     <p>

  129.                                         <strong>Task 2</strong>

  130.                                         <span class="pull-right text-muted">20% Complete</span>

  131.                                     </p>

  132.                                     <div class="progress progress-striped active">

  133.                                         <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">

  134.                                             <span class="sr-only">20% Complete</span>

  135.                                         </div>

  136.                                     </div>

  137.                                 </div>

  138.                             </a>

  139.                         </li>

  140.                         <li class="divider"></li>

  141.                         <li>

  142.                             <a href="#">

  143.                                 <div>

  144.                                     <p>

  145.                                         <strong>Task 3</strong>

  146.                                         <span class="pull-right text-muted">60% Complete</span>

  147.                                     </p>

  148.                                     <div class="progress progress-striped active">

  149.                                         <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">

  150.                                             <span class="sr-only">60% Complete (warning)</span>

  151.                                         </div>

  152.                                     </div>

  153.                                 </div>

  154.                             </a>

  155.                         </li>

  156.                         <li class="divider"></li>

  157.                         <li>

  158.                             <a href="#">

  159.                                 <div>

  160.                                     <p>

  161.                                         <strong>Task 4</strong>

  162.                                         <span class="pull-right text-muted">80% Complete</span>

  163.                                     </p>

  164.                                     <div class="progress progress-striped active">

  165.                                         <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">

  166.                                             <span class="sr-only">80% Complete (danger)</span>

  167.                                         </div>

  168.                                     </div>

  169.                                 </div>

  170.                             </a>

  171.                         </li>

  172.                         <li class="divider"></li>

  173.                         <li>

  174.                             <a class="text-center" href="#">

  175.                                 <strong>See All Tasks</strong>

  176.                                 <i class="fa fa-angle-right"></i>

  177.                             </a>

  178.                         </li>

  179.                     </ul>

  180.                     <!-- /.dropdown-tasks -->

  181.                 </li>

  182.                 <!-- /.dropdown -->

  183.                 <li class="dropdown">

  184.                     <a class="dropdown-toggle" data-toggle="dropdown" href="#">

  185.                         <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>

  186.                     </a>

  187.                     <ul class="dropdown-menu dropdown-alerts">

  188.                         <li>

  189.                             <a href="#">

  190.                                 <div>

  191.                                     <i class="fa fa-comment fa-fw"></i> New Comment

  192.                                     <span class="pull-right text-muted small">4 minutes ago</span>

  193.                                 </div>

  194.                             </a>

  195.                         </li>

  196.                         <li class="divider"></li>

  197.                         <li>

  198.                             <a href="#">

  199.                                 <div>

  200.                                     <i class="fa fa-twitter fa-fw"></i> 3 New Followers

  201.                                     <span class="pull-right text-muted small">12 minutes ago</span>

  202.                                 </div>

  203.                             </a>

  204.                         </li>

  205.                         <li class="divider"></li>

  206.                         <li>

  207.                             <a href="#">

  208.                                 <div>

  209.                                     <i class="fa fa-envelope fa-fw"></i> Message Sent

  210.                                     <span class="pull-right text-muted small">4 minutes ago</span>

  211.                                 </div>

  212.                             </a>

  213.                         </li>

  214.                         <li class="divider"></li>

  215.                         <li>

  216.                             <a href="#">

  217.                                 <div>

  218.                                     <i class="fa fa-tasks fa-fw"></i> New Task

  219.                                     <span class="pull-right text-muted small">4 minutes ago</span>

  220.                                 </div>

  221.                             </a>

  222.                         </li>

  223.                         <li class="divider"></li>

  224.                         <li>

  225.                             <a href="#">

  226.                                 <div>

  227.                                     <i class="fa fa-upload fa-fw"></i> Server Rebooted

  228.                                     <span class="pull-right text-muted small">4 minutes ago</span>

  229.                                 </div>

  230.                             </a>

  231.                         </li>

  232.                         <li class="divider"></li>

  233.                         <li>

  234.                             <a class="text-center" href="#">

  235.                                 <strong>See All Alerts</strong>

  236.                                 <i class="fa fa-angle-right"></i>

  237.                             </a>

  238.                         </li>

  239.                     </ul>

  240.                     <!-- /.dropdown-alerts -->

  241.                 </li>

  242.                 <!-- /.dropdown -->

  243.                 <li class="dropdown">

  244.                     <a class="dropdown-toggle" data-toggle="dropdown" href="#">

  245.                         <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>

  246.                     </a>

  247.                     <ul class="dropdown-menu dropdown-user">

  248.                         <li><a href="#"><i class="fa fa-user fa-fw"></i> User Profile</a>

  249.                         </li>

  250.                         <li><a href="#"><i class="fa fa-gear fa-fw"></i> Settings</a>

  251.                         </li>

  252.                         <li class="divider"></li>

  253.                         <li><a href="login.html"><i class="fa fa-sign-out fa-fw"></i> Logout</a>

  254.                         </li>

  255.                     </ul>

  256.                     <!-- /.dropdown-user -->

  257.                 </li>

  258.                 <!-- /.dropdown -->

  259.             </ul>

  260.             <!-- /.navbar-top-links -->

  261. 

  262.             <div class="navbar-default sidebar" role="navigation">

  263.                 <div class="sidebar-nav navbar-collapse">

  264.                     <ul class="nav" id="side-menu">

  265.                         <li class="sidebar-search">

  266.                             <div class="input-group custom-search-form">

  267.                                 <input type="text" class="form-control" placeholder="Search...">

  268.                                 <span class="input-group-btn">

  269.                                 <button class="btn btn-default" type="button">

  270.                                     <i class="fa fa-search"></i>

  271.                                 </button>

  272.                             </span>

  273.                             </div>

  274.                             <!-- /input-group -->

  275.                         </li>

  276.                         <li>

  277.                             <a href="index.html"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a>

  278.                         </li>

  279.                         <li>

  280.                             <a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> Charts<span class="fa arrow"></span></a>

  281.                             <ul class="nav nav-second-level">

  282.                                 <li>

  283.                                     <a href="flot.html">Flot Charts</a>

  284.                                 </li>

  285.                                 <li>

  286.                                     <a href="morris.html">Morris.js Charts</a>

  287.                                 </li>

  288.                             </ul>

  289.                             <!-- /.nav-second-level -->

  290.                         </li>

  291.                         <li>

  292.                             <a href="tables.html"><i class="fa fa-table fa-fw"></i> Tables</a>

  293.                         </li>

  294.                         <li>

  295.                             <a href="forms.html"><i class="fa fa-edit fa-fw"></i> Forms</a>

  296.                         </li>

  297.                         <li>

  298.                             <a href="#"><i class="fa fa-wrench fa-fw"></i> UI Elements<span class="fa arrow"></span></a>

  299.                             <ul class="nav nav-second-level">

  300.                                 <li>

  301.                                     <a href="panels-wells.html">Panels and Wells</a>

  302.                                 </li>

  303.                                 <li>

  304.                                     <a href="buttons.html">Buttons</a>

  305.                                 </li>

  306.                                 <li>

  307.                                     <a href="notifications.html">Notifications</a>

  308.                                 </li>

  309.                                 <li>

  310.                                     <a href="typography.html">Typography</a>

  311.                                 </li>

  312.                                 <li>

  313.                                     <a href="icons.html"> Icons</a>

  314.                                 </li>

  315.                                 <li>

  316.                                     <a href="grid.html">Grid</a>

  317.                                 </li>

  318.                             </ul>

  319.                             <!-- /.nav-second-level -->

  320.                         </li>

  321.                         <li>

  322.                             <a href="#"><i class="fa fa-sitemap fa-fw"></i> Multi-Level Dropdown<span class="fa arrow"></span></a>

  323.                             <ul class="nav nav-second-level">

  324.                                 <li>

  325.                                     <a href="#">Second Level Item</a>

  326.                                 </li>

  327.                                 <li>

  328.                                     <a href="#">Second Level Item</a>

  329.                                 </li>

  330.                                 <li>

  331.                                     <a href="#">Third Level <span class="fa arrow"></span></a>

  332.                                     <ul class="nav nav-third-level">

  333.                                         <li>

  334.                                             <a href="#">Third Level Item</a>

  335.                                         </li>

  336.                                         <li>

  337.                                             <a href="#">Third Level Item</a>

  338.                                         </li>

  339.                                         <li>

  340.                                             <a href="#">Third Level Item</a>

  341.                                         </li>

  342.                                         <li>

  343.                                             <a href="#">Third Level Item</a>

  344.                                         </li>

  345.                                     </ul>

  346.                                     <!-- /.nav-third-level -->

  347.                                 </li>

  348.                             </ul>

  349.                             <!-- /.nav-second-level -->

  350.                         </li>

  351.                         <li>

  352.                             <a href="#"><i class="fa fa-files-o fa-fw"></i> Sample Pages<span class="fa arrow"></span></a>

  353.                             <ul class="nav nav-second-level">

  354.                                 <li>

  355.                                     <a href="blank.html">Blank Page</a>

  356.                                 </li>

  357.                                 <li>

  358.                                     <a href="login.html">Login Page</a>

  359.                                 </li>

  360.                             </ul>

  361.                             <!-- /.nav-second-level -->

  362.                         </li>

  363.                     </ul>

  364.                 </div>

  365.                 <!-- /.sidebar-collapse -->

  366.             </div>

  367.             <!-- /.navbar-static-side -->

  368.         </nav>

  369. 

  370.         <div id="page-wrapper">

  371.             <div class="row">

  372.                 <div class="col-lg-12">

  373.                     <h1 class="page-header">Panels and Wells</h1>

  374.                 </div>

  375.                 <!-- /.col-lg-12 -->

  376.             </div>

  377.             <!-- /.row -->

  378.             <div class="row">

  379.                 <div class="col-lg-4">

  380.                     <div class="panel panel-default">

  381.                         <div class="panel-heading">

  382.                             Default Panel

  383.                         </div>

  384.                         <div class="panel-body">

  385.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>

  386.                         </div>

  387.                         <div class="panel-footer">

  388.                             Panel Footer

  389.                         </div>

  390.                     </div>

  391.                 </div>

  392.                 <!-- /.col-lg-4 -->

  393.                 <div class="col-lg-4">

  394.                     <div class="panel panel-primary">

  395.                         <div class="panel-heading">

  396.                             Primary Panel

  397.                         </div>

  398.                         <div class="panel-body">

  399.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>

  400.                         </div>

  401.                         <div class="panel-footer">

  402.                             Panel Footer

  403.                         </div>

  404.                     </div>

  405.                 </div>

  406.                 <!-- /.col-lg-4 -->

  407.                 <div class="col-lg-4">

  408.                     <div class="panel panel-success">

  409.                         <div class="panel-heading">

  410.                             Success Panel

  411.                         </div>

  412.                         <div class="panel-body">

  413.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>

  414.                         </div>

  415.                         <div class="panel-footer">

  416.                             Panel Footer

  417.                         </div>

  418.                     </div>

  419.                 </div>

  420.                 <!-- /.col-lg-4 -->

  421.             </div>

  422.             <!-- /.row -->

  423.             <div class="row">

  424.                 <div class="col-lg-4">

  425.                     <div class="panel panel-info">

  426.                         <div class="panel-heading">

  427.                             Info Panel

  428.                         </div>

  429.                         <div class="panel-body">

  430.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>

  431.                         </div>

  432.                         <div class="panel-footer">

  433.                             Panel Footer

  434.                         </div>

  435.                     </div>

  436.                 </div>

  437.                 <!-- /.col-lg-4 -->

  438.                 <div class="col-lg-4">

  439.                     <div class="panel panel-warning">

  440.                         <div class="panel-heading">

  441.                             Warning Panel

  442.                         </div>

  443.                         <div class="panel-body">

  444.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>

  445.                         </div>

  446.                         <div class="panel-footer">

  447.                             Panel Footer

  448.                         </div>

  449.                     </div>

  450.                 </div>

  451.                 <!-- /.col-lg-4 -->

  452.                 <div class="col-lg-4">

  453.                     <div class="panel panel-danger">

  454.                         <div class="panel-heading">

  455.                             Danger Panel

  456.                         </div>

  457.                         <div class="panel-body">

  458.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>

  459.                         </div>

  460.                         <div class="panel-footer">

  461.                             Panel Footer

  462.                         </div>

  463.                     </div>

  464.                 </div>

  465.                 <!-- /.col-lg-4 -->

  466.             </div>

  467.             <!-- /.row -->

  468.             <div class="row">

  469.                 <div class="col-lg-4">

  470.                     <div class="panel panel-green">

  471.                         <div class="panel-heading">

  472.                             Green Panel

  473.                         </div>

  474.                         <div class="panel-body">

  475.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>

  476.                         </div>

  477.                         <div class="panel-footer">

  478.                             Panel Footer

  479.                         </div>

  480.                     </div>

  481.                     <!-- /.col-lg-4 -->

  482.                 </div>

  483.                 <div class="col-lg-4">

  484.                     <div class="panel panel-yellow">

  485.                         <div class="panel-heading">

  486.                             Yellow Panel

  487.                         </div>

  488.                         <div class="panel-body">

  489.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>

  490.                         </div>

  491.                         <div class="panel-footer">

  492.                             Panel Footer

  493.                         </div>

  494.                     </div>

  495.                     <!-- /.col-lg-4 -->

  496.                 </div>

  497.                 <div class="col-lg-4">

  498.                     <div class="panel panel-red">

  499.                         <div class="panel-heading">

  500.                             Red Panel

  501.                         </div>

  502.                         <div class="panel-body">

  503.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>

  504.                         </div>

  505.                         <div class="panel-footer">

  506.                             Panel Footer

  507.                         </div>

  508.                     </div>

  509.                     <!-- /.col-lg-4 -->

  510.                 </div>

  511.             </div>

  512.             <!-- /.row -->

  513.             <div class="row">

  514.                 <div class="col-lg-12">

  515.                     <div class="panel panel-default">

  516.                         <div class="panel-heading">

  517.                             Collapsible Accordion Panel Group

  518.                         </div>

  519.                         <!-- .panel-heading -->

  520.                         <div class="panel-body">

  521.                             <div class="panel-group" id="accordion">

  522.                                 <div class="panel panel-default">

  523.                                     <div class="panel-heading">

  524.                                         <h4 class="panel-title">

  525.                                             <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">Collapsible Group Item #1</a>

  526.                                         </h4>

  527.                                     </div>

  528.                                     <div id="collapseOne" class="panel-collapse collapse in">

  529.                                         <div class="panel-body">

  530.                                             Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  531.                                         </div>

  532.                                     </div>

  533.                                 </div>

  534.                                 <div class="panel panel-default">

  535.                                     <div class="panel-heading">

  536.                                         <h4 class="panel-title">

  537.                                             <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">Collapsible Group Item #2</a>

  538.                                         </h4>

  539.                                     </div>

  540.                                     <div id="collapseTwo" class="panel-collapse collapse">

  541.                                         <div class="panel-body">

  542.                                             Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  543.                                         </div>

  544.                                     </div>

  545.                                 </div>

  546.                                 <div class="panel panel-default">

  547.                                     <div class="panel-heading">

  548.                                         <h4 class="panel-title">

  549.                                             <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">Collapsible Group Item #3</a>

  550.                                         </h4>

  551.                                     </div>

  552.                                     <div id="collapseThree" class="panel-collapse collapse">

  553.                                         <div class="panel-body">

  554.                                             Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  555.                                         </div>

  556.                                     </div>

  557.                                 </div>

  558.                             </div>

  559.                         </div>

  560.                         <!-- .panel-body -->

  561.                     </div>

  562.                     <!-- /.panel -->

  563.                 </div>

  564.                 <!-- /.col-lg-12 -->

  565.             </div>

  566.             <!-- /.row -->

  567.             <div class="row">

  568.                 <div class="col-lg-6">

  569.                     <div class="panel panel-default">

  570.                         <div class="panel-heading">

  571.                             Basic Tabs

  572.                         </div>

  573.                         <!-- /.panel-heading -->

  574.                         <div class="panel-body">

  575.                             <!-- Nav tabs -->

  576.                             <ul class="nav nav-tabs">

  577.                                 <li class="active"><a href="#home" data-toggle="tab">Home</a>

  578.                                 </li>

  579.                                 <li><a href="#profile" data-toggle="tab">Profile</a>

  580.                                 </li>

  581.                                 <li><a href="#messages" data-toggle="tab">Messages</a>

  582.                                 </li>

  583.                                 <li><a href="#settings" data-toggle="tab">Settings</a>

  584.                                 </li>

  585.                             </ul>

  586. 

  587.                             <!-- Tab panes -->

  588.                             <div class="tab-content">

  589.                                 <div class="tab-pane fade in active" id="home">

  590.                                     <h4>Home Tab</h4>

  591.                                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

  592.                                 </div>

  593.                                 <div class="tab-pane fade" id="profile">

  594.                                     <h4>Profile Tab</h4>

  595.                                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

  596.                                 </div>

  597.                                 <div class="tab-pane fade" id="messages">

  598.                                     <h4>Messages Tab</h4>

  599.                                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

  600.                                 </div>

  601.                                 <div class="tab-pane fade" id="settings">

  602.                                     <h4>Settings Tab</h4>

  603.                                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

  604.                                 </div>

  605.                             </div>

  606.                         </div>

  607.                         <!-- /.panel-body -->

  608.                     </div>

  609.                     <!-- /.panel -->

  610.                 </div>

  611.                 <!-- /.col-lg-6 -->

  612.                 <div class="col-lg-6">

  613.                     <div class="panel panel-default">

  614.                         <div class="panel-heading">

  615.                             Pill Tabs

  616.                         </div>

  617.                         <!-- /.panel-heading -->

  618.                         <div class="panel-body">

  619.                             <!-- Nav tabs -->

  620.                             <ul class="nav nav-pills">

  621.                                 <li class="active"><a href="#home-pills" data-toggle="tab">Home</a>

  622.                                 </li>

  623.                                 <li><a href="#profile-pills" data-toggle="tab">Profile</a>

  624.                                 </li>

  625.                                 <li><a href="#messages-pills" data-toggle="tab">Messages</a>

  626.                                 </li>

  627.                                 <li><a href="#settings-pills" data-toggle="tab">Settings</a>

  628.                                 </li>

  629.                             </ul>

  630. 

  631.                             <!-- Tab panes -->

  632.                             <div class="tab-content">

  633.                                 <div class="tab-pane fade in active" id="home-pills">

  634.                                     <h4>Home Tab</h4>

  635.                                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

  636.                                 </div>

  637.                                 <div class="tab-pane fade" id="profile-pills">

  638.                                     <h4>Profile Tab</h4>

  639.                                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

  640.                                 </div>

  641.                                 <div class="tab-pane fade" id="messages-pills">

  642.                                     <h4>Messages Tab</h4>

  643.                                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

  644.                                 </div>

  645.                                 <div class="tab-pane fade" id="settings-pills">

  646.                                     <h4>Settings Tab</h4>

  647.                                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

  648.                                 </div>

  649.                             </div>

  650.                         </div>

  651.                         <!-- /.panel-body -->

  652.                     </div>

  653.                     <!-- /.panel -->

  654.                 </div>

  655.                 <!-- /.col-lg-6 -->

  656.             </div>

  657.             <!-- /.row -->

  658.             <div class="row">

  659.                 <div class="col-lg-4">

  660.                     <div class="well">

  661.                         <h4>Normal Well</h4>

  662.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>

  663.                     </div>

  664.                 </div>

  665.                 <!-- /.col-lg-4 -->

  666.                 <div class="col-lg-4">

  667.                     <div class="well well-lg">

  668.                         <h4>Large Well</h4>

  669.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>

  670.                     </div>

  671.                 </div>

  672.                 <!-- /.col-lg-4 -->

  673.                 <div class="col-lg-4">

  674.                     <div class="well well-sm">

  675.                         <h4>Small Well</h4>

  676.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue.</p>

  677.                     </div>

  678.                 </div>

  679.                 <!-- /.col-lg-4 -->

  680.             </div>

  681.             <!-- /.row -->

  682.             <div class="row">

  683.                 <div class="col-lg-12">

  684.                     <div class="jumbotron">

  685.                         <h1>Jumbotron</h1>

  686.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing, posuere lectus et, fringilla augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt est vitae ultrices accumsan. Aliquam ornare lacus adipiscing.</p>

  687.                         <p><a class="btn btn-primary btn-lg" role="button">Learn more</a>

  688.                         </p>

  689.                     </div>

  690.                 </div>

  691.                 <!-- /.col-lg-12 -->

  692.             </div>

  693.             <!-- /.row -->

  694.         </div>

  695.         <!-- /#page-wrapper -->

  696. 

  697.     </div>

  698.     <!-- /#wrapper -->

  699. 

  700.     <!-- jQuery -->

  701.     <script src="../vendor/jquery/jquery.min.js"></script>

  702. 

  703.     <!-- Bootstrap Core JavaScript -->

  704.     <script src="../vendor/bootstrap/js/bootstrap.min.js"></script>

  705. 

  706.     <!-- Metis Menu Plugin JavaScript -->

  707.     <script src="../vendor/metisMenu/metisMenu.min.js"></script>

  708. 

  709.     <!-- Custom Theme JavaScript -->

  710.     <script src="../dist/js/sb-admin-2.js"></script>

  711. 

  712. </body>

  713. 

  714. </html>