-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
211 lines (198 loc) · 8.09 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
<!DOCTYPE html>
<html>
<head>
<!-- Standard Meta -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<!-- Site Properities -->
<title>Workrooms</title>
<link rel="icon" type="image/png" href="images/favicon.png" />
<link rel="stylesheet" type="text/css" href="css/semantic.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/jquery.fullPage.css">
<link rel="stylesheet" type="text/css" href="css/default.css">
<script src="javascript/jquery-2.1.0.min.js"></script>
<script src="javascript/semantic.min.js"></script>
<script src="javascript/jquery.fullPage.min.js"></script>
<script src="javascript/default.js"></script>
<script type="text/javascript">
$(document).ready(function() {$('#fullpage').fullpage({
autoScrolling: $(window).width() > 768 ? true : false,
navigation: $(window).width() > 768 ? true : false,
css3: true,
navigationPosition: 'right',
easing: 'easeOutBack'
});
});
</script>
</head>
<body>
<div id="fullpage">
<div class="ui splash section">
<div class="ui inverted grid masthead segment">
<div class="column">
<div class="ui inverted secondary pointing ui menu">
<h1 class="ui main header item">Workrooms</h1>
</div>
<div class="ui hidden information">
<h1 class="ui header">
Together, Remotely
</h1>
<p>
Video, voice, and text as easy as dropping by your desk.
</p>
<div class="large inverted basic animated fade ui button">
<div class="visible content"><i class="ui icon glgred fa fa-group"></i>Get Started</div>
<div class="hidden content">
<a href="https://workrooms.glgresearch.com/workrooms">
<i class="ui icon glgred fa fa-group"></i>Together Now
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ui problem section">
<div class="ui grid segment">
<div class="row">
<div class="column">
<h1 class="center aligned ui header">
The Problem
</h1>
</div>
</div>
<div class="row">
<div class="four wide column"></div>
<div class="eight wide column">
<p>
<em class="glgred">Talent</em> is global, mobile, and scarce.
You need access independent of location.
</p>
<p>
<em class="glgred">Commuting</em> is not fun, and it is not our
work. Many are engaged in knowledge work, computing, and
activities that don't require physical presense to complete.
</p>
<p>
<em class="glgred">Collaboration</em> via email, mobile phone,
and instant messaging isn't the same as being there.
</p>
<p>
<i class="glgred road icon"></i>
In the US alone, 137 million commute 25 minutes each way.
</p>
<p>
<i class="glgred bullhorn icon"></i>
Huh? That's 2.8 billion hours per year.<a href="http://www.census.gov/prod/2011pubs/acs-15.pdf">*</a>
</p>
<p>
<i class="glgred cloud icon"></i>
...and generates 56 billion pounds of carbon.<a href="http://mobility.tamu.edu/ums/media-information/press-release/">*</a>
</p>
</div>
<div class="four wide column"></div>
</div>
</div>
</div>
<div class="ui section">
<div class="ui grid stackable relaxed feature segment">
<div class="row">
<div class="column">
<h1 class="center aligned ui header">
The Solution
</h1>
<h2 class="center aligned ui header">
Video, Voice, & Text - Right in Your Browser
</h1>
</div>
</div>
<div class="row">
<div class="two wide column"></div>
<div class="six wide column">
<h2 class="ui header">Web Browser FTW</h2>
<p>Workrooms is an always on, virtual presence work system based around
audio and video collaboration that is just as easy as dropping by your desk.
</p>
<p>Workrooms extends your browser for collaboration. No need to remember
to use or install another app.</p>
<p>Calls come in while you are working, and can be simply left in a browser tab. No more
window shuffling.</p>
</div>
<div class="six wide column">
<h2 class="ui header">Peer-To-Peer Privacy</h2>
<p>Workrooms runs calls over <a href="http://www.webrtc.org">WebRTC</a>, the
next generation of video/audio/screen conference technology. The magic is that
it connects you directly, the server doesn't ever touch your call.
</p>
<h2 class="ui header">No Metadata</h2>
<p>The Workrooms Server, throws call data away as soon as
you disconnect. And only keeps call data in memory.</p>
<p>Subpoena that, Buddy!</p>
</div>
<div class="two wide column"></div>
</div>
</div>
</div>
<div class="ui section">
<div class="ui center aligned grid">
<div class="ui row three column center aligned stackable divided grid segment">
<div class="column">
<div class="ui icon header">
<i class="circular glgred fa fa-microphone link icon"></i>
<h2 class="ui header">Audio Conferencing</h2>
</div>
<p>Crystal clear Voice over IP.</p>
</div>
<div class="column">
<div class="ui icon header">
<i class="circular glgred fa fa-video-camera link icon"></i>
<h2 class="ui header">Video Conferencing</h2>
</div>
<p>See your co-workers, just like being there.</p>
</div>
<div class="column">
<div class="ui icon header">
<i class="circular glgred fa fa-comments-o link icon"></i>
<h2 class="ui header">Text Chat</h2>
</div>
<p>Share text, code, and notes.</p>
</div>
</div>
</div>
<div class="ui row two column center aligned stackable divided grid">
<div class="column">
<div class="ui icon header">
<i class="circular glgred fa fa-group link icon"></i>
<h2 class="ui header">Always Ready</h2>
</div>
<p>Right in your Chrome, no download needed.</p>
</div>
<div class="column">
<div class="ui icon header">
<i class="circular glgred fa fa-smile-o link icon"></i>
<h2 class="ui header">No Registration</h2>
</div>
<p>We all hate it, no new signups, no logging in.</p>
</div>
</div>
<div class="row">
<div class="column">
<div class="ui center aligned header">
<div class="large basic animated fade ui button">
<div class="visible content"><i class="ui icon glgred fa fa-group"></i>Get Started</div>
<div class="hidden content">
<a href="https://workrooms.glgresearch.com/workrooms">
<i class="ui icon glgred fa fa-group"></i>Together Now
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>