-
Notifications
You must be signed in to change notification settings - Fork 9
/
index.html
183 lines (167 loc) · 8.87 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
---
layout: default
title:
---
<header class="page-homepage">
<div class="jumbotron jumbotron-fluid jumbotron-fluid-homepage">
<div class="container container-jumbotron">
<div class="jumbotron-header-wrapper">
<h1 class="jumbotron-header text-lowercase">Solid engineering for ambitious projects</h1>
</div>
</div>
<div class="jumbotron-background">
<div class="jumbotron-background-item jumbotron-background-item-primary">
<img alt="Image" class="img-fluid jumbotron-background-item-image" src="/images/jumbotron/jumbotron-background-item.png" />
</div>
<div class="jumbotron-background-item jumbotron-background-item-secondary">
<img alt="Image" class="img-fluid jumbotron-background-item-image" src="/images/trainline/screen-1-mini.png" />
</div>
<div class="jumbotron-background-item jumbotron-background-item-secondary">
<img alt="Image" class="img-fluid jumbotron-background-item-image" src="/images/timify/website-preview-1-mini.png" />
</div>
<div class="jumbotron-background-item jumbotron-background-item-secondary">
<img alt="Image" class="img-fluid jumbotron-background-item-image" src="/images/expedition/website-preview-1-mini.jpg" />
</div>
</div>
</div>
</header>
<main>
{% capture intro_content %}
<p>Our team of technology experts builds ambitious web and mobile solutions for clients across the world. <strong>We like to move fast without breaking things</strong> and invite our clients to take on an active role in projects.</p>
{% endcapture %}
<div class="container">
{% include intro.html content=intro_content %}
</div><!--container-->
<div class="container">
<div class="section-services">
<div class="row justify-content-start mb-5">
<div class="col-sm-6">
<h2 class="display-4 font-weight-black text-lowercase mb-4">Services</h2>
<p class="lead">
We turn ideas into products and help tech teams move faster with confidence, enabling the long-term success of our clients' businesses.
</p>
</div>
</div>
<div class="row">
<div class="col-sm-4 d-flex">
<a class="feature-card d-flex flex-column align-items-stretch justify-content-start" href="full-stack-engineering/index.html" aria-label="Learn more about Full-Stack Engineering Services">
<div class="p-4">
<img alt="Full-Stack Engineering image" class="mx-auto d-block" src="/images/icons/dark/fullstack.svg">
</div>
<h3 class="my-4 font-weight-black text-dark">Full-Stack Engineering</h3>
<p class="pr-3 mb-3 text-dark h-50" aria-hidden="true">We turn our clients' ideas into successful products, working closely with them in short iterations.</p>
<div class="text-arrow" aria-hidden="true">Learn More</div>
</a>
</div><!--col-->
<div class="col-sm-4 d-flex">
<a class="feature-card d-flex flex-column align-items-stretch justify-content-start" href="team-augmentation/index.html" aria-label="Learn more about Team Augmentation Services">
<div class="p-4">
<img alt="Team Augmentation image" class="mx-auto d-block" src="/images/icons/dark/team.svg">
</div>
<h3 class="my-4 font-weight-black text-dark">Team Augmentation</h3>
<p class="pr-3 mb-3 text-dark h-50" aria-hidden="true">Our technology experts merge with our clients' in-house engineering teams, spearhead development initiatives and establish best practices.</p>
<div class="text-arrow" aria-hidden="true">Learn More</div>
</a>
</div><!--col-->
<div class="col-sm-4 d-flex">
<a class="feature-card d-flex flex-column align-items-stretch justify-content-start" href="training/index.html" aria-label="Learn more about Tutoring Services">
<div class="p-4">
<img alt="Tutoring image" class="mx-auto d-block" src="/images/icons/dark/tutoring.svg">
</div>
<h3 class="my-4 font-weight-black text-dark">Tutoring</h3>
<p class="pr-3 mb-3 text-dark h-50" aria-hidden="true">We tutor teams, raising their experience and confidence levels when taking on new technologies or projects.</p>
<div class="text-arrow" aria-hidden="true">Learn More</div>
</a>
</div><!--col-->
</div><!--row-->
</div><!--section-services-->
</div><!--container-->
<div class="container">
<div class="row">
<div class="col-sm-6 d-flex align-items-stretch">
{% capture client_banner_description--trainline %}
<p>Trainline is Europe’s leading independent rail and coach platform. We worked with them to deliver a high-performance mobile web app, along with an improved engineering process, enabling Trainline to achieve their business goals for years to come.</p>
{% endcapture %}
{% include client_banner.html
client="trainline"
title="Leveraging Trainline's full market potential"
description=client_banner_description--trainline
logo_url="../images/trainline/trainline-logo-white.svg"
image_class="w-75"
%}
</div><!--col-->
<div class="col-sm-6 d-flex align-items-stretch">
{% capture client_banner_description--timify %}
<p>When Timify decided it was time to re-engineer their existing product, they trusted us to bring them into the future. We added engineering capacity and technology expertise to Timify's internal team and helped to build a solid foundation that enabled them to iterate fast and launch on-schedule, without sacrificing quality.</p>
{% endcapture %}
{% include client_banner.html
client="timify"
title="Laying out a solid foundation for Timify"
description=client_banner_description--timify
logo_url="../images/timify/timify-logo-white.svg"
image_class="img-2x"
%}
</div><!--col-->
</div><!--row-->
<div class="d-flex row justify-content-between my-4 px-2 align-items-center">
<div class="p-3 col-6 col-sm-3 text-center color-bw">
<img alt="Logo" class="img-fluid" src="images/logos/colorful/trainline.svg" />
</div>
<div class="p-3 col-6 col-sm-3 text-center color-bw">
<img alt="Logo" class="img-fluid" src="images/logos/colorful/generali.svg" />
</div>
<div class="p-3 col-6 col-sm-3 text-center color-bw">
<img alt="Logo" class="img-fluid" src="images/logos/colorful/clark.svg" />
</div>
<div class="p-3 col-6 col-sm-3 text-center color-bw">
<img alt="Logo" class="img-fluid" src="images/logos/colorful/cardstack.svg" />
</div>
</div><!--logos-->
<div class="text-center mt-5">
<a class="btn btn-dark mx-auto" href="./work/index.html">Our Work</a>
</div>
</div><!--container-->
<div class="container">
<div class="row justify-content-start mb-5">
<div class="col-sm-12">
<h2 class="display-4 font-weight-black text-lowercase mb-4">News</h2>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-4">
{% capture news-1 %}
We are happy to be sponsoring EmberConf again in 2019. If you're going to be in Portland, make sure to connect with our team!
{% endcapture %}
{% include news_card.html
title="Meet us at EmberConf"
content=news-1
url="https://emberconf.com"
image_url="/images/news-1.jpg"
%}
</div><!--col-->
<div class="col-sm-12 col-md-4">
{% capture news-2 %}
We are part of the organisational committee behind EmberFest. This year, we also sponsored the video recordings of all talks which are <a href="https://www.youtube.com/watch?v=oRzmDobMZ_Q&list=PLN4SpDLOSVkSB9034lDNdP1JoNBGssax9">now available on YouTube</a>. We hope everyone enjoys the videos and are already looking forward to another great EmberFest in 2019!
{% endcapture %}
{% include news_card.html
title="EmberFest 2018 Videos"
content=news-2
url="https://www.youtube.com/watch?v=oRzmDobMZ_Q&list=PLN4SpDLOSVkSB9034lDNdP1JoNBGssax9"
image_url="/images/news-2.jpg"
%}
</div><!--col-->
<div class="col-sm-12 col-md-4">
{% capture news-3 %}
We are happy to launch Breethe, a Progressive Web App for accessing air quality data for locations around the world. We built Breethe with Glimmer.js so that it would be blazing fast and lightweight. It is server side rendered, works offline and even with JavaScript disabled!
{% endcapture %}
{% include news_card.html
title="Launching Breethe"
content=news-3
url="https://breethe.app/"
image_url="/images/news-3.jpg"
%}
</div><!--col-->
</div>
</div>
{% include contact_banner.html %}
</main>