-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
240 lines (218 loc) · 11.5 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
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
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Ghost in a Bottle - Leading Industry Visionaries</title>
<meta content="Ghost in a Bottle" property="og:site_name"/>
<meta content="Ghost in a Bottle is a game development studio working on Octopus City Blues." property="og:description"/>
<meta content="Ghost in a Bottle is a game development studio working on Octopus City Blues." name="description"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<meta content="@ghostinabottle" name="twitter:site"/>
<meta content="@ghostinabottle" property="twitter:creator"/>
<meta content="Ghost in a Bottle" name="twitter:title"/>
<meta content="Ghost in a Bottle is a game development studio working on Octopus City Blues." name="twitter:description"/>
<meta content="https://ghostinabottle.com" name="twitter:url"/>
<link rel="stylesheet" href="css/main.min.css"/>
<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript" src="js/fancyzoom.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('div.photo a').fancyZoom({directory: 'images/zoom', scaleImg: true, closeOnClick: true});
});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-34212577-2']);
_gaq.push(['_gat._anonymizeIp']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="bg">
<div class="wrap">
<!-- logo -->
<h1><a href="/">Ghost in a Bottle</a></h1>
<!-- /logo -->
<!-- menu -->
<div id="mainmenu">
<ul id="menu">
<li><a class="current" href="/">Home</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
<!-- /menu -->
<!-- pitch -->
<div id="pitch">
<div id="slideshow">
<!-- 1st frame -->
<div class="active">
<img src="images/pitch/meeting.jpg" alt="" />
<div class="overlay transparent">
<h2>Conference-Oriented</h2>
</div>
</div>
<!-- /1st frame -->
<!-- 2nd frame -->
<div>
<img src="images/pitch/globalteam.jpg" alt="" />
<div class="overlay transparent">
<h2>Outsourcing Innovation</h2>
</div>
</div>
<!-- /2nd frame -->
<!-- 3rd frame -->
<div>
<img src="images/pitch/icu.jpg" alt="" />
<div class="overlay transparent">
<h2>We See You</h2>
</div>
</div>
<!-- 4th frame -->
<div>
<img src="images/pitch/countmoney.jpg" alt="" />
<div class="overlay transparent">
<h2>Our Vision</h2>
</div>
</div>
<!-- 3rd frame -->
</div>
</div>
<!-- /pitch -->
<div id="notice">
Note: This website is mostly a parody, but Ghost in a Bottle is a real Amsterdam-based game development company.
Check out <a href="https://octopuscityblues.com" target="_blank">Octopus City Blues</a> and our <a href="https://octopuscityblues.com/presskit/" target="_blank">press kit</a> for more information.
</div>
<!-- main -->
<div id="main">
<div id="intro">
<h2>Welcome</h2>
<p>Ghost in a Bottle and Sons (GiaB) is a world-class global
mega-corporation committed to cutting-edge end-to-end delivery
of interactive multimedia e-business and personal synergistic
solutions for customers. We are a paragon of innovative leadership
and viral marketing with unparalleled resources and lots of money.
</p>
<p>
Our vision is to leverage unmatched in-house expertise and our
extensive global network of partners to aid our loyal clients in
empowering their customers by developing their market
potential and optimizing their business processes.
</p>
<p>
GiaB is proud of its exceptional vertical team of millions of
visionaries spread all over the known world. To them, GiaB is
the protective father they never had, empowering them with
everything they need in order to provide 24/365 B2B support and
develop our arsenal of mission-critical data simulations in
over a dozen of GiaB-operated arcologies around the globe.
</p>
<p>
What are you waiting for? Unleash your inner ghost... in a bottle!
</p>
</div>
<!-- bits -->
<div id="bits">
<div class="bit">
<h4>Founder</h4>
<div class="photo">
<a href="#approach"><img src="images/pitch/grandpa.jpg" alt="Thumb" /></a>
</div>
<p>The story of an aggressive acquisition turned into a profitable global organization.</p>
<div id="approach">
<img src="images/pitch/grandpa.jpg" alt="Founder" />
<p class="popup_text">Psst. Yo. This here is a hidden message
left by the Military of Ghostbusters (MoG) and Mothers Against
GiaB Intl. (MAGI). Do not believe their filthy lies!
Stay tuned for more messages. Over and out.</p>
</div>
</div>
<div class="bit">
<h4>Support</h4>
<div class="photo">
<a href="#methods"><img src="images/pitch/support.jpg" alt="Thumb" /></a>
</div>
<p>Presentable employees eager to establish a working relationship with you.</p>
<div id="methods">
<img src="images/pitch/support.jpg" alt="Support" />
<p class="popup_text">MoG and MAGI managed to bypass GiaB's security systems.
We strive to bring you the truth no matter how ugly it may be. GiaB SUCKS.
Greedy corporations that destroy our planet are totally not cool.
Over and out.</p>
</div>
</div>
<div class="bit last">
<h4>Diversity</h4>
<div class="photo">
<a href="#results"><img src="images/pitch/diversity.png" alt="Thumb" /></a>
</div>
<p>A happy environment for everyone, regardless of their race or ethnicity.</p>
<div id="results">
<img src="images/pitch/diversity.png" alt="Diversity" />
<p class="popup_text">This guy here is an Android. No one can be that
happy in a world run by corporations like GiaB. Well, he might alternatively
be a cyborg, or a genetically modified mutant. That'd explain why there are
two of them in the picture. Over and out.</p>
</div>
</div>
<div class="clear"></div>
</div>
<!-- /bits -->
</div>
<!-- /main -->
<!-- side -->
<div id="side">
<h4>Latest News</h4>
<div class="news">
<h5><a href="#">GiaB Oil to Drill New Wells</a></h5>
<p>Upstream oil regulators have given nod to Ghost in a Bottle Oil
to drill 4 new wells as part of a USD 2.8 billion plan to develop
gas fields in a protected national wildlife refuge.</p>
</div>
<div class="news">
<h5><a href="#">GiaB Forecasts Skyrocket as Fighting Resumes</a></h5>
<p>Fighting erupted in the interstellar colonies after a brief ceasefire.
This development was beneficial to GiaB War Industries end of year forecasts
with the expected increase in demand for military equipment and private army
units.
</p>
</div>
<div class="news">
<h5><a href="#">Bank Union Pleased with GiaB</a></h5>
<p>The Global Bank Union has scrapped plans to conduct a thorough inquiry
into allegations that Ghost in a Bottle Banking Division was involved in
massive money laundering operations that might have funded illegal activities around
the world. The head of the union was quoted saying "GiaB is OK in my book"
</p>
</div>
</div>
<!-- /side -->
</div>
<!-- footer -->
<div id="footer">
<div id="footerbg">
<div class="wrap">
<!-- footer links -->
<p id="footer_menu">
<a href="https://twitter.com/ghostinabottle" target="_blank">Follow Us</a>
<a href="contact.html">Jobs @ GiaB</a>
<a href="privacy.html">Cookie and Privacy Policy</a>
<!-- credit link -->
<a href="http://www.solucija.com" title="Free CSS Templates" target="_blank">Solucija</a>
</p>
<!-- /footer links -->
<p id="copy">Ghost in a Bottle <span>Dehumanize Yourself</span></p>
<div class="clear"></div>
</div>
</div>
</div>
<!-- /footer -->
</div>
</body>
</html>