<!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>