-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathdevelopers.html
183 lines (161 loc) · 6.98 KB
/
developers.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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<!DOCTYPE html>
<!-- connect4 developers.html -->
<!-- Designed & developed by Aman Srivastava, Mihir Rana & Sahil Lamba -->
<!-- Picture Courtesy: Yash Sharma -->
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="A simple and awesome, virtual Connect 4 game!">
<link href="images/favicon.ico" rel="shortcut icon" type="image/icon">
<link href="images/favicon.ico" rel="icon" type="image/icon">
<link href="css/main.css" rel="stylesheet" type="text/css">
<link href="css/dev.css" rel="stylesheet" type="text/css">
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Ubuntu|Pacifico' rel='stylesheet' type='text/css'>
<title>Developers | Connect 4</title>
</head>
<body>
<div class="scroll-down-instruction">
<p>Scroll down</p>
<i class="fa fa-arrow-down"></i>
</div>
<a href="#top">
<div class="to-top">
<i class="fa fa-arrow-up"></i>
<p>Top</p>
</div>
</a>
<div id="wrapper">
<div class="header">
<div class="head-element left">
<div>
<a href="index.html"><h1>Connect<span style="color: #d83018; font-size:42px;">4</span><span style="font-size:14px;font-family:Ubuntu;color:#999;"> (Beta)</span></h1></a>
</div>
</div>
<div class="head-element right">
<div>
<a href="index.html"><div class="play"><i class="fa fa-play-circle-o fa-lg"></i> Play!</div></a>
</div>
</div>
</div>
<div class="member sahil-back" data-type="prllx-layer" data-speed="6" id="top">
<div>
<div class="member-img left sahil">
</div>
<div class="member-desc right">
<h3>SAHIL LAMBA <br><span style="color:#555; font-size:15px;">(a.k.a The Drums Knight)</span></h3>
<h4>Designer</h4>
<p>
<br>
The one who makes it all look good. With his mind-boggling designing skills, he has been executing ugly pixels since 1995, for drinks (soft)! In his free time he loves to drum, code and brew coffee, all at the same time. He is known around the campus for his multiple alarms and his yellow shorts not to mention his multi-dimensional talents and amazing kiddish smile.
</p>
<p>
<br>
<a href="https://www.facebook.com/sahil.lamba95" class="text-link"><i class="fa fa-facebook-square"></i> Facebook </a>
<br>
<a href="mailto:[email protected]" class="text-link"><i class="fa fa-envelope"></i> [email protected]</a>
</p>
</div>
</div>
</div>
<div class="member aman-back" data-type="prllx-layer" data-speed="3" id="aman">
<div>
<div class="member-img right aman">
</div>
<div class="member-desc left">
<h3>AMAN SHRIVASTAVA <br><span style="color:#555; font-size:15px;">(a.k.a The Dork Knight)</span></h3>
<h4>Developer</h4>
<p>
<br>
The one who makes it all run. He is the brains behind the AI. Can make fun of almost everything except red polka dots. In his free time he loves to read, write and make people uncomfortable though not all at the same time. He is not known around the campus, but he should be, for his pink shirt which he is completely ignorant about not to mention his sarcastic comments and awesome write-ups. And yes he wrote this himself.
</p>
<p>
<br>
<a href="https://www.facebook.com/aman.srivastava.520125" class="text-link"><i class="fa fa-facebook-square"></i> Facebook </a>
<a href="http://amanthedorkknight.wordpress.com/" class="text-link"><i class="fa fa-wordpress"></i> Blog</a>
<br>
<a href="mailto:[email protected]" class="text-link"><i class="fa fa-envelope"></i> [email protected]</a>
</p>
</div>
</div>
</div>
<div class="member mihir-back" data-type="prllx-layer" data-speed="6" id="mihir">
<div>
<div class="member-img left mihir">
</div>
<div class="member-desc right">
<h3>MIHIR RANA <br><span style="color:#555; font-size:15px;">(a.k.a The Despicable Knight)</span></h3>
<h4>Developer</h4>
<p>
<br>
The one who has the plan. He is the head logic tester(though we only have one). Programming or not, he can troubleshoot most problems. In his free time he loves to play football, watch movies and unnecessarily use torrents. He is known around the campus for his freakishly-lean figure and supposedly good looks. He is believed to bring a lot of traffic to the site.
</p>
<p>
<br>
<a href="https://www.facebook.com/ranamihir" class="text-link"><i class="fa fa-facebook-square"></i> Facebook </a>
<br>
<a href="mailto:[email protected]" class="text-link"><i class="fa fa-envelope"></i> [email protected]</a>
</p>
</div>
</div>
</div>
<div class="member sam-back" data-type="prllx-layer" data-speed="3">
<div>
<div class="member-img right sam">
</div>
<div class="member-desc left">
<h3>S.A.M. <br><span style="color:#555; font-size:15px;">(a.k.a Smartly Adulterated Machine)</span></h3>
<h4>Artificial Intelligence</h4>
<h3 style="padding: 39px 0;">
Mostly harmless.
</h3>
<p>
<i class="text-link"><i class="fa fa-facebook-square"></i> He's unsocial </i>
<br>
<i class="text-link"><i class="fa fa-envelope"></i> Its a machine, it has a MAC address if you want.</i>
</p>
</div>
</div>
</div>
<div style="padding: 20px 0; width:100%;">
P.S. If you find something fishy, its not a bug, its a feature!
<br><br>
<a href="mailto:[email protected]" class="text-link"><i class="fa fa-envelope"></i> Write to us at [email protected]</a>
</div>
</div>
<script src = "http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
var down = $('.scroll-down-instruction'), up = $('.to-top');
$(window).scroll(function () {
if ($(window).scrollTop() > 300) {
down.fadeOut(100);
up.fadeIn(300);
} else {
up.fadeOut(100);
down.fadeIn(300);
}
});
$('a[href="#top"]').on('click', function (e) {
e.preventDefault();
var target = this.hash, $target = $(target);
$('html, body').stop().animate({
'scrollTop': $target.offset().top
}, 1000, 'swing', function () {
//window.location.hash = target;
});
});
});
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-53701656-1', 'auto');
ga('require', 'displayfeatures');
ga('send', 'pageview');
</script>
</body>
</html>