|
2 | 2 | <div class="contents">
|
3 | 3 | <div class="container">
|
4 | 4 | <Navigation />
|
5 |
| - <div class="header-block"> |
| 5 | + <header class="header-block"> |
| 6 | + <p class="typography.small-text"> |
| 7 | + Work |
| 8 | + </p> |
6 | 9 | <h1 class="typography.display">
|
7 | 10 | We have a track record of successful projects for international clients
|
8 | 11 | </h1>
|
9 |
| - </div> |
10 |
| - <!--page-header--> |
| 12 | + </header> |
| 13 | + </div> |
| 14 | + <div class="container"> |
| 15 | + <ShapeCase |
| 16 | + @color="#90E9D4" |
| 17 | + @image="/assets/images/trainline-comp.jpg" |
| 18 | + @logo="/assets/images/logos/trainline.svg" |
| 19 | + @link="#" |
| 20 | + @linkLabel="Read about Trainline" |
| 21 | + > |
| 22 | + <h2 class="typography.small-text"> |
| 23 | + Our latest Case Study |
| 24 | + </h2> |
| 25 | + <h3 class="typography.headline-2"> |
| 26 | + Leveraging Trainline's full market potential |
| 27 | + </h3> |
| 28 | + <p class="typography.body-text"> |
| 29 | + 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. |
| 30 | + </p> |
| 31 | + <a href="#" data-internal> |
| 32 | + Read Case Study |
| 33 | + </a> |
| 34 | + </ShapeCase> |
11 | 35 | </div>
|
12 |
| - <!--container--> |
13 | 36 | <div class="container">
|
14 |
| - <div class="main-block"> |
15 |
| - <div class="main-block.content-full-width"> |
16 |
| - <div class="main-block.content-item"> |
17 |
| - <div class="main-block.content-heading"> |
18 |
| - <h2 class="typography.headline-1"> |
19 |
| - Case Studies |
20 |
| - </h2> |
21 |
| - <p class="typography.lead"> |
22 |
| - We turn ideas into products and help tech teams move faster with confidence, enabling the long-term success of our clients' businesses. |
23 |
| - </p> |
24 |
| - </div> |
25 |
| - <!--heading--> |
26 |
| - <div class="main-block.content-section"> |
27 |
| - <div class="main-block.content-section-item"> |
28 |
| - <h3 class="typography.headline-2"> |
29 |
| - Leveraging Trainline's full market potential |
30 |
| - </h3> |
31 |
| - <p class="typography.body-text"> |
32 |
| - 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. |
33 |
| - </p> |
34 |
| - <a href="#" class="typography.arrow-link" data-internal> |
35 |
| - Read Case Study |
36 |
| - </a> |
37 |
| - <div class="main-block.body-image"> |
38 |
| - <img class="fluid-image.image" src="/assets/images/trainline-comp.jpg" /> |
39 |
| - <p class="main-block.body-image-caption"> |
40 |
| - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. |
41 |
| - </p> |
42 |
| - </div> |
43 |
| - <!--body-image--> |
44 |
| - </div> |
45 |
| - </div> |
46 |
| - <!--section--> |
47 |
| - <div class="main-block.content-section"> |
48 |
| - <div class="main-block.content-section-item"> |
49 |
| - <h3 class="typography.headline-2"> |
50 |
| - Modern online appointment scheduling |
51 |
| - </h3> |
52 |
| - <p class="typography.body-text"> |
53 |
| - 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. |
54 |
| - </p> |
55 |
| - <a href="#" class="typography.arrow-link" data-internal> |
56 |
| - Read Case Study |
57 |
| - </a> |
58 |
| - <div class="main-block.body-image"> |
59 |
| - <img class="fluid-image.image" src="/assets/images/trainline-comp.jpg" /> |
60 |
| - <p class="main-block.body-image-caption"> |
61 |
| - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. |
62 |
| - </p> |
63 |
| - </div> |
64 |
| - <!--body-image--> |
65 |
| - </div> |
66 |
| - </div> |
67 |
| - <!--section--> |
68 |
| - <div class="main-block.content-section"> |
69 |
| - <div class="main-block.content-section-item"> |
70 |
| - <h3 class="typography.headline-2"> |
71 |
| - A modern UI for an open-source router firmware |
72 |
| - </h3> |
73 |
| - <a href="#" class="typography.arrow-link" data-internal> |
74 |
| - Read Case Study |
75 |
| - </a> |
76 |
| - </div> |
77 |
| - </div> |
78 |
| - <!--section--> |
79 |
| - <div class="main-block.content-section"> |
80 |
| - <div class="main-block.content-section-item"> |
81 |
| - <h3 class="typography.headline-2"> |
82 |
| - An online travel magazine for global citizens |
83 |
| - </h3> |
84 |
| - <a href="#" class="typography.arrow-link" data-internal> |
85 |
| - Read Case Study |
86 |
| - </a> |
87 |
| - </div> |
88 |
| - </div> |
89 |
| - <!--section--> |
90 |
| - </div> |
91 |
| - <!--content-item--> |
92 |
| - </div> |
93 |
| - <!--content--> |
94 |
| - </div> |
95 |
| - <!--main-block--> |
96 | 37 | <div class="grid-block">
|
97 | 38 | <div class="grid-block.heading">
|
98 | 39 | <h2 class="typography.headline-1">
|
|
108 | 49 | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
109 | 50 | </p>
|
110 | 51 | </div>
|
111 |
| - <!--item--> |
112 | 52 | <div class="grid-block.item">
|
113 | 53 | <div class="grid-block.image-wrapper">
|
114 | 54 | <img class="grid-block.image" src="/assets/images/logos/timify.svg" />
|
|
117 | 57 | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
118 | 58 | </p>
|
119 | 59 | </div>
|
120 |
| - <!--item--> |
121 | 60 | <div class="grid-block.item">
|
122 | 61 | <div class="grid-block.image-wrapper">
|
123 | 62 | <img class="grid-block.image" src="/assets/images/logos/cardstack.svg" />
|
|
126 | 65 | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
127 | 66 | </p>
|
128 | 67 | </div>
|
129 |
| - <!--item--> |
130 | 68 | </div>
|
131 | 69 | </div>
|
| 70 | + </div> |
| 71 | + <div class="container"> |
| 72 | + <ShapeCase |
| 73 | + @color="#90E9D4" |
| 74 | + @image="/assets/images/trainline-comp.jpg" |
| 75 | + @link="#" |
| 76 | + @linkLabel="Read about Trainline" |
| 77 | + > |
| 78 | + <h3 class="typography.headline-2"> |
| 79 | + Modern online appointment scheduling |
| 80 | + </h3> |
| 81 | + <p class="typography.body-text"> |
| 82 | + 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. |
| 83 | + </p> |
| 84 | + <a href="#" data-internal> |
| 85 | + Read Case Study |
| 86 | + </a> |
| 87 | + </ShapeCase> |
| 88 | + </div> |
| 89 | + <div class="container"> |
| 90 | + <h2 class="typography.headline-1"> |
| 91 | + More Case Studies |
| 92 | + </h2> |
| 93 | + <div class="main-block"> |
| 94 | + <div class="main-block.content-full-width"> |
| 95 | + <div class="main-block.content-item"> |
| 96 | + <div class="main-block.content-section"> |
| 97 | + <div class="main-block.content-section-item"> |
| 98 | + <h3 class="typography.headline-2"> |
| 99 | + A modern UI for an open-source router firmware |
| 100 | + </h3> |
| 101 | + <a href="#" data-internal> |
| 102 | + Read Case Study |
| 103 | + </a> |
| 104 | + </div> |
| 105 | + </div> |
| 106 | + <!--section--> |
| 107 | + <div class="main-block.content-section"> |
| 108 | + <div class="main-block.content-section-item"> |
| 109 | + <h3 class="typography.headline-2"> |
| 110 | + An online travel magazine for global citizens |
| 111 | + </h3> |
| 112 | + <a href="#" data-internal> |
| 113 | + Read Case Study |
| 114 | + </a> |
| 115 | + </div> |
| 116 | + </div> |
| 117 | + <!--section--> |
| 118 | + </div> |
| 119 | + <!--content-item--> |
| 120 | + </div> |
| 121 | + <!--content--> |
| 122 | + </div> |
| 123 | + <!--main-block--> |
132 | 124 | <!--grid-block-->
|
133 | 125 | </div>
|
134 | 126 | <div class="container">
|
|
0 commit comments