-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
175 lines (153 loc) · 8.24 KB
/
Copy pathindex.html
File metadata and controls
175 lines (153 loc) · 8.24 KB
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
<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[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">
<meta charset=utf-8>
<link rel="stylesheet" type="text/css" href="reset.css">
<link rel="stylesheet" type="text/css" href="style.css">
<title>37Signals</title>
<!--[if lt IE 9]> HTML5Shiv
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id= "outer" class = "cf">
<header class = "cf">
<ul class = "cf">
<li><a href="#">Happy Sunday.</a></li>
<li><a href="#" id = "sign">Sign in</a></li>
<li><a href="#">System status</a></li>
<li><a href="#">Follow us on Twitter</a></li>
<li><a href="#">Our story</a></li>
<li><a href="#">Company blog</a></li>
</ul>
</header>
<div id = "inner">
<img id = "logo" src="imgs/37logo.png">
<section class = "first">
<h1>Making colloboration productive and enjoyable for people every day.</h1>
<p>Frustration-free web-based apps for collaboration, sharing information, and making decisions.</p>
<ul class = "cf">
<li>
<a href="#" id = "base">
<img src="imgs/arrow-left.png" class = "arrow">
<img src="imgs/base.png" class = "icon">
<h3>Basecamp<sup>®</sup></h3>
<h4>Manage Projects</h4>
<span>Used by millions for project management.</span>
<div>
<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>
</div>
</a>
</li>
<li>
<a href="#" id = "high">
<img src="imgs/arrow-left.png" class = "arrow">
<img src="imgs/high.png">
<h3>Highrise<sup>®</sup></h3>
<h4>Manage Contacts</h4>
<span>Know the people you do business with.</span>
<div>
<h1><span>Highrise</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>
</div>
</a>
</li>
<li>
<a href="#" id = "camp">
<img src="imgs/arrow-right.png" class = "arrow" id = "last">
<img src="imgs/camp.png">
<h3>Campfire<sup>™</sup></h3>
<h4>Work in Real-Time</h4>
<span>Group chat rooms for your business.</span>
<div>
<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>
</div>
</a>
</li>
</ul>
</section>
<hr>
<section class = "second cf">
<h2>Millions of entrepreneurs, freelancers, small businesses, and departments inside big organizations rely on our web apps.</h2>
<div>
<a href="http://37signals.com/customers"></a>
<img src="imgs/arrow-customer.png">
<p><a href="http://37signals.com/customers">Meet some customers</a></p>
</div>
<a href="#" class = "cf">
<img src="imgs/world.png">
</a>
<p class = "cf">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.
<br>
<br>
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="imgs/companies.png" id = "companies">
</section>
<hr>
<section class = "third cf">
<h2>We built the company that we'd want to do business with. We hope you do too.</h2>
<article class = "column1 cf">
<div class = "cf">
<span>1</span>
<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 class = "cf">
<span>2</span>
<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. <a href="http://smiley.37signals.com/">See how our customers rate our service.</a></p>
</div>
<div class = "cf">
<span>3</span>
<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 class = "cf">
<span>4</span>
<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>
</article>
<article class = "column2 cf">
<div class = "cf">
<span>5</span>
<h4>The basics are beautiful</h4>
<p>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>
</div>
<div class = "cf">
<span>6</span>
<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 class = "cf">
<span>7</span>
<h4>Clarity is king</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 class = "cf">
<span>8</span>
<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>
</article>
</section>
<hr>
</div>
<footer>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</footer>
</div>
</body>
</html>