-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
210 lines (207 loc) · 11.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="scalability cassandra kafka elasticsearch redis">
<meta name="author" content="Mustard Grain Kirk True Matthew Garcia">
<meta property="og:url" content="https://www.mustardgrain.com/" />
<meta property="og:site_name" content="Mustard Grain" />
<meta property="og:description" content="Making your web applications scale." />
<meta property="og:image" content="https://www.mustardgrain.com/img/intro-bg.jpg" />
<meta property="og:title" content="Mustard Grain" />
<title>Mustard Grain</title>
<!-- Bootstrap Minified Core CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/grayscale.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- Navigation -->
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand page-scroll" href="#page-top">
<i class="fa fa-play-circle"></i> <span class="light">Mustard Grain</span>
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden">
<a href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#about">About</a>
</li>
<li>
<a class="page-scroll" href="#clients">Clients</a>
</li>
<li>
<a class="page-scroll" href="#team">Team</a>
</li>
<li>
<a class="page-scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- Intro Header -->
<header class="intro">
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="brand-heading">
<img src="img/logo.png" class="logo_img">
</div>
<p class="intro-text">
<br />
A development firm with a singular focus:
<br />
<em>Making your web apps scale.</em>
</p>
<a href="#about" class="btn btn-circle page-scroll">
<i class="fa fa-angle-double-down animated"></i>
</a>
</div>
</div>
</div>
</div>
</header>
<!-- About Section -->
<section id="about" class="content-section text-center">
<div class="about-section">
<div class="container">
<div class="col-lg-8 col-lg-offset-2">
<h2>About</h2>
<p>
Mustard Grain is a development firm that was founded to help companies do one thing:
<br />
scale their web apps to meet customer and data growth.
</p>
<h4>Why is Scalability Important?</h4>
<p>Internet traffic can have high volatility from day-to-day. You can expect big spikes to your service on product announcements or promotions. Linear or even exponential traffic increases month-over-month are not exceptional events.</p>
<p>Of course, you never want sluggish performance from your web app. Milliseconds add up. The last thing you need is for your web app to get so overwhelmed with interest that it becomes unusably slow and unresponsive. It affects new customer acquisition and can even turn away loyal customers to competing solutions.</p>
<h4>How Can We Help You?</h4>
<p>We help companies of all stripes, from startups to Fortune 100 companies, to make their amazing web apps achieve their business goals. The way we help you do that is by making sure your app remains <em>available</em> and <em>fast</em>. Whether you're developing a brand-new service from scratch or have noticed some scalability issues with an established service, <a class="page-scroll" href="#contact">we can help</a>.</p>
</div>
</div>
</div>
</section>
<!-- Clients Section -->
<section id="clients" class="content-section text-center">
<div class="clients-section">
<div class="container">
<div class="col-lg-8 col-lg-offset-2">
<h2>Clients</h2>
<p>We have had the privilege to work alongside some of the most amazing people and companies:</p>
<p>
<a href="https://www.adobe.com/">Adobe</a><br />
Adchemy (acquired by <a href="https://www.walmartlabs.com/">Walmart Labs</a>)<br />
<a href="https://www.apple.com/">Apple</a><br />
<a href="https://www.badgermeter.com/">Badger Meter</a><br />
<a href="https://confluent.io/">Confluent</a></a><br />
<a href="https://calstate.aaa.com/">CSAA</a></a><br />
<a href="https://www.ebay.com/">eBay</a><br />
Flip (acquired by <a href="https://www.cisco.com/">Cisco</a>)<br />
<a href="https://guardiananalytics.com/">Guardian Analytics</a><br />
Inxight (acquired by Business Objects (acquired by <a href="https://www.sap.com/">SAP</a>))<br />
Karmasphere (acquired by <a href="https://www.fico.com/">FICO</a>)<br />
<a href="https://www.keap.com/">Keap</a><br />
<a href="https://www.linkedin.com/">LinkedIn</a><br />
<a href="https://www.malwarebytes.com/">Malwarebytes</a><br />
Movaris (acquired by <a href="https://www.trintech.com/">Trintech</a>)<br />
Nebula (ceased operations)<br />
RedLaser (acquired by <a href="https://www.ebay.com/">eBay</a>)<br />
</ul>
</p>
</div>
</div>
</div>
</section>
<!-- Team Section -->
<section id="team" class="content-section text-center">
<div class="team-section">
<div class="container">
<div class="col-lg-8 col-lg-offset-2">
<h2>Team</h2>
<p>
<img src="img/circle-kirk.png" />
Kirk True - Principal Engineer
</p>
<p>
<img src="img/circle-sheila.png" />
Sheila True - Accounting
</div>
</p>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="content-section text-center">
<div class="contact-section">
<div class="container">
<div class="col-lg-8 col-lg-offset-2">
<h2>Contact</h2>
<p>Below are several ways that you can contact us and get to know us better.</p>
<ul class="list-inline banner-social-buttons">
<li>
<a href="mailto:[email protected]" class="btn btn-default btn-lg"><i class="fa fa-envelope-o fa-fw"></i> <span class="network-name">Email</span></a>
</li>
<li>
<a href="tel:8315887959" class="btn btn-default btn-lg"><i class="fa fa-phone fa-fw"></i> <span class="network-name">Phone</span></a>
</li>
<li>
<a href="https://blog.mustardgrain.com/" class="btn btn-default btn-lg"><i class="fa fa-rss fa-fw"></i> <span class="network-name">Blog</span></a>
</li>
<li>
<a href="https://twitter.com/mustardgraininc" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
</li>
<li>
<a href="https://www.linkedin.com/company/mustard-grain-inc." class="btn btn-default btn-lg"><i class="fa fa-linkedin fa-fw"></i> <span class="network-name">LinkedIn</span></a>
</li>
<li>
<a href="https://github.com/mustardgrain" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">GitHub</span></a>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="container text-center">
<p>Copyright © 2005-2021 Mustard Grain, Inc.</p>
<p>Phone inquiries: (831) 588-7959</p>
</div>
</footer>
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<!-- Bootstrap Core JavaScript -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="js/jquery.easing.min.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/grayscale.js"></script>
</body>
</html>