Commit 42f6368a authored by Pallav Agarwal's avatar Pallav Agarwal

About Me added

parent 84b8eb80
......@@ -29,7 +29,8 @@
<div class="col-sm-6 vcenter">
<div class="row" id="top_menu">
<ul class="nav nav-pills">
<li class="active"><a href="#">Blog</a></li>
<li class="active" id="blog"><a class="color_change" href="#">Blog</a></li>
<li id="about"><a class="color_change" href="/about_me/">About Me</a></li>
</ul>
</div>
</div>
......
......@@ -27,7 +27,8 @@
<div class="col-sm-6 vcenter">
<div class="row" id="top_menu">
<ul class="nav nav-pills">
<li class="active"><a href="#">Blog</a></li>
<li class="active" id="blog"><a class="color_change" href="#">Blog</a></li>
<li id="about"><a class="color_change" href="/about_me/">About Me</a></li>
</ul>
</div>
</div>
......
<title>About Me - VARSTACK</title>
<meta charset="utf-8"/>
<link href='http://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<link href="/css/bootstrap.css" rel="stylesheet">
<link href="/css/highlighting.css" rel="stylesheet">
<link href="/css/style.css" rel="stylesheet">
<script src="/js/jquery-1.11.3.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/SmoothScroll.js"></script>
<script src="/js/script.js"></script>
<script src="/js/about.js" ></script>
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<div class="container">
<div class="row" id="menu">
<div class="table_this" id="tableRow">
<div class="col-sm-3 vcenter" id="site_title">VARSTACK</div>
<div class="col-sm-6 vcenter">
<div class="row" id="top_menu">
<ul class="nav nav-pills">
<li class="active" id="blog"><a class="color_change" href="#">Blog</a></li>
<li id="about"><a class="color_change" href="/about_me/">About Me</a></li>
</ul>
</div>
</div>
<div class="col-sm-3 vcenter">
<div class="row">
<form action="/search/" id='search-form'>
<input id="search-box" type="text" name="query" placeholder="Search..">
</form>
</div>
</div>
</div>
</div>
<div class="row" id="content">
<div class="col-sm-3" id="recent">
<h4>RECENT POSTS</h4>
<ul class="nav nav-pills nav-stacked">
<li>
<a href="/2015/06/26/Linuxbrew/" class="color_change">Package Management without root access -...</a>
</li>
<li>
<a href="/2015/06/18/IIT-Kanpur/" class="color_change">IIT Kanpur: The First Year</a>
</li>
</ul>
</div>
<div class="col-sm-7">
<div class="row" id="data">
<br />
<h3>About Me</h3>
<hr />
<div class="row text-justify" id="content-holder">
<blockquote><p>"It always takes longer than you expect, even
when you take into account Hofstadter's Law."</p>
<p><p style="text-align:right"> —Hofstader's Law </p></p></blockquote>
<p>I am Pallav Agarwal, a sophomore at the department of
Computer Science and Engineering, Indian Institute of
Technology, Kanpur.</p>
</div>
</div>
</div>
<div class="col-sm-2">
</div>
</div>
</div>
<div class="modal fade" id="imagemodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">&times;</span>
<span class="sr-only">Close</span>
</button>
<h4 class="modal-title" id="myModalLabel">
Image Preview
</h4>
</div>
<div class="modal-body">
<img src="" id="imagepreview" style="max-height: 100%; max-width: 100%;">
</div>
</div>
</div>
</div>
......@@ -54,6 +54,11 @@
.modal .modal-header {
text-align: left; }
blockquote {
font-size: 15px;
font-family: serif;
font-style: italic; }
input {
width: 100%;
height: 100%;
......
......@@ -20,7 +20,7 @@
<![endif]-->
<img src="/img/langs.png" id="bg-img" alt="Programming Languages Banner">
<img src="/img/homepage.jpg" id="bg-img" alt="Programmers Wallpaper banner">
<div class="container">
<div class="row" id="menu">
......@@ -29,7 +29,8 @@
<div class="col-sm-6 vcenter">
<div class="row" id="top_menu">
<ul class="nav nav-pills">
<li class="active"><a href="#">Blog</a></li>
<li class="active" id="blog"><a class="color_change" href="#">Blog</a></li>
<li id="about"><a class="color_change" href="/about_me/">About Me</a></li>
</ul>
</div>
</div>
......
(function() {
var init;
init = function() {
$('.active').removeClass('active');
return $('#about').addClass('active');
};
$(init);
}).call(this);
......@@ -31,7 +31,8 @@
<div class="col-sm-6 vcenter">
<div class="row" id="top_menu">
<ul class="nav nav-pills">
<li class="active"><a href="#">Blog</a></li>
<li class="active" id="blog"><a class="color_change" href="#">Blog</a></li>
<li id="about"><a class="color_change" href="/about_me/">About Me</a></li>
</ul>
</div>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment