forked from brendandebeasi/responsive-hackathon
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
47 lines (47 loc) · 3.11 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
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>NFL Labs - A showcase of our prototypes, hackathon results, and any other miscellaneous projects we've been working on.</title>
<link href="./index-assets/style.css" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600,700' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="container">
<header>
<img class="logo" src="./index-assets/logo.png" />
<div class="title">
<h1>Mobile Web Hackathon</h1>
<h2>Mahdi Tehrani, Chris Welch, Tsvika Solan, and Brendan DeBeasi</h2>
</div>
<div class="clear"></div>
</header>
<table border="0" class="content"><!-- Yes I used a table, yes there is a better way to do this. Don't judge me ^_^ -->
<tr valign="top">
<td width="33%">
<a class="button " href="./bootstrap/index.html">View Demo 1</a>
<p>
Responsive website built with <a href="http://twitter.github.com/bootstrap/">Twitter’s Bootstrap</a> prototyping framework. Makes use of the <a href="https://github.com/srobbin/jquery-pageslide">PageSlide</a> plugin to handle the slide out navigation. Also makes use of the <a href="https://github.com/brendandebeasi/jHeightMaster">jHeightMaster</a> plugin to keep certain elements vertically aligned.
</p>
</td><!--
--><td width="33%">
<a class="button " href="./bootstrap/index2.html">View Demo 2</a>
<p>
A second website built with <a href="http://twitter.github.com/bootstrap/">Twitter's Bootstrap</a> prototyping framework. Represents a completely new layout from any other club site in use today. The design patterns used are commonly found on various responsive sites on the internet. Desktop navigation is always visible no matter where on the page you scroll to. <a href="http://www.responsiveads.com/">Responsive ads</a> are also a feature of this website. Makes use of the <a href="https://github.com/srobbin/jquery-pageslide">PageSlide</a> plugin to handle the slide out navigation.
</p>
</td><!--
--><td width="33%">
<a class="button " href="./zurb/index.html">View Demo 3</a>
<p>
Responsive website built with <a href="http://foundation.zurb.com/">Zurb's Foundation</a> prototyping framework. This layout does not require any special plugins to handle side slide out navigatio as it is a feature of the framework. Features a premium desktop view for resolutions 1200+ pixels wide.
</p>
</td>
</tr>
</table>
<footer>Copyright © 2013 National Football League</footer>
</div>
<script src="bootstrap/components/jquery/jquery.js"></script>
<script src="zurb/javascripts/foundation/jquery.js"></script>
<img style="display:none;" src="shared-images/carousel-1.jpg">
</body>
</html>