-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
63 lines (61 loc) · 2.81 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE HTML>
<html>
<head>
<title>ROHIT GUPTA</title>
<meta name="description" content="website description" />
<meta name="keywords" content="website keywords, website keywords" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!-- modernizr enables HTML5 elements and feature detects -->
<script type="text/javascript" src="js/modernizr-1.5.min.js"></script>
</head>
<body>
<div id="main">
<header>
<div id="logo"><h1>ROHIT<a href="#">GUPTA</a></h1></div>
<nav>
<ul class="lavaLampWithImage" id="lava_menu">
<li class="current"><a href="index.html">Home</a></li>
<li><a href="about.html">About me</a></li>
<li><a href="portfolio.html">My Portfolio</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<div id="site_content">
<div id="sidebar_container">
<div class="gallery">
<ul class="images">
<li class="show"><img width="450" height="450" src="images/1.jpg" alt="photo_one" /></li>
<li><img width="450" height="450" src="images/2.jpg" alt="photo_two" /></li>
<li><img width="450" height="450" src="images/3.jpg" alt="photo_three" /></li>
</ul>
</div>
</div>
<div id="content">
<h1>Welcome to my page</h1>
<p>This website will contain some materials for freashers which will guide them to fully utilize their college days and to add new skills to them. I'm computer science student so my suggestions will be more oriented towards computer science. That doesn't mean it is not for others. If you are intelligent then you can also apply. </p>
<p>This website currently doesn't have anything as I'm busy nowdays. I will try to put something soon. Visit again.</p>
</div>
</div>
<footer>
<p><a href="index.html"> Home </a> | <a href="about.html"> About Me </a> | <a href="portfolio.html"> My Portfolio </a> | <a href="blog.html"> Blog </a> | <a href="contact.html"> Contact </a></p>
<p> Issued under GPL | design from <a href="http://www.css3templates.co.uk">here</a></p>
</footer>
</div>
<!-- javascript at the bottom for fast page loading -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/jquery.lavalamp.min.js"></script>
<script type="text/javascript" src="js/image_fade.js"></script>
<script type="text/javascript">
$(function() {
$("#lava_menu").lavaLamp({
fx: "backout",
speed: 700
});
});
</script>
</body>
</html>