Untitled

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <title>Control Panel</title>
        <meta name="generator" content="Bootply" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <link href="http://185.13.226.164/bootstrap/css/bootstrap.min.css" rel="stylesheet">

        <!--[if lt IE 9]>
          <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

        <style type="text/css">
            body {
              padding-top: 51px;
            }
            .text-center {
              padding-top: 20px;
            }
            .col-xs-12 {
              background-color: #fff;
            }
            #sidebar {
              height: 100%;
              padding-right: 0;
              padding-top: 20px;
            }
            #sidebar .nav {
              width: 95%;
              position: fixed;
            }
        </style>
    </head>

    <body>
        <div class="page-container">
            <div class="container">
            <div class="row row-offcanvas row-offcanvas-left">

            <div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation">
                <ul class="nav">
                  <li class="active"><a href="#">Home</a></li>
                  <li><a href="#">Link 1</a></li>
                  <li><a href="#">Link 2</a></li>
                  <li><a href="#">Link 3</a></li>
                </ul>
            </div>

            <div class="col-xs-12 col-sm-9">
              <h1>Lorem ipsum dolor sit amet</h1>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus in nisi eu arcu tempus vehicula.
                Nulla faucibus cursus metus in sagittis. Nunc elit leo, imperdiet in ligula in, euismod varius est.
                Aenean pellentesque lorem a porttitor placerat. Vestibulum placerat nunc ac rutrum fringilla. Donec
                arcu leo, tempus adipiscing volutpat id, congue in purus. Pellentesque scelerisque mattis nibh vel
                semper. Sed a risus purus. Fusce pulvinar, velit eget rhoncus facilisis, enim elit vulputate nisl, a
                euismod diam metus eu enim. Nullam congue justo vitae justo accumsan, sit amet malesuada nulla sagittis.
                Nam neque tellus, tristique in est vel, sagittis congue turpis. Aliquam nulla lacus, laoreet dapibus
                odio vitae, posuere volutpat magna. Nam pulvinar lacus in sapien feugiat, sit amet vestibulum enim
                eleifend. Integer sit amet ante auctor, lacinia sem quis, consectetur nulla.</p>

              <p>Vestibulum porttitor massa eget pellentesque eleifend. Suspendisse tempor, nisi eu placerat auctor,
                est erat tempus neque, pellentesque venenatis eros lorem vel quam. Nulla luctus malesuada porttitor.
                Fusce risus mi, luctus scelerisque hendrerit feugiat, volutpat gravida nisi. Quisque facilisis risus
                in lacus sagittis malesuada. Suspendisse non purus diam. Nunc commodo felis sit amet tortor
                adipiscing varius. Fusce commodo nulla quis fermentum hendrerit. Donec vulputate, tellus sed
                venenatis sodales, purus nibh ullamcorper quam, sit amet tristique justo velit molestie lorem.</p>

              <p>Fusce sollicitudin lacus lacinia mi tincidunt ullamcorper. Aenean velit ipsum, vestibulum nec
                tincidunt eu, lobortis vitae erat. Nullam ultricies fringilla ultricies. Sed euismod nibh quis
                tincidunt dapibus. Nulla quam velit, porta sit amet felis eu, auctor fringilla elit. Donec
                convallis tincidunt nibh, quis pellentesque sapien condimentum a. Phasellus purus dui, rhoncus
                id suscipit id, ornare et sem. Duis aliquet posuere arcu a ornare. Pellentesque consequat libero
                id massa accumsan volutpat. Fusce a hendrerit lacus. Nam elementum ac eros eu porttitor.
                Phasellus enim mi, auctor sit amet luctus a, commodo fermentum arcu. In volutpat scelerisque
                quam, nec lacinia libero.</p>

              <p>Aliquam a lacinia orci, iaculis porttitor neque. Nullam cursus dolor tempus mauris posuere, eu
                scelerisque sem tincidunt. Praesent blandit sapien at sem pulvinar, vel egestas orci varius.
                Praesent vitae purus at ante aliquet luctus vel quis nibh. Mauris id nulla vitae est lacinia
                rhoncus a vel justo. Donec iaculis quis sapien vel molestie. Aliquam sed elementum orci.
                Vestibulum tristique tempor risus et malesuada. Sed eget ligula sed quam placerat dapibus.
                Integer accumsan ac massa at tempus.</p>

              <p>Aliquam a lacinia orci, iaculis porttitor neque. Nullam cursus dolor tempus mauris posuere, eu
                scelerisque sem tincidunt. Praesent blandit sapien at sem pulvinar, vel egestas orci varius.
                Praesent vitae purus at ante aliquet luctus vel quis nibh. Mauris id nulla vitae est lacinia
                rhoncus a vel justo. Donec iaculis quis sapien vel molestie. Aliquam sed elementum orci.
                Vestibulum tristique tempor risus et malesuada. Sed eget ligula sed quam placerat dapibus.
                Integer accumsan ac massa at tempus.</p>

              <p>Aliquam a lacinia orci, iaculis porttitor neque. Nullam cursus dolor tempus mauris posuere, eu
                scelerisque sem tincidunt. Praesent blandit sapien at sem pulvinar, vel egestas orci varius.
                Praesent vitae purus at ante aliquet luctus vel quis nibh. Mauris id nulla vitae est lacinia
                rhoncus a vel justo. Donec iaculis quis sapien vel molestie. Aliquam sed elementum orci.
                Vestibulum tristique tempor risus et malesuada. Sed eget ligula sed quam placerat dapibus.
                Integer accumsan ac massa at tempus.</p>

                <p>Aliquam a lacinia orci, iaculis porttitor neque. Nullam cursus dolor tempus mauris posuere, eu
                scelerisque sem tincidunt. Praesent blandit sapien at sem pulvinar, vel egestas orci varius.
                Praesent vitae purus at ante aliquet luctus vel quis nibh. Mauris id nulla vitae est lacinia
                rhoncus a vel justo. Donec iaculis quis sapien vel molestie. Aliquam sed elementum orci.
                Vestibulum tristique tempor risus et malesuada. Sed eget ligula sed quam placerat dapibus.
                Integer accumsan ac massa at tempus.</p>

              <p>Aliquam a lacinia orci, iaculis porttitor neque. Nullam cursus dolor tempus mauris posuere, eu
                scelerisque sem tincidunt. Praesent blandit sapien at sem pulvinar, vel egestas orci varius.
                Praesent vitae purus at ante aliquet luctus vel quis nibh. Mauris id nulla vitae est lacinia
                rhoncus a vel justo. Donec iaculis quis sapien vel molestie. Aliquam sed elementum orci.
                Vestibulum tristique tempor risus et malesuada. Sed eget ligula sed quam placerat dapibus.
                Integer accumsan ac massa at tempus.</p>

              <p>Aliquam a lacinia orci, iaculis porttitor neque. Nullam cursus dolor tempus mauris posuere, eu
                scelerisque sem tincidunt. Praesent blandit sapien at sem pulvinar, vel egestas orci varius.
                Praesent vitae purus at ante aliquet luctus vel quis nibh. Mauris id nulla vitae est lacinia
                rhoncus a vel justo. Donec iaculis quis sapien vel molestie. Aliquam sed elementum orci.
                Vestibulum tristique tempor risus et malesuada. Sed eget ligula sed quam placerat dapibus.
                Integer accumsan ac massa at tempus.</p>

              <p>Aliquam a lacinia orci, iaculis porttitor neque. Nullam cursus dolor tempus mauris posuere, eu
                scelerisque sem tincidunt. Praesent blandit sapien at sem pulvinar, vel egestas orci varius.
                Praesent vitae purus at ante aliquet luctus vel quis nibh. Mauris id nulla vitae est lacinia
                rhoncus a vel justo. Donec iaculis quis sapien vel molestie. Aliquam sed elementum orci.
                Vestibulum tristique tempor risus et malesuada. Sed eget ligula sed quam placerat dapibus.
                Integer accumsan ac massa at tempus.</p>

                <p>Aliquam a lacinia orci, iaculis porttitor neque. Nullam cursus dolor tempus mauris posuere, eu
                scelerisque sem tincidunt. Praesent blandit sapien at sem pulvinar, vel egestas orci varius.
                Praesent vitae purus at ante aliquet luctus vel quis nibh. Mauris id nulla vitae est lacinia
                rhoncus a vel justo. Donec iaculis quis sapien vel molestie. Aliquam sed elementum orci.
                Vestibulum tristique tempor risus et malesuada. Sed eget ligula sed quam placerat dapibus.
                Integer accumsan ac massa at tempus.</p>

            </div>
            </div>
            </div>
        </div>

        <script type='text/javascript' src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script type='text/javascript' src="http://185.13.226.164/bootstrap/js/bootstrap.min.js"></script>
    </body>
</html>