-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
executable file
·300 lines (258 loc) · 9.89 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
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
<!DOCTYPE html>
<html>
<head>
<title>37signals: Web-based collaboration apps for small business</title>
<link rel="icon" type="image/ico" href="favicon.ico" />
<link rel="stylesheet" type ="text/css" href="37signals.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="37signals.js"></script>
</head>
<body>
<nav class>
<!--Happy (day of week) uses javascript, just using placeholder text-->
<div class="day">Happy Wednesday.</div>
<ul>
<li><a href="#">Company blog</a></li>
<li><a href="#">Our story</a></li>
<li><a href="#">Follow us on Twitter</a></li>
<li><a href="#">System status</a></li>
<li><a href="#" class="signin">#</a></li>
</ul>
</nav>
<header>
<img src="logo-37s-large.png" alt="37signals" />
<h1>Making collaboration productive and enjoyable for people every day.</h1>
<h5>Frustration-free web-based apps for collaboration, sharing information, and making decisions.<h5>
</header>
<div class="hidden bc">
<img src="logo-37s-large.png" alt="37signals" />
<h1><span>Basecamp</span> is the project management tool you wish you had on your last project.</h1>
<p>Are you still managing projects with email? Are you still using Excel for your to-do lists? It's time to upgrade to Basecamp. Manage projects and collaborate with your team and clients the modern way.</p>
<img src="arrow-left.png" class="right-arrow">
</div>
<div class="hidden hr">
<img src="logo-37s-large.png" alt="37signals" />
<h1><span>Highrise</span> is the project management tool you wish you had on your last project.</h1>
<p>Keep a permanent record of people you do business with. Know who you talked to, when you talked to them, what was said, and when to follow up next. Over 20,000,000 contacts are tracked using Highrise.</p>
<img src="arrow-left.png" class="right-arrow-b">
</div>
<div class="hidden cf">
<img src="logo-37s-large.png" alt="37signals" />
<h1><span>Campfire</span> is the project management tool you wish you had on your last project.</h1>
<p>Share ideas, discussions, concepts, images, code samples, videos, mockups, and documents in a real-time private chat room. It's game changing. We couldn't run our own business without Campfire.</p>
<img src="arrow-right.png" class="left-arrow">
</div>
<section class="products">
<a href="#" class="bc">
<img src="logo-bc.png" />
<h3><span>Basecamp</span><sup>®</sup></h3>
<h4>Manage Projects</h4>
<p>Used by millions for project management.</p>
<p class="hidden pbox">Find out more</p>
</a>
<a href="#" class="hr">
<img src="logo-hr.png" />
<h3><span>Highrise</span><sup>®</sup></h3>
<h4>Manage Contacts</h4>
<p>Know the people you do business with.</p>
<p class="hidden pbox">Find out more</p>
</a>
<a href="#" class="cf">
<img src="logo-cf.png" />
<h3><span>Campfire</span><sup>™</sup></h3>
<h4>Work in Real-Time</h4>
<p>Group chat rooms for your business.</p>
<p class="hidden pbox">Find out more</p>
</a>
</section>
<hr />
<section class="customers">
<h2>Millions of entrepreneurs, freelancers, small businesses, and departments inside big organizations rely on our web apps.</h2>
<div class="meet">
<a href="#">Customers
</a>
<p>Meet some customers</p>
</div>
<div class="arrow-left">
<img src="arrow-customer.png" />
</div>
<div class="globe">
<a href="#">
<img src="img-world-badge.png" alt="Trusted by millions of people in over 30 countries" />
</a>
</div>
<p> Our loyal customers include designers, developers, freelancers, lawyers, accountants, architects, non-profits, charities, universities, PR firms, retailers, manufacturers, consultants, authors, publishers, government agencies, students, marketers, airlines, restaurants, filmmakers, farmers, and just about everyone in-between.</p>
<p>The world's most popular brands depend on our products every day. We'll never take their trust - or your trust - for granted.</p>
<img src="logos-companies-bw.png" alt="The best brands use our products" />
</section>
<hr />
<section class="manifesto">
<h2>We built the company that we'd want to do business with. We hope you do too.</h2>
<div class="column">
<div>
<h3>1</h3>
<h4>Useful is forever</h4>
<p>Bells and whistles wear off, but usefulness never does. We build useful software that does just what you need and nothing you don't.</p>
</div>
<div>
<h3>2</h3>
<h4>Great service is everything</h4>
<p>We're famous for fast and friendly customer service. We work hard to make sure we live up to that reputation every day. See how our customers rate our service.</p>
</div>
<div>
<h3>3</h3>
<h4>Clarity is king</h4>
<p>Buzzwords, lingo, and sensationalized sales-and-marketing-speak have no place at 37signals. We communicate clearly and honestly.</p>
</div>
<div>
<h3>4</h3>
<h4>Our customers are our investors</h4>
<p>Our customers fund our daily operations by paying for our products. We answer to them - not investors, the stock market, or a board of directors.</p>
</div>
</div>
<div class="column-end">
<div>
<h3>5</h3>
<h4>The basics are beautiful</h4>
<p>We'll never overlook what really matters: The basics. Great service, ease of use, honest #, and respect for our customer's time, money, and trust.</p>
</div>
<div>
<h3>6</h3>
<h4>No hidden fees or secret prices</h4>
<p>We believe everyone is entitled to the best price we can offer. Our prices are public, published right on our site, and the same no matter who you are.</p>
</div>
<div>
<h3>7</h3>
<h4>Software should be easy</h4>
<p>Our products are intuitive. You'll pick them up in seconds or minutes, not hours, days or weeks. We don't sell you training because you don't need it.</p>
</div>
<div>
<h3>8</h3>
<h4>Long-term contracts are obscene</h4>
<p>No one likes being locked into something they don't want anymore. Our customers can cancel at any time, no questions asked. No setup/termination fees either.</p>
</div>
</div>
</section>
<hr />
<section class="rework">
<h2>Our book REWORK is a fresh approach to running a business. It's a New York Times and Wall Street Journal bestseller.</h2>
<div class="book">
<a href="#">
<img src="img-rework.png" alt="REWORK" />
</a>
</div>
<div class="quotes">
<h3>“If given a choice between investing in someone who has read REWORK or has an MBA, I'm investing in REWORK every time. A must read for every entrepreneur.”</h3>
<p>- Mark Cuban, co-founder HDNet, owner of the Dallas Mavericks</p>
<h3>"The wisdom in these pages is edgy yet simple, straightforward, and proven. Read this book multiple times to help give you the courage you need to get out there and make something great."</h3>
<p>- Tony Hsieh, CEO of Zappos.com</p>
</div>
<div class="arrow-right">
<img src="arrow-rework.png" />
</div>
<div class="crumple">
<a href="#">
<img src="img-crumple.png" />
<p>Find out more</p>
</a>
</div>
</section>
<hr />
<section class="offerings">
<h2>Here's everything we offer, soup to nuts.</h2>
<div class="main-offerings">
<a href="#">
<img src="logo-bc.png" />
<h3>Basecamp<sup>®</sup></h3>
<h4>Manage Projects</h4>
<p>As easy as email, just way more powerful.</p>
</a>
<a href="#">
<img src="logo-hr.png" />
<h3>Highrise<sup>®</sup></h3>
<h4>Manage Contacts</h4>
<p>Over 20,000,000 contacts managed with Highrise.</p>
</a>
<a href="#">
<img src="logo-cf.png" />
<h3>Campfire<sup>™</sup></h3>
<h4>Work in Real-Time</h4>
<p>Private group chat rooms for your business.</p>
</a>
</div>
<div class="column">
<h3>Our services</h3>
<ul>
<li>
<a href="#">The Job Board</a>
<br />
<small>Find (or post) a programming or design job.</small>
</li>
<li>
<a href="#">37signals Speaks</a>
<br />
<small>Videos of our keynotes and interviews.</small>
</li>
</ul>
<h3>Feature Stories</h3>
<ul>
<li>
<a href="#">Bootstrapped & Proud</a>
<br />
<small>We profile successful small businesses.</small>
</li>
<li>
<a href="#">Exit Interviews</a>
<br />
<small>Interviews with companies post-acquisition.</small>
</li>
</ul>
</div>
<div class="column-end">
<h3>Our books</h3>
<ul>
<li>
<a href="#">REWORK</a>
<br />
<small>Our take on building a great business.</small>
</li>
<li>
<a href="#">Getting Real</a>
<br />
<small>Learn how to build software the easy way.</small>
</li>
</ul>
<h3>Our open-source contributions</h3>
<ul>
<li>
<a href="#">Ruby on Rails</a>
<br />
<small>A powerful & simple web app framework.</small>
</li>
<li>
<a href="#">Open Source</a>
<br />
<small>A list of projects we've released & contributed to.</small>
</li>
</ul>
</div>
</section>
<hr />
<footer>
<h3>More about 37signals</h3>
<ul>
<a href="#"><li>Follow us on Twitter</li></a>
<a href="#"><li>Get our newsletter</li></a>
<a href="#"><li>Company blog</li></a>
<a href="#"><li>37signals API</li></a>
<a href="#"><li>Our story</li></a>
<a href="#"><li>Home</li></a>
</ul>
<p>All text and design is copyright ©1999-2012 37signals, LLC. All rights reserved.
<a href="#">Privacy Policy</a>
<a href="#">Security Information</a>
<a href="#">Contact us</a>
<p>
</footer>
</body>
</html>