-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
249 lines (204 loc) · 13 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
239
240
241
242
243
244
245
246
247
248
249
<!DOCTYPE html>
<html>
<head>
<title>FREEFORM.digital</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="description" content="Simple and robust digital products and services.">
<link rel="preload" href="adam-bw.png" as="image">
<link rel="preload" href="juan-bw.png" as="image">
<meta property="og:url" content="http://freeform.digital/">
<meta property="og:type" content="website">
<meta property="og:title" content="FREEFORM">
<meta property="og:description" content="Simple and robust digital products and services.">
<meta property="og:image" content="http://freeform.digital/logo-1200x630.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1078">
<meta property="og:image:height" content="1078">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@ffdigi">
<meta name="twitter:creator" content="@ffdigi">
<meta name="twitter:title" content="FREEFORM">
<meta name="twitter:description" content="Simple and robust digital products and services.">
<meta name="twitter:image" content="http://freeform.digital/logo.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
<link type="text/css" href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<header>
<h1>ΓREEΓOЯM<em>.digital</em></h1>
<p>
<a href="#contact-us" class="tab">Work with us</a>
</p>
</header>
<main role="main">
<article id="who-we-are">
<h1>Who we are</h1>
<div class="profile">
<img alt="adam" width="200" src="adam-bw.jpg">
<h2>
<span class="branded"><span>Adam</span><span>Shimali</span></span>
</h2>
<p id="adamblurb">
Adam's still writing his blurb, but rest assured that it will be jam packed with tales from the digital trenches.
</p>
</div>
<div class="profile">
<img alt="juan" width="200" src="juan-bw.jpg">
<h2>
<span class="branded"><span>Juan</span><span>Uys</span></span>
</h2>
<p id="juanblurb">
Juan has been delivering web platforms since the early noughties for clients including startups, government, finance and fashion. He's never opinionated about tech, but thinks Postgres is a pretty good database in almost any scenario.
</p>
</div>
</article>
<a href="#who-we-are" class="tab">Team</a>
<article id="our-services">
<h1>Our services</h1>
<h2>
<span class="branded"><span>FREEFORM</span><span>Core</span></span>
</h2>
<p>Everything web related: websites, web apps, APIs, ecommerce, scaling, messaging, optimisation, and everything in between.</p>
<h2>
<span class="branded"><span>FREEFORM</span><span>Greenfield</span></span>
</h2>
<p>We are prototyping aficionados. In fact, some of us are self-diagnosed hackathon junkies. We start with the pretty stuff, and fill in the gubbins as we go along.</p>
<h2>
<span class="branded"><span>FREEFORM</span><span>Vis</span></span>
</h2>
<p>We love to measure things, and we'd love to help you measure things too — everything from choosing KPIs to applying our datavis magic.</p>
<h2>
<span class="branded"><span>FREEFORM</span><span>Plan</span></span>
</h2>
<p>We can help you with your tech strategy, turn your idea into a backlog, or offer technical due diligence when you acquire new tech. Click <a href="#freeform.plan">here</a> to read more.</p>
</article>
<a href="#our-services" class="tab">Services</a>
<article id="testimonials">
<h1>Testimonals</h1>
<h2>
<span class="branded"><span>Future</span><span>You</span></span>
</h2>
<blockquote>
I should have worked with <strong>FREEFORM</strong> much, MUCH sooner.
</blockquote>
<h1>Things said about the team</h1>
<h2>
<span class="branded"><span>The</span><span>Capital Markets Company</span></span>
</h2>
<blockquote>
...worked as a Senior Developer on an agile development team implementing a Data Visualisation Platform used by two large retail banks. He got up to speed very quickly with the initial MEAN Stack application and picked up Loopback and Angular 2 with similar ease when we switched to more up to date technologies. He is always keen to implement and follow recognised best practices and regularly provided help and advice to the rest of the team both on the technical side and on our overall agile process. I would happily employ him again on a future project.
</blockquote>
<h2>
<span class="branded"><span>Wise</span><span>man</span></span>
</h2>
<blockquote>
... is the genuine article: he's a craftsman that cares about his work down to the last detail, while still remaining practical; I was on the project a few months before he arrived; I was impressed with how quickly he came up to speed with the domain as well as his informed, articulate and well-tempered discussions with the stakeholders. I enjoyed pairing with him, particularly for his insights and nimble sense of humour; as well, whenever there was a pressing problem, he stayed until it was resolved. ... would be an asset to whatever project, for whatever duration.
</blockquote>
<h2>
<span class="branded"><span>Underwrite</span><span>Me</span></span>
</h2>
<blockquote>
... was a great asset to the team, bringing experience in some technologies that were newer to us and helped shape the architecture really well. ... has great experience in a broad range of technologies and helped us greatly in Grails work, Javascript single page app, Puppet infrastructure setup to name a few. ... very delivery focussed and has an agile, pragmatic approach to delivery whilst always ensuring everything is to a high standard. ... a fun guy to be around and I enjoyed working with him.
</blockquote>
<h2>
<span class="branded"><span>Qudini</span><span>LTD</span></span>
</h2>
<blockquote>
... an extremely talented and knowledgeable developer and have since contracted him to work on Qudini in a freelance capacity. His approach to solving any technical task is highly professional and has been a key asset in enabling us to scale our application.
</blockquote>
<h2>
<span class="branded"><span>Pollarize</span><span>Me</span></span>
</h2>
<blockquote>
... one of the most talented and gifted engineers that I've ever had the good fortune to work with. Equally comfortable interpreting and rapidly sketching early stage concepts in code as he is planning the long term architecture of technical systems ... would be a fantastic asset to any team and I only hope that I will be lucky enough to work with him again in the future.
</blockquote>
<h2>
<span class="branded"><span>New Concepts</span><span>Development</span></span>
</h2>
<blockquote>
Brilliant developer. Writes good, maintainable code that does exactly what it says on the tin. Learns new technology quickly and well.
</blockquote>
<h2>
<span class="branded"><span>Dohub</span><span>LTD</span></span>
</h2>
<blockquote>
... a fantastic developer and all-round technologist. He has been instrumental in the roll-out of our platform and continues to add value above and beyond the brief. I would thoroughly recommend him.
</blockquote>
</article>
<a href="#testimonials" class="tab">Testimonials</a>
<article id="contact-us">
<h1>Contact us</h1>
<form action="" id="signupForm">
<div class="form-group">
<label for="Name">Name</label>
<input type="text" class="form-control" name="name">
</div>
<div class="form-group">
<label for="Email">Email</label>
<input type="email" class="form-control" name="email">
</div>
<div class="form-group">
<label for="Query">Query</label>
<textarea rows="5" cols="80" class="form-control" name="query"></textarea>
</div>
<button type="submit" class="button" id="signupButton">Please get back to me</button>
<p>Or, just <a href="mailto:[email protected]?subject=freeform">email us</a> with your query.</p>
</form>
<div id="signedUp"></div>
</article>
<a href="#contact-us" class="tab">Contact</a>
<article id="freeform.plan">
<h1>
<span class="branded"><span>FREEFORM</span><span>Plan</span></span>
</h1>
<p>We can help you with your tech strategy, turn your idea into a backlog, or offer technical due diligence when you acquire new tech.</p>
<h2>Tech strategy</h2>
<p>Your business might have a near or long term goal, and the tech needs to change to accomodate.</p>
<h2>Turn your idea into a backlog</h2>
<p>You bring your idea, we bring index cards and PostIt notes, and at the end of the day we have a backlog. Or the beginnings thereof, at least.</p>
<h2>Technical due diligence</h2>
<p>You've decided to acquire a bit of tech and need help checking if it holds water.</p>
</article>
<article id="meet-freeform">
<h2>
Welcome to
<span class="branded"><span>FREEFORM</span><span>Digital</span></span>
</h2>
<p>
We help companies deliver simple and robust digital products and services.
</p>
</article>
<a href="#meet-freeform" class="tab">Company</a>
</main>
<footer>
<a class="button" href="https://twitter.com/ffdigi">
Made by <strong>@ffdigi</strong>
</a>
<a class="button" href="https://beta.companieshouse.gov.uk/company/08951056">
Founded in <strong>London</strong> in <strong>2016</strong>
</a>
<a class="button" href="http://github.com/freeformdigital">
We <strong>❤</strong> <acronym title="free and open-source software">FOSS</acronym>
</a>
</footer>
<script type="text/javascript">
// TODO GA
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-105612245-1', 'auto');
ga('send', 'pageview');
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-serialize-object/2.5.0/jquery.serialize-object.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>