-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·300 lines (292 loc) · 15.2 KB
/
index.html
File metadata and controls
executable file
·300 lines (292 loc) · 15.2 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
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>
<head>
<meta charset="utf-8">
<title>FourBeanSoup</title>
<link href='http://fonts.googleapis.com/css?family=Lato:900' rel='stylesheet' type='text/css'>
<link media="all" rel="stylesheet" href="css/all.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="public/assets/all.js"></script>
<!--[if lt IE 8]><link rel="stylesheet" type="text/css" href="css/ie.css" media="screen"/><![endif]-->
</head>
<body id="top">
<div class="page">
<div id="wrapper">
<!-- header -->
<header id="header">
<!-- navigation -->
<nav>
<ul id="nav">
<li class="patrons"><span><a href="#patrons">patrons</a></span></li>
<li class="about"><span><a href="#about">about</a></span></li>
<li class="services"><span><a href="#services">services</a></span></li>
<li class="identity"><span><a href="#identity">identity</a></span></li>
<li class="contact"><span><a href="#contact">contact</a></span></li>
<li class="blog"><span><a href="#">blog</a></span></li>
</ul>
</nav>
<div class="header-section">
<div class="header-holder">
<div class="header-frame">
<div class="header-area">
<!-- logo -->
<strong class="logo-1"><a href="#">FOUR BEAN SOUP</a></strong>
<!-- slogan -->
<strong class="slogan">We cook tasty apps.</strong>
<!-- area -->
<div class="area">
<div class="col-1">
<div class="heading">
<h1 class="text-our-patrons">Our patrons</h1>
<strong class="sanserif">WHO BELIEVES IN US</strong>
</div>
<p>We treat our clients like family. We've had more success and enjoy our work a lot more by making what we do more about understanding and listening to our clients to build stronger relationships. Many companies will treat you like its just business but ask one of our previous patrons, once you're with the beans you're always a bean.</p>
</div>
<div class="col-2">
<div class="heading">
<h1 class="text-apps">Our apps</h1>
<strong class="sanserif">WHAT WE DO</strong>
</div>
<p>Our vision doesn't stop at just client work. We are always asking ourselves what tools could we build and use to make our lives easier and help make other's business thrive. We love building apps people want to use and hope you find them useful as well.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- content -->
<div id="content">
<!-- post -->
<article id="patrons" class="post">
<div class="post-holder">
<div class="post-frame">
<div class="post-area">
<div class="image-align-right">
<img src="images/img-4.png" alt="image description" width="305" height="438" />
</div>
<header>
<h1 class="text-patrons">CLIENTS</h1>
</header>
<p>When a client chooses us they always stay with us. Why is that? We feel it truly is because they become part of the family. We are excited for every client when they reach those big moments be it launching the site, seeking funding, growing their product into new phases. Whatever it is we want to enjoy and share in every step of this process with you.</p>
<p>We are experienced in building sites ranging from ones that help link clients with local business' and savings for those business' to helping those who appreciate a fine glass of wine track down the perfect pick for that evening meal. We also have expertise in scaling web apps. Lets sit down and discuss your needs so we work up the perfect recipe for you.</p>
<p>Our patrons are the secret ingredient to our business. Whether you are using our web apps or hiring us to build you the next big app idea you have, we are here to help. We will bring our considerable experience with building web apps to your project. Take a look at some of the web apps we have built or helped improve:</p>
<section class="item-list">
<div class="orange">
<div class="item-holder">
<div class="item-frame">
<div class="item-area">
<div class="item-area-holder">
<div class="align-left">
<img src="images/img-5.jpg" alt="image description" width="463" height="225" />
</div>
<section>
<h2 class="text-pickabottle">PICKABOTTLE</h2>
<p>The pickabottle team came to us with a basic idea and a rough feature list. We built the design and full site from the ground up, and helped them get a successful launch.</p>
</section>
</div>
</div>
</div>
</div>
</div>
<div class="green">
<div class="item-holder">
<div class="item-frame">
<div class="item-area">
<div class="item-area-holder">
<div class="align-right">
<img src="images/img-6.jpg" alt="image description" width="459" height="225" />
</div>
<section>
<h2 class="text-cooleaf">Cooleaf</h2>
<p>Cooleaf came to us with an html prototype and design - they brought us in to build out the functionality. We created a ruby on rails app for them that covered everything they wanted while also redesigned the intial site to be more aesthetically pleasing. We helped launch at Startup Riot 2011.</p>
</section>
</div>
</div>
</div>
</div>
</div>
<div class="black">
<div class="item-holder">
<div class="item-frame">
<div class="item-area">
<div class="item-area-holder">
<div class="align-left">
<img src="images/img-12.jpg" alt="image description" width="463" height="225" />
</div>
<section>
<h2 class="text-big-cartel">Big Cartel</h2>
<p>The Indie Labs team came to us to implment an open source plugin we had helped build, so they could dynamically launch a full replica staging stack for testing their sites.<p>
</section>
</div>
</div>
</div>
</div>
</div>
<div class="lblue">
<div class="item-holder">
<div class="item-frame">
<div class="item-area">
<div class="item-area-holder">
<div class="align-right">
<img src="images/img-13.jpg" alt="image description" width="463" height="225" />
</div>
<section>
<h2 class="text-designsvault">DESIGNSVAULT</h2>
<p>Ignacio came to us with an idea and a PSD design for the web design marketplace. We took his feature list and PSD and built out all the features he wanted, with ruby on rails and jquery.</p>
</section>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</article>
<!-- post -->
<section id="about" class="post">
<div class="post-holder">
<div class="post-frame">
<div class="post-area">
<div class="container">
<div class="col-l">
<hgroup class="heading">
<h1 class="text-wendy-owens">WENDY OWENS</h1>
<h2>PRESIDENT</h2>
</hgroup>
<p>Wendy is the President of Four Bean Soup. She handles all the sweet bits of the day to day business for Four Bean Soup. She runs sales, training, and design! There's is also a lot of number crunching to be done and she knows how to really chew them up and spit them out. While juggling all her many tasks for Four Bean Soup she manages to find time to be an amazing mother to our three geniuses and adorable kids as well as fill our bellies with some pretty amazing food.</p>
</div>
<div class="col-r">
<hgroup class="heading">
<h1 class="text-josh-owens">JOSH OWENS</h1>
<h2>VICE PRESIDENT</h2>
</hgroup>
<p>Josh is the Vice President of Four Bean Soup. In 1987 Josh's love story with technology began with his Atari 800XL and his dual 5.25 inch floppy drives. He has come a long way since those days filled with acne cream and leg warmers. Josh has been cultivating his Rails skills since 2005, and is a Rails Core Contributor. He led his development team to win the 2007 Rails Rumble competition for the development of TastyPlanner. Josh oversees any technical details needed for clients. Josh is the Podcaster and Producer of several tech podcasts. </p>
</div>
<div class="image">
<img src="images/img-8.png" alt="image description" width="331" height="486" />
</div>
</div>
<!-- <div class="colomns">
<div class="col">
<p class="sanserif">LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. PROIN FRINGILLA IACULIS SAPIEN UT EGESTAS. PELLENTESQUE MAURIS NEQUE, TEMPOR AT PLACERAT VEL, VARIUS SED VELIT. </p>
</div>
<div class="col">
<p class="sanserif">LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. PROIN FRINGILLA IACULIS SAPIEN UT EGESTAS. PELLENTESQUE MAURIS NEQUE, TEMPOR AT PLACERAT VEL, VARIUS SED VELIT. </p>
</div>
<div class="col">
<p class="sanserif">LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. PROIN FRINGILLA IACULIS SAPIEN UT EGESTAS. PELLENTESQUE MAURIS NEQUE, TEMPOR AT PLACERAT VEL, VARIUS SED VELIT. </p>
</div>
</div> -->
</div>
</div>
</div>
</section>
<!-- post -->
<article id="services" class="post">
<div class="post-holder">
<div class="post-frame">
<div class="post-area">
<div class="image-align-right alt-image">
<img src="images/img-9.png" alt="image description" width="314" height="491" />
</div>
<header>
<h1 class="text-services">SERVICES</h1>
</header>
<p>We offer development in many languages but prefer to a high degree Ruby on Rails. We have been working with Ruby on Rails since 2005 and consider our knowledge is comparable to some of the industry elite.</p>
<p>Here at Four Bean Soup you will not find a bunch of yes men so if that's what you are looking for you will want to look elsewhere. We want to see our clients ideas succeed and therefore we draw from our years of experience to give you the advice and skills you deserve.</p>
<p>Teaching you is part of our process. We run our business like our family. If we are teaching one of our children to tie a shoe we would never simply tie it for them. We would deliver the knowledge they need to help themselves. Our clients deserve the same understanding.</p>
<p>We love Scalable websites so much that we even host a podcast about it. We have been in love with sites that not only look nice but work right under any pressures since we began.</p>
<p>Users do judge a website by its cover so make sure yours has one that will keep your customers interested. We will work with you and our designers to make sure we achieve the perfect blend of beauty and functionality.</p>
</div>
</div>
</div>
</article>
<!-- post -->
<div id="identity" class="post">
<div class="post-holder">
<div class="post-frame">
<div class="post-area">
<div class="image-align-left image-alt">
<img src="images/img-10.png" alt="image description" width="357" height="422" />
</div>
<article class="info-right">
<header>
<h1 class="text-identity">IDENTITY</h1>
</header>
<p>We use Ruby on Rails to build clean web applications for our patrons that work the way they are supposed to. We believe in building quality apps, for example our '07 Rails Rumble Winning App. We are a fun company who believes in family values, sharing, good food, and clean usable apps. Not always things you hear a company mention up front but hey, it's who we are. Pull up a chair, grab a plate and get to know us.</p>
</article>
</div>
</div>
</div>
</div>
<!-- post -->
<article id="contact" class="post">
<div class="post-holder">
<div class="post-frame">
<div class="post-area">
<div class="image-align-right">
<img src="images/img-11.png" alt="image description" width="286" height="501" />
</div>
<header>
<h1 class="text-contact">CONTACT</h1>
</header>
<p>We would love to hear from you! Fill out the form below and we will get back to you as soon as we can.</p>
<form action="http://contact.fourbeansoup.com/contacts" method="POST" class="form">
<fieldset>
<div class="textarea">
<label for="comment">Tell us how we can help</label>
<textarea id="comment" name="contact[comment]" cols="30" rows="10"></textarea>
</div>
<div class="form-col">
<div class="input">
<label for="contact_name">Your Name</label>
<input type="text" id="contact_name" name="contact[name]" class="text" value="" />
</div>
<div class="input">
<label for="contact_email">Your Email</label>
<input type="text" class="text" name="contact[email]" id="contact_email" value="" />
</div>
<div class="input">
<label for="contact_website">Your Website</label>
<input type="text" class="text" name="contact[website]" id="contact_website" value="" />
</div>
<input type="submit" class="submit" value="send" />
</div>
</fieldset>
</form>
</div>
</div>
</div>
</article>
</div>
</div>
<!-- footer -->
<footer id="footer">
<div class="footer-area">
<!-- logo -->
<strong class="logo-2"><a href="#">Four bean soup We cook tasty apps</a></strong>
<a href="#top" class="top left">top</a>
<a href="#top" class="top right">top</a>
</div>
<div class="info">
<ul class="area">
<li>Fourbeansoup, LLC © 2010-2017</li>
<li>310 Crescent Ave, Wyoming Ohio 45215</li>
<li>513-315-0794</li>
</ul>
</div>
</footer>
</div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-11472568-3']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>