-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
233 lines (208 loc) · 10.2 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
<!DOCTYPE HTML>
<html>
<head>
<meta charset='utf-8'>
<link rel="stylesheet" type="text/css" href="reset.css">
<link rel="stylesheet" type="text/css" href="main.css">
<title>37 Signals Copy</title>
</head>
<body>
<nav>
<ul>
<li><a href="http://37signals.com/svn">Company Blog</a></li>
<li><a href="http://37signals.com/about">Our Story</a></li>
<li><a href="http://twitter.com/37signals">Follow us on Twitter</a></li>
<li><a href="http://status.37signals.com/">System Status</a></li>
<li><a id='sign-in' href="https://launchpad.37signals.com/">Sign in</a></li>
</ul>
</nav>
<div id='weekday'><p>Happy Sunday</p></div>
<div id='main'>
<header>
<img src="img/logo-37s-large.png" alt='37 signals logo'>
<hgroup>
<h1>Making collaboration productive and enjoyable for people every day</h1>
<h3>Frustration-free web-based apps for collaboration, sharing information, and making decisions.</h2>
</hgroup>
<section id='products' class='group'>
<div class='product-button'>
<img src="img/logo-bc.png" alt='basecamp logo'>
<h4><a href="http://basecamp.com/?source=37signals+home">Basecamp</a>®</h4>
<p class='alert'>Manage Projects</p>
<p>Used by millions for project management</p>
</div>
<div class='product-button'>
<img src="img/logo-hr.png" alt='highrise logo'>
<h4><a href="http://highrisehq.com/?source=37signals+home">Highrise</a>®</h4>
<p class='alert'>Manage Contacts</p>
<p>Know the people you do business with</p>
</div>
<div class='product-button'>
<img src="img/logo-cf.png" alt='campfire logo'>
<h4><a href="http://campfirenow.com/?source=37signals+home">Campfire</a>®</h4>
<p class='alert'>Work in Real-Time</p>
<p>Group chat rooms for your business</p>
</div>
</section>
</header>
<hr class='main-hr'>
<section id='customers' class='group'>
<div id='cust-aside'>
<img src="img/arrow-customer.png" alt='arrow pointing to customer image link'>
<p><a href="http://37signals.com/customers">Meet some customers</a></p>
<a href="http://37signals.com/customers" id='cust-aside-img'></a>
</div>
<h2>Millions of entrepreneurs, freelancers, small businesses, and departments in big organizations rely on our web apps</h2>
<img id='world-img' src="img/img-world-badge.png" alt='trusted by millions of people in over 30 countries world badge' >
<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 id='customers-img' src="img/logos-companies-bw.png" alt='customer company logos'>
</section>
<hr class='main-hr'>
<section id='company-standards' class='group'>
<h2>We built the company that we'd want to do business with. We hope you do too.</h2>
<div id='stnds-list-1'>
<ol>
<li>
<p class='bullet-head'>Useful is forever</p>
<p class='bullet-disc'>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>
</li>
<li>
<p class='bullet-head'>Great Service is everything</p>
<p class='bullet-disc'>We’re famous for fast and friendly customer service. We work hard to make sure we live up to that reputation every day. <a href="http://smiley.37signals.com/">See how our customers rate our service.</a></p>
</li>
<li>
<p class='bullet-head'>Clarity is king</p>
<p class='bullet-disc'>Buzzwords, lingo, and sensationalized sales-and-marketing-speak have no place at 37signals. We communicate clearly and honestly.</p>
</li>
<li>
<p class='bullet-head'>Our customers are our investors</p>
<p class='bullet-disc'>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>
</li>
</ol>
</div>
<div id='stnds-list-2'>
<ol>
<li>
<p class='bullet-head'>The basics are beautful</p>
<p class='bullet-disc'>We’ll never overlook what really matters: The basics. Great service, ease of use, honest pricing, and respect for our customer’s time, money, and trust.</p>
</li>
<li>
<p class='bullet-head'>No hidden fees or secret prices</p>
<p class='bullet-disc'>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>
</li>
<li>
<p class='bullet-head'>Software should be easy</p>
<p class='bullet-disc'>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>
</li>
<li>
<p class='bullet-head'>Long-term contracts are obscene</p>
<p class='bullet-disc'>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>
</li>
</ol>
</div>
</section>
<hr class='main-hr'>
<section id='rework-book' class='group'>
<h2>Our book REWORK is a fresh approach to running a business. It's a <cite>New York Times </cite>and <cite>Wall Street Journal </cite>bestseller</h2>
<div id='rework-crumple-link'>
<img id='rework-arrow-img' class='crumple-paper' src="img/arrow-rework.png" alt='arrow pointing to crumple paper'>
<img id='rework-crumple-img' class='crumple-paper'src="img/img-crumple.png" alt='crumple paper'>
<a href="http://37signals.com/rework">Find out more</a>
</div>
<img id='rework-book-img' src="img/img-rework.png" alt='rework book'>
<blockquote>
<p>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.</p>
<cite>— Mark Cuban, co-founder HDNet, owner of the Dallas Mavericks
</cite>
</blockquote>
<blockquote>
<p>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.</p>
<cite>— Tony Hsieh, CEO of Zappos.com
</cite>
</blockquote>
</section>
<hr class='main-hr'>
<section id='our-offers' class='group'>
<h2>Here's everything we offer, soup to nuts.</h2>
<div id='first-product' class='product-lower'>
<img src="img/logo-bc.png" alt='basecamp logo'>
<h4><a href="http://basecamp.com/?source=37signals+home">Basecamp®</a></h4>
<p class='alert'>Manage Projects</p>
<p>Used by millions for project management</p>
</div>
<div class='product-lower'>
<img src="img/logo-hr.png" alt='highrise logo'>
<h4><a href="http://highrisehq.com/?source=37signals+home">Highrise®</a></h4>
<p class='alert'>Manage Contacts</p>
<p>Know the people you do business with</p>
</div>
<div class='product-lower'>
<img src="img/logo-cf.png" alt='campfire logo'>
<h4><a href="http://campfirenow.com/?source=37signals+home">Campfire®</a></h4>
<p class='alert'>Work in Real-Time</p>
<p>Group chat rooms for your business</p>
</div>
</section>
<section id='our-stuff' class='group'>
<div id='our-stf-col1'>
<div class='our-stuff-col'>
<p class='col-head'>Our services</p>
<!-- <hr class='hr-our-stuff'> -->
<h4 class='col-title'><a href="http://jobs.37signals.com/">The Job Board</a></h4>
<p>Find (or post) a programming or design job</p>
<h4 class='col-title'><a href="http://37signals.com/speaks">37Signals Speaks</a></h4>
<p>Videos of our keynotes and interviews</p>
</div>
<div class='our-stuff-col'>
<p class='col-head'>Featured stories</p>
<!-- <hr class='hr-our-stuff'> -->
<h4 class='col-title'><a href="http://37signals.com/bootstrapped">Bootstrapped & Proud</a></h4>
<p>We profile successful small businesses.</p>
<h4 class='col-title'><a href="http://37signals.com/exit">Exit Interviews</a></h4>
<p>Interviews with companies post-acquisition.</p>
</div>
</div>
<div id='our-stf-col2'>
<div class='our-stuff-col'>
<p class='col-head'>Our books</p>
<!-- <hr class='hr-our-stuff'> -->
<h4 class='col-title'><a href="http://37signals.com/rework">REWORK</a></h4>
<p>Our take on building a great business.</p>
<h4 class='col-title'><a href="http://gettingreal.37signals.com/">Getting Real</a></h4>
<p>Learn how to build software the easy way.</p>
</div>
<div class='our-stuff-col'>
<p class='col-head'>Our open-source contributions</p>
<!-- <hr class='hr-our-stuff'> -->
<h4 class='col-title'><a href="http://rubyonrails.org/">Ruby on Rails</a></h4>
<p>A powerful & simple web app framework.</p>
<h4 class='col-title'><a href="http://37signals.com/opensource">Open Source</a></h4>
<p>A list of projects we’ve released & contributed to.</p>
</div>
</div>
</section>
<hr class='main-hr'>
<footer>
<nav>
<p class='alert'>More about 37signals</p>
<p><a href="http://twitter.com/37signals">Follow us on Twitter</a></p>
<p><a href="http://37signals.com/subscribe">Get our newsletter</a></p>
<p><a href="http://37signals.com/svn">Company blog</a></p>
<p><a href="https://github.com/37signals/api">37signals API</a></p>
<p><a href="http://37signals.com/about">Our Story</a></p>
<p><a href="http://37signals.com/">Home</a></p>
</nav>
<div id='copyright'>
<p>All text and design is copyright ©1999-2013 37signals, LLC. All rights reserved.
<a href="">Privacy Policy</a>
<a href="">Security information</a>
<a href="">Contact us</a>
</p>
</div>
</footer>
</div>
</body>
</html>