-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
150 lines (149 loc) · 10.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
<!DOCTYPE html5>
<html>
<head>
<link rel="stylesheet" type="text/css" href="37styles.css">
<title>37signals: Web-based collaboration apps for small business</title>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="data:image/vnd.microsoft.icon;base64,AAABAAMAEBAQAAEABAAoAQAANgAAABAQAAABAAgAaAUAAF4BAAAQEAAAAQAgAGgEAADGBgAAKAAAABAAAAAgAAAAAQAEAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAACAAAAAAIAAAICAAAAAAIAAgACAAACAgACAgIAAwMDAAP8AAAAA/wAA//8AAAAA/wD/AP8AAP//AP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//8P/+f////D/+f/w//D/+f/w//n/+f85z/n+AIc5zgCGAIc5zgCHP/85zzn/P/4Q/zn+EP4Q/zn+EP///zn8oAAAAEAAAACAAAAABAAgAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAgICAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH//5Qv/n////w//n/8P/w//n/8P/5//n/Oc/5/gCHOc4AhgCHOc4Ahz//Oc85/z/+EP85/hD+EP85/hD///85/KAAAABAAAAAgAAAAAQAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAugAAALMAAAAkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwgAAAPUAAAD3AAAAsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL0AAADtAAAA8AAAAKsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA2AAAA6AAAAOAAAAAmAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAM8AAAC6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAtQAAAKMAAAAcAAAAAAAAADgAAADmAAAA3gAAACQAAAAAAAAAIQAAAKsAAACwAAAAJAAAAAAAAAAAAAAAxAAAAPcAAADyAAAA2wAAAL8AAADjAAAA6AAAAPIAAACrAAAAAAAAALAAAAD1AAAA9QAAALMAAAAAAAAAAAAAAMkAAADtAAAA6AAAAOYAAADRAAAA6wAAAPAAAAD3AAAAswAAAAAAAAC4AAAA9QAAAPUAAAC6AAAAAAAAAAAAAABNAAAA7QAAAN4AAAAuAAAAAAAAAEUAAADEAAAAvwAAACsAAAAAAAAALgAAAL0AAADCAAAAMAAAAAAAAAAAAAAAAAAAANsAAACrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADMAAADrAAAA1AAAABQAAAAAAAAAJAAAAKMAAACcAAAAFwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC/AAAA7QAAAPIAAACUAAAAAAAAALgAAAD1AAAA9wAAAKEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAzwAAAPIAAAD3AAAAqAAAAAAAAADJAAAA8gAAAPUAAAC1AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEoAAADPAAAAvwAAACsAAAAAAAAAQgAAAMkAAADJAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//5Qv/D////w//n/8P/w//D/8P/5//n+EIf5/gCHOc4AhgCGEIYAhz//Oc4Q/z/+EP85/hD+EP4Q/hD///85/" type="image/x-icon" />
<link href='http://fonts.googleapis.com/css?family=Crimson+Text:400,600' rel='stylesheet' type='text/css'>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="scripts/application.js"></script>
</head>
<body>
<header class="top_header">
<nav>
<ul class="top_header_ul">
<li id="top_header_li" class="top_header_li">
Happy Day!
</li>
<li class="top_header_li">
<a href="">Company Blog</a>
</li>
<li class="top_header_li">
<a href="">Our Story</a>
</li>
<li class="top_header_li">
<a href="">Follow us on Twitter</a>
</li>
<li class="top_header_li">
<a href="">System Status</a>
</li>
<li class="top_header_li">
<a id="top_header_signin" href="">Sign In</a>
</li>
</ul>
</nav>
</header>
<div class="div_main">
<img src="images/logo-37s-large.png" />
<div id="Original" class="div_making">
<h1>Making collaboration productive and enjoyable for people every day.</h1>
<h2>Frustration-free web-based apps for collaboration, sharing information, and making decisions.</h2>
</div>
<div id="BaseCamp" class="div_making_BC" style="display:none">
<h1>Basecamp is the project management tool you wish you had on your last project.</h1>
<h2>Are you still managing 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.</h2>
<img src="images/arrow-left.png" width="69" height="69">
</div>
<div id="Highrise" class="div_making_HR" style="display:none">
<h1>Highrise remembers the important things about people you'd normally forget.</h1>
<h2>Keep a permanent record of the 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.</h2>
<img src="images/arrow-left.png" width="69" height="69">
</div>
<div id="Campfire" class="div_making_CF" style="display:none">
<h1>From near or far, Campfire helps teams work together over the web in real-time.</h1>
<h2>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.</h2>
<img src="images/arrow-right.png" width="69" height="69">
</div>
<div class="div_Boxes">
<a href="">
<div class="div_BC_Box">
<img src="images/logo-bc.png">
<h3 class="product"><span>BaseCamp</span><sup>®</sup></h3>
<h4 class="statement">Manage Projects</h4>
<h5 class="claim">Used by millions for project management.</h5>
</div>
</a>
<a href="">
<div class="div_HR_Box">
<img src="images/logo-hr.png">
<h3 class="product"><span>Highrise</span><sup>®</sup></h3>
<h4 class="statement">Manage Contacts</h4>
<h5 class="claim">Know the people you do business with.</h5>
</div>
</a>
<a href="">
<div class="div_CF_Box">
<img src="images/logo-cf.png">
<h3 class="product"><span>Campfire</span><sup>™</sup></h3>
<h4 class="statement">Work in Real-Time</h4>
<h5 class="claim">Group chat rooms for your business.</h5>
</div>
</a>
</div>
<hr>
<div class="div_Millions">
<div class="div_Meet">
<a class="div_MeetImg" href=""></a>
<a class="div_MeetCap" href="">Meet some customers</a>
</div>
<h1>Millions of entrepreneurs, freelancers, small businesses, and departments inside big organizations rely on our web apps.</h1>
<a href="">
<img class="div_Millions" src="images/img-world-badge.png"/>
</a>
<p class="div_Millions">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 class="div_Millions">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 class="div_Brand" src="images/logos-companies-bw.png"/>
</div>
<hr>
<div class="div_Built">
<h1>We built the company that we'd want to do business with. We hope you do too.</h1>
<div class="div_BuiltLeft">
<div class="div_BuiltPoint">
<h6>1</h6>
<h5>Useful is forever</h5>
<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="div_BuiltPoint">
<h6>2</h6>
<h5>Great service is everything</h5>
<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 class="div_Builtpoint" href="">See how our customers rate our service</a>.</p>
</div>
<div class="div_BuiltPoint">
<h6>3</h6>
<h5>Charity is king</h5>
<p>Buzzwords, lingo, and sensationalized sales-and-marketing-speak have no place at 37signals. We communicate clearly and honestly.</p>
</div>
<div class="div_BuiltPoint">
<h6>4</h6>
<h5>Our customers are our investors</h5>
<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="div_BuiltRight">
<div class="div_BuiltPoint">
<h6>5</h6>
<h5>The basics are beautiful</h5>
<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="div_BuiltPoint">
<h6>6</h6>
<h5>No hidden fees or secret prices</h5>
<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="div_BuiltPoint">
<h6>7</h6>
<h5>Software should be easy</h5>
<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="div_BuiltPoint">
<h6>8</h6>
<h5>Long-term contracts are obscene</h5>
<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>
</div>
<hr>
</div>
</body>
</html>