-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
238 lines (221 loc) · 10.7 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
234
235
236
237
238
<!DOCTYPE HTML>
<html>
<head>
<title>ALKAMI</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/js/monolog.js-master/dist/monolog.css">
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body class="landing">
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1 id="logo"><a href="index.html"><img src="images/logo_white.png" onmouseover="hover(this);" onmouseout="unhover(this)" alt="" /></a></h1>
<nav id="nav">
<ul>
<li>
<a id="our-work-link" href="#">Our Work</a>
<ul>
<li><a href="farmers-market.html">Farmers Market</a></li>
<li><a href="fruits-for-humanity.html">Fruits For Humanity</a></li>
<li><a href="surf-engine.html">Surf Engine</a></li>
<li><a href="snake.html">Snake</a></li>
</ul>
</li>
<li><a href="contact-us.html">Contact Us</a></li>
<li><a href="javascript:;" onclick="monolog.show();">Contact Us</a></li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="content">
<header>
<h2></h2>
<p>Design, in its broadest sense,<br />
is the enabler of the digital era,<br />
it's a process that creates order out of chaos,<br />
that renders technology usable to business.<br />
Design means being good, not just looking good.<br />
– Clement Mok</p>
</header>
</div>
<a href="#one" class="goto-next scrolly">Next</a>
</section>
<!-- One -->
<section id="one" class="spotlight style1 bottom">
<span class="image fit main"><img src="images/do_work_in_coffee_shop.jpg" alt="" /></span>
<div class="content">
<div class="container">
<div class="row">
<div class="4u 12u$(medium)">
<header>
<h2>What is Alkami?</h2>
<p>What makes us different?</p>
</header>
</div>
<div class="4u 12u$(medium)">
<p>We're a team of entrepreneurs who are passionate, well-rounded developers. But we are more than code monkeys.
<p>Our team brings an unparalleled perspective to every project. With backgrounds in government, project management, finance, and business strategy; and career experiences ranging from law enforcement officers to athletes.</p>
We use this experience to create user friendly, elegant, responsive web applications for any industry. Every app we build is responsive across all screen sizes, conforms with conventional best practices, and is well documented and well factored. We believe making an app is like building a custom high performance vehicle minus the expensive maintenance costs.
</p>
</div>
<div class="4u$ 12u$(medium)">
<p></p>
</div>
</div>
</div>
</div>
<a href="#two" class="goto-next scrolly">Next</a>
</section>
<!-- Two -->
<section id="two" class="spotlight style2 right">
<span class="image fit main"><img src="images/mac_tablet_iphone.jpg" alt="" /></span>
<div class="content">
<header>
<h2>What we believe</h2>
<p>Technology should be accessible</p>
</header>
<p>Whether you are a small to medium size business, an early stage or pre revenue startup, we believe access to high quality software developers should not be cost prohibitive.
<p>We are passionate about providing quality web development at rates that are fair to our clients and sustainable for our team. We are not a consultancy, we are your partners in an adventure.</p>
</p>
<ul class="actions">
<li><a id="our-work-button" class="button">Check Out Our Work</a></li>
</ul>
</div>
<a href="#three" class="goto-next scrolly">Next</a>
</section>
<!-- Three -->
<section id="three" class="spotlight style3 left">
<span class="image fit main bottom"><img src="images/ideas.jpg" alt="" /></span>
<div class="content">
<header>
<h2>Getting Started</h2>
<p>Let's chat about your project</p>
</header>
<p>
The best way to get started is a quick chat, either over coffee or by phone or skype. We'll sit down, get to know you and what you are trying to do, give you an idea about us and see if we are a good match. We choose our projects carefully, seeking out not only people with great ideas who want to solve problems, but people who are passionate about what they do, because that is who we are.
<p>We want to fully understand your business needs before we commit to your project. Integrity, transparency, and continuous communication are core to what we do at Alkami. Fill out the form below to contact us and we'll set up a time to chat.</p>
</p>
<ul class="actions">
</ul>
</div>
<a href="#four" class="goto-next scrolly">Next</a>
</section>
<!-- Four -->
<section id="four" class="wrapper style1 special fade-up">
<div class="container">
<header class="major">
<h2>Our Skills</h2>
<p>The ones that pay the bills</p>
</header>
<div class="box alt">
<div class="row uniform">
<section class="4u 6u(medium) 12u$(xsmall)">
<span class="icon alt major fa-code"></span>
<h3>Development</h3>
<p>
Our people are multilingual problem solvers. here are some of the
technologies we're proficient in: Ruby On Rails, Test Driven Development, Agile methodologies, REST, API's, PostgreSQL, Redis, Web-Scraping, Oauth, Heroku, Digital Ocean, Amazon Web Services, JavaScript, AngularJS, ReactJS, NodeJS, ExpressJS, WebSockets, HTML5 Canvas, New Relic, Skylight, Chrome Dev-Tools, WordPress, Static Blog Generators.
</p>
</section>
<section class="4u 6u$(medium) 12u$(xsmall)">
<span class="icon alt major fa-pencil-square-o"></span>
<h3>Design</h3>
<p>
Want to hear our dirty little secret? We love design! Users usually only see the front-end of an app/web-site and we want that first impression to be pleasant. At Alkami, we know usability is a crucial part of a users experience. We take great pride in designing cool simple interfaces. Our experts understand user experience and build intuitive interfaces. We're proficient in SCSS, Bohemian Sketch, Mobile First Design, and UX/UI principles.
</p>
</section>
<section class="4u$ 6u(medium) 12u$(xsmall)">
<span class="icon alt major fa-comment"></span>
<h3>Communication and Partnership</h3>
<p>
Communication is a key component of any project. Our clients are very involved with our teams, in fact we are one of the most transparent teams you will have the chance to work with. You know exactly where your project stands and where it's going. You always have access to us via email, telephone, and access to the project chat channel for daily insights into what is happening with your project.
</p>
</section>
</div>
</div>
<footer class="major">
<ul class="actions">
<li></li>
</ul>
</footer>
</div>
</section>
<!-- Five -->
<section id="five" class="wrapper style2 special fade">
<div class="container">
<header>
<h2>Contact Us</h2>
</header>
<form method="post" action="http://formspree.io/[email protected]">
<div class="row uniform 50%">
<div class="6u 12u$(xsmall)">
<input type="number" number="number" id="number" value="" placeholder="Phone Number" />
</div>
<div class="6u$ 12u$(xsmall)">
<input type="email" name="email" id="email" value="" placeholder="Email" />
</div>
<div class="6u 12u$(xsmall)">
<input type="text" name="name" id="username" value="" placeholder="Name" />
</div>
<div class="6u$ 12u$(xsmall)">
<div class="select-wrapper">
<select name="category" id="category">
<option value="">- Category -</option>
<option value="1">Web Site</option>
<option value="1">Web App</option>
<option value="1">API</option>
<option value="1">Other</option>
</select>
</div>
</div>
<div class="6u$ 12u$(medium)">
<input type="checkbox" id="human" name="human">
<label for="human">I am a human and not a robot</label>
</div>
<div class="12u$">
<textarea name="message" id="message" placeholder="Tell us a little about your project..." rows="6"></textarea>
</div>
<input type="text" name="_gotcha" style="display:none" />
<input type="hidden" name="_next" value="/" />
<input type="hidden" name="_subject" value="Home Page Form" />
<div class="12u$">
<ul class="actions">
<li><input type="submit" value="Send" class="special" /></li>
<li><input type="reset" value="Reset" /></li>
</ul>
</div>
</div>
</form>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="https://github.com/AlkamiCode" class="icon alt fa-github"><span class="label">GitHub</span></a></li>
</ul>
<ul class="copyright">
<li>© Alkami. All rights reserved.</li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
<script src="assets/js/logo-hover.js"></script>
<script src="assets/js/monolog.js-master/dist/monolog.js"></script>
<script src="assets/js/contact-modal.js"></script>
<script src="assets/js/click-view-projects.js"></script>
</body>
</html>