<!doctype html> <html>

<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>{{ site.title }}</title>
        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

        <style>
                /*
                 * Style tweaks
                 * --------------------------------------------------
                 */
                html,
                body {
                  overflow-x: hidden; /* Prevent scroll on narrow devices */
                }
                body {
                  padding-top: 70px;
                }
                footer {
                  padding: 30px 0;
                }

                /*
                 * Off Canvas
                 * --------------------------------------------------
                 */
                @media screen and (max-width: 767px) {
                  .row-offcanvas {
                    position: relative;
                    -webkit-transition: all .25s ease-out;
                         -o-transition: all .25s ease-out;
                            transition: all .25s ease-out;
                  }

                  .row-offcanvas-right {
                    right: 0;
                  }

                  .row-offcanvas-left {
                    left: 0;
                  }

                  .row-offcanvas-right
                  .sidebar-offcanvas {
                    right: -50%; /* 6 columns */
                  }

                  .row-offcanvas-left
                  .sidebar-offcanvas {
                    left: -50%; /* 6 columns */
                  }

                  .row-offcanvas-right.active {
                    right: 50%; /* 6 columns */
                  }

                  .row-offcanvas-left.active {
                    left: 50%; /* 6 columns */
                  }

                  .sidebar-offcanvas {
                    position: absolute;
                    top: 0;
                    width: 50%; /* 6 columns */
                  }
                }
        </style>

        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

        <!-- Latest compiled and minified JavaScript -->
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
        <script>
        $(document).ready(function () {
                $('[data-toggle="offcanvas"]').click(function () {
                        $('.row-offcanvas').toggleClass('active')
                });
        });
        </script>
</head>
<body>
         <nav class="navbar navbar-fixed-top navbar-inverse">
                <div class="container">
                        <div class="navbar-header">
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                </button>
                                <a class="navbar-brand" href="#">{{ site.title }}</a>
                        </div>
                        <div id="navbar" class="collapse navbar-collapse">
                                <ul class="nav navbar-nav">
                                        <li {% if page.path == 'index.md' %}class="active"{% endif %}><a href="{{ site.baseurl }}/">Home</a></li>
                                        <li><a href="{{ site.baseurl }}/demo/">Demo</a></li>
                                        <li {% if page.path == 'about.md' %}class="active"{% endif %}><a href="{{ site.baseurl }}/about/">About</a></li>
                                </ul>
                        </div><!-- /.nav-collapse -->
                </div><!-- /.container -->
        </nav><!-- /.navbar -->
        <div class="container">
                <div class="row row-offcanvas row-offcanvas-right">
                        <div class="col-sm-9">
                                <p class="pull-right visible-xs">
                                        <button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">
                                                Toggle nav
                                        </button>
                                </p>
                                <div class="jumbotron">
                                        <h1>{{ site.title }}</h1>
                                        <p>
                                                {{ site.description }}
                                        </p>
                                </div>
                                {{ content }}
                        </div>
                        <div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar">
                                <dl>
                                        <dt>Developed By</dt>
                                        <dd><a href="http://saiashirwad.com">Sai Ashirwad Informatia</a></dd>
                                </dl>
                                <dl>
                                        <dt>Authored By</dt>
                                        <dd><a href="{{ site.author.link }}">{{ site.author.name }}</a></dd>
                                </dl>
                                <dl>
                                        <dt>Listed on</dt>
                                        <dd><a href="https://jekyll.in/demo/jekyll-theory-template">Jekyll.in</a></dd>
                                </dl>
                                <dl>
                                        <dt><a href="{{ site.gitlab_url }}/repository/archive.zip?ref=master">Download</a></dt>
                                </dl>
                                <dl>
                                        <dt><a href="http://opensource.org/licenses/MIT">MIT License</a></dt>
                                </dl>
                                <div class="text-center">
                                <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                                <!-- Jekyll Templates -->
                                <ins class="adsbygoogle"
                                     style="display:inline-block;width:300px;height:250px"
                                     data-ad-client="ca-pub-8478515778193974"
                                     data-ad-slot="6126031647"></ins>
                                <script>
                                (adsbygoogle = window.adsbygoogle || []).push({});
                                </script>
                                </div>
                        </div>
                </div>
        </div>
        {{ site.google_analytics | google_analytics }}
</body>

</html>