-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·130 lines (116 loc) · 4.8 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
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
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<!--[if ie]><meta content='IE=8' http-equiv='X-UA-Compatible'/><![endif]-->
<title>TopHat.ie</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/style.css">
<script src="js/libs/modernizr-2.5.3.min.js"></script>
<script>
// Edit to suit your needs.
var ADAPT_CONFIG = {
// Where is your CSS?
path: 'css/',
// false = Only run once, when page first loads.
// true = Change on window resize and page tilt.
dynamic: true,
// First range entry is the minimum.
// Last range entry is the maximum.
// Separate ranges by "to" keyword.
range: [
'240px to 640px = style320min.css',
'640px to 900px = style640min.css'
]
};
</script>
<script src="js/libs/adapt.min.js"></script>
</head>
<body>
<div id="background-blur">
<header>
<div id="menu">
<ul>
<li id="menuhome"><a href="index.html" class="active">Home</a></li>
<li id="menuabout"><a href="aboutus.html">About Us</a></li>
<li id="menuplatform"><a href="#">Platform</a></li>
<li id="menuapps"><a href="#">Apps</a></li>
<li id="menusupport"><a href="#">Support</a></li>
</ul>
</div>
<div id="banner">
<div id="logo"><img src="img/logo.png" alt="TopHat.ie" /></div>
<img id="like" src="img/like-tophats.png" alt="Like TopHats? So do we"/>
</div>
</header>
<div role="main" id="mainbit">
<div id="platform">
<h3><img src="img/platform.png" alt="Platform"/></h3>
<ul>
<li>We are designing a distributed platform to support these applications.</li>
<li>Our platform is a framework from which many different applications can work with location data.</li>
<li class="lastchild">Its simplified, open interface can easily be accessed by other developers.</li>
</ul>
<a id="platformlink" href="#">Read More...</a>
</div>
<div id="apps">
<h3><img src="img/our-apps.png" alt="Our Apps"/></h3>
<ul>
<li>Our initial applications are a simple demonstration of our platform to prove its capabilities and its usefulness.</li>
<li class="lastchild">We want developers from across the world to use our platform to build high-quality multiplayer games for mobiles.</li>
</ul>
<a id="applink" href="#">Read More...</a>
</div>
<div id="twitter">
<h3><img src="img/follow-us.png" alt="Follow Us"/></h3>
<ul>
<li><a href="http://twitpic.com/9nop3b">http://twitpic.com/9nop3b</a> continuing office surfing with <a href="http://www.twitter.com/tophatsoftware">@tophatsoftware</a> and <a href="http://www.twitter.com/seanblanchfield">@seanblanchfield</a></li>
<li>Marathon <a href="http://www.twitter.com/tophatsoftware">@TopHatSoftware</a> Our whiteboard is now full. This is important to us.</li>
<li class="lastchild"><a href="http://www.twitter.com/tophatsoftware">@tophatsoftware</a> office looks familiar! <a href="http://instagr.am/p/KpbG0Axb6l/">http://instagr.am/p/KpbG0Axb6l/</a></li>
</ul>
<a id="twitterlink" href="#">Read More...</a>
</div>
<div class=".clearfix" style="clear: both;"> </div>
</div>
</div>
<div class=".clearfix" style="clear: both;"> </div>
<footer>
<div id="footercenter">
<div class="footerbox">
<span class="footerheading">Site Map</span>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Platform</a></li>
<li><a href="#">Apps</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div class="footerbox" id="contactfooter">
<span class="footerheading">Contact Us</span>
<p>
[email protected]<br />
3<sup>rd</sup> Floor<br />
8 Dawson St.<br />
Dublin 2<br />
Ireland.
</p>
</div>
<div class="footerbox" id="copyright">
<span class="footerheading">© TopHat.ie 2012</span>
</div>
</div>
</footer>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js"><\/script>')</script>
<!-- scripts concatenated and minified via ant build script-->
<script src="js/plugins.js"></script>
<script src="js/script.js"></script>
<!-- end scripts-->
</body>
</html>