-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
122 lines (120 loc) · 4.77 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
---
# Feel free to add content and custom Front Matter to this file.
# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
#layout: home
layout: landing
---
<div class="hero">
<div class="hero__overlay hero__overlay--gradient"></div>
<div class="hero__mask"></div>
<div class="hero__inner">
<div class="container">
<div class="hero__content">
<div class="hero__content__inner" id='navConverter'>
<h1 class="hero__title">turntabl: software, reinvented.</h1>
<p class="hero__text">Turntabl is a software agency with a difference.</p>
<a href="mailto:[email protected]" class="button button__accent">Contact us</a>
<!--<a href="#" class="button hero__button">Learn more</a>-->
</div>
</div>
</div>
</div>
</div>
<div class="hero__sub">
<span id="scrollToNext" class="scroll">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
class='hero__sub__down' fill="currentColor" width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;"
xml:space="preserve">
<path d="M256,298.3L256,298.3L256,298.3l174.2-167.2c4.3-4.2,11.4-4.1,15.8,0.2l30.6,29.9c4.4,4.3,4.5,11.3,0.2,15.5L264.1,380.9c-2.2,2.2-5.2,3.2-8.1,3c-3,0.1-5.9-0.9-8.1-3L35.2,176.7c-4.3-4.2-4.2-11.2,0.2-15.5L66,131.3c4.4-4.3,11.5-4.4,15.8-0.2L256,298.3z" /></svg>
</span>
</div>
<!-- Steps -->
<div class="steps landing__section">
<div class="container">
<h2>Who are we?</h2>
<p>A hand-selected group of experts. Rigorously trained and brilliant to work with.</p>
</div>
<div class="container">
<div class="steps__inner">
<div class="step">
<div class="step__media">
<img src="./images/undraw_team_spirit_hrr4.svg" class="step__image">
</div>
<h4>Expertise</h4>
<p class="step__text">The turntabl learning program is legendary. All our developers pass through two months of
tuition, group work and practical exercises.</p>
</div>
<div class="step">
<div class="step__media">
<img src="./images/undraw_connecting_teams3_1pgn.svg" class="step__image">
</div>
<h4>Excellence</h4>
<p class="step__text">Communication is key. Everyone in our team is an excellent communicator: a native English
speaker with fantastic technical literacy.</p>
</div>
<div class="step">
<div class="step__media">
<img src="./images/undraw_development_ouy3.svg" class="step__image">
</div>
<h4>Experience</h4>
<p class="step__text">We've been in the trenches. turntabl teams are led by experts. Agile development, program
management, incident response: you can trust us.</p>
</div>
</div>
</div>
</div>
<!-- Expanded sections -->
<div class="expanded landing__section">
<div class="container">
<div class="expanded__inner">
<div class="expanded__media">
<img src="./images/undraw_browser_stats_704t.svg" class="expanded__image">
</div>
<div class="expanded__content">
<h2 class="expanded__title">Project delivery</h2>
<p class="expanded__text">We work in small, dedicated teams, and we'll collaborate with you throughout the project
lifecycle. From inception and definition through to delivery, production and maintenance - our style is clean
lines, efficient code, empowered users.</p>
</div>
</div>
</div>
</div>
<div class="expanded landing__section">
<div class="container">
<div class="expanded__inner">
<div class="expanded__media">
<img src="./images/undraw_status_update_jjgk.svg" class="expanded__image">
</div>
<div class="expanded__content">
<h2 class="expanded__title">Embedded developers</h2>
<p class="expanded__text">If you want to grow a group, we can help. Our teams are agile and inventive. We're great
at chewing through JIRAs, and just as happy building your UX or the next generation of your microservice layer.</p>
</div>
</div>
</div>
</div>
<div class="expanded landing__section">
<div class="container">
<div class="expanded__inner">
<div class="expanded__media">
<img src="./images/undraw_High_five_u364.svg" class="expanded__image">
</div>
<div class="expanded__content">
<h2 class="expanded__title">Giving back</h2>
<p class="expanded__text">Philanthropy is at the core of what we do. Each of our experts spends a weekday
afternoon teaching kids to code in local schools - so when you work with us, you can be sure we're doing good
together.</p>
</div>
</div>
</div>
</div>
<!-- Call To Action -->
<div class="cta cta--reverse">
<div class="container">
<div class="cta__inner">
<h2 class="cta__title">Get started now</h2>
<p class="cta__sub cta__sub--center">Drop us a line and we'll get in touch.</p>
<a href="mailto:[email protected]" class="button button__accent">Email turntabl.</a>
</div>
</div>
</div>