/
index.html
277 lines (244 loc) · 12.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
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-88670143-1', {siteSpeedSampleRate: 100});
ga('require', 'linkid', {levels: 10});
ga('set', 'transport', 'beacon');
ga('send', 'pageview');
</script>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=Lato:400,700">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700">
<link rel="preload" as="style" href="main.css">
<link rel="stylesheet" href="main.css">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="preload" as="script" href="libs.js">
<link rel="preload" as="script" href="main.js">
<link rel="preload" as="script" href="//www.google-analytics.com/analytics.js">
<script async src="//www.google-analytics.com/analytics.js"></script>
<title>TechBrain - Digital People to Digital Companies</title>
<meta name="description" content="We specialize in Recruitment Consulting, On-site Recruiters and IT Consultants. We've done work for King and Blocket among others.">
<meta property="og:title" content="TechBrain - Digital People to Digital Companies">
<meta property="og:description" content="We specialize in Recruitment Consulting, On-site Recruiters and IT Consultants. We've done work for King and Blocket among others.">
<meta property="og:url" content="http://techbrain.se/">
<meta property="og:image" content="http://techbrain.se/images/opengraph-image-v1.jpg">
<meta property="og:image:width" content="2400">
<meta property="og:image:height" content="1260">
</head>
<body>
<header class="section section-header">
<div class="section-header-inner">
<h1>
<img
class="section-header-logo"
src="images/techbrain-logo/techbrain-logo-white-shadow.svg"
alt="TechBrain"
width="160"
height="95"
role="img"
>
<span class="section-header-tagline">
<span class="section-header-tagline-part1">Digital People to</span>
<span class="section-header-tagline-part2">Digital Companies</span>
</span>
</h1>
<nav>
<ul class="section-header-menu">
<li><a href="#what-we-do">What we do</a></li>
<li><a href="#clients">Clients</a></li>
<li><a href="#team">Team</a></li>
<li><a href="#technologies">Technologies</a></li>
<li><a href="#contact-us">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!-- ####################################################################### -->
<section id="what-we-do" class="section section-services">
<h2 class="sectionHeading">What we do</h2>
<div class="section-services-list">
<div class="section-services-service">
<h3 class="subHeading">Recruitment Consulting</h3>
<div class="section-services-image section-services-image-recruitmentConsulting"></div>
<p>Need an overhaul of your recruitment needs? Help setting up recruitment processes? Tailor recruitment software? We are recruitment experts and can help you get stuff done.</p>
</div>
<div class="section-services-service">
<h3 class="subHeading">IT Consultants</h3>
<div class="section-services-image section-services-image-itConsultants"></div>
<p>We continuously sign talented developers and cooperate with the best freelancers so that you can have the talent you need at an arms reach.</p>
</div>
</div>
<p class="ctaButtonRow">
<a href="mailto:info@techbrain.se" title="E-mail info@techbrain.se" class="button button-cta">Contact us</a>
</p>
</section>
<!-- ####################################################################### -->
<section id="clients" class="section section-clients">
<h2 class="sectionHeading sectionHeading-white">Some companies we've helped</h2>
<ul class="imageList imageList-wrapAt3">
<li>
<img
src="images/client-logos/king-1x.png"
srcset="images/client-logos/king-2x.png 2x, images/client-logos/king-3x.png 3x"
alt="King.com"
width="80"
>
</li>
<li><img src="images/client-logos/valtech.svg" role="img" alt="Valtech" width="180"></li>
<li>
<img
src="images/client-logos/mobiento-1x.png"
srcset="images/client-logos/mobiento-2x.png 2x, images/client-logos/mobiento-3x.png 3x"
alt="Mobiento"
width="200"
>
</li>
<li><img src="images/client-logos/billogram.svg" role="img" alt="Billogram" width="200"></li>
<li><img src="images/client-logos/blocket.svg" role="img" alt="Blocket" width="160"></li>
<li><img src="images/client-logos/starbreeze.svg" role="img" alt="Starbreeze Studios" width="120"></li>
</ul>
</section>
<!-- ####################################################################### -->
<section id="team" class="section section-team">
<h2 class="sectionHeading">Our team</h2>
<div class="section-team-list">
<div class="section-team-person">
<h3 class="subHeading">Daniel Dudek</h3>
<p>Founder & Senior Tech Recruiter</p>
<p class="section-team-person-picture">
<img src="images/team-profile-pictures/daniel-dudek-360w-v1.jpg" alt="Profile picture of Daniel Dudek">
</p>
<ul class="section-team-person-links">
<li><a href="mailto:daniel@techbrain.se" class="button button-icon button-blue"><span class="icon icon-email">E-mail Daniel Dudek</span></a></li>
<li><a href="https://se.linkedin.com/in/danielalexanderdudek" class="button button-icon button-turquoise"><span class="icon icon-linkedin">LinkedIn page for Daniel Dudek</span></a></li>
</ul>
</div>
<div class="section-team-person">
<h3 class="subHeading">Amanda Sjöswärd</h3>
<p>Tech Recruiter</p>
<p class="section-team-person-picture">
<img src="images/team-profile-pictures/amanda-sjosward-240w-v1.jpg" alt="Profile picture of Amanda Sjöswärd">
</p>
<ul class="section-team-person-links">
<li><a href="mailto:amanda@techbrain.se" class="button button-icon button-blue"><span class="icon icon-email">E-mail Amanda Sjöswärd</span></a></li>
<li><a href="https://se.linkedin.com/in/amandasjosward" class="button button-icon button-turquoise"><span class="icon icon-linkedin">LinkedIn page for Amanda Sjöswärd</span></a></li>
</ul>
</div>
<div class="section-team-person">
<h3 class="subHeading">Jean-Pierre Shammass</h3>
<p>Tech Recruiter & Sales</p>
<p class="section-team-person-picture">
<img src="images/team-profile-pictures/jean-pierre-shammass-360w-v1.jpg" alt="Profile picture of Jean-Pierre Shammass">
</p>
<ul class="section-team-person-links">
<li><a href="mailto:jp@techbrain.se" class="button button-icon button-blue"><span class="icon icon-email">E-mail Jean-Pierre Shammass</span></a></li>
<li><a href="https://se.linkedin.com/in/jean-pierre-shammass-693b1925" class="button button-icon button-turquoise"><span class="icon icon-linkedin">LinkedIn page for Jean-Pierre Shammass</span></a></li>
</ul>
</div>
<div class="section-team-person">
<h3 class="subHeading">Mattias Marklund</h3>
<p>Tech Recruiter</p>
<p class="section-team-person-picture">
<img src="images/team-profile-pictures/mattias-marklund-360w-v1.jpg" alt="Profile picture of Mattias Marklund">
</p>
<ul class="section-team-person-links">
<li><a href="mailto:mattias@sprofessionals.se" class="button button-icon button-blue"><span class="icon icon-email">E-mail Mattias Marklund</span></a></li>
<li><a href="https://www.linkedin.com/in/mattias-marklund-8b69b5126/" class="button button-icon button-turquoise"><span class="icon icon-linkedin">LinkedIn page for Mattias Marklund</span></a></li>
</ul>
</div>
<div class="section-team-person">
<h3 class="subHeading">Amanda Ainali</h3>
<p>Tech Recruiter</p>
<p class="section-team-person-picture">
<img src="images/team-profile-pictures/amanda-ainali-360w-v1.jpg" alt="Profile picture of Amanda Ainali">
</p>
<ul class="section-team-person-links">
<li><a href="mailto:amanda.a@sprofessionals.se" class="button button-icon button-blue"><span class="icon icon-email">E-mail Amanda Ainali</span></a></li>
<li><a href="https://www.linkedin.com/in/amanda-ainali-a3609910a/" class="button button-icon button-turquoise"><span class="icon icon-linkedin">LinkedIn page for Amanda Ainali</span></a></li>
</ul>
</div>
<div class="section-team-person">
<h3 class="subHeading">Kenneth Sundqvist</h3>
<p>Web Developer Consultant</p>
<p class="section-team-person-picture">
<img src="images/team-profile-pictures/kenneth-sundqvist-360w-v1.jpg" alt="Profile picture of Kenneth Sundqvist">
</p>
<ul class="section-team-person-links">
<li><a href="mailto:eviloatmeal@gmail.com" class="button button-icon button-blue"><span class="icon icon-email">E-mail Kenneth Sundqvist</span></a></li>
<li><a href="https://www.linkedin.com/in/kennethsundqvist" class="button button-icon button-turquoise"><span class="icon icon-linkedin">LinkedIn page for Kenneth Sundqvist</span></a></li>
</ul>
</div>
<div class="section-team-person">
<h3 class="subHeading">Jeffery Örnerstedt</h3>
<p>Web Developer Consultant</p>
<p class="section-team-person-picture">
<img src="images/team-profile-pictures/jeffery-ornerstedt-360w-v1.jpg" alt="Profile picture of Jeffery Örnerstedt">
</p>
<ul class="section-team-person-links">
<li><a href="mailto:contact@www.jeffdesign.se" class="button button-icon button-blue"><span class="icon icon-email">E-mail Jeffery Örnerstedt</span></a></li>
<li><a href="https://www.linkedin.com/in/jeffrey-%C3%B6rnerstedt-2b43b284/" class="button button-icon button-turquoise"><span class="icon icon-linkedin">LinkedIn page for Jeffery Örnerstedt</span></a></li>
</ul>
</div>
</div>
</section>
<!-- ####################################################################### -->
<section id="technologies" class="section section-technologies">
<h2 class="sectionHeading sectionHeading-white sectionHeading-shadow">Some of the technologies we work with</h2>
<ul class="imageList imageList-wrapAt5">
<li><img src="images/technology-logos/java.svg" role="img" alt="Java" width="121"></li>
<li><img src="images/technology-logos/python.svg" role="img" alt="Python" width="173"></li>
<li><img src="images/technology-logos/c-sharp.svg" role="img" alt="C sharp" width="84"></li>
<li><img src="images/technology-logos/dot-net.svg" role="img" alt=".NET" width="99"></li>
<li><img src="images/technology-logos/microsoft-sql-server.svg" role="img" alt="Microsoft SQL Server" width="121"></li>
<li><img src="images/technology-logos/php.svg" role="img" alt="PHP" width="104"></li>
<li><img src="images/technology-logos/javascript.svg" role="img" alt="JavaScript" width="86"></li>
<li><img src="images/technology-logos/nodejs.svg" role="img" alt="Node.js" width="133"></li>
<li><img src="images/technology-logos/html5.svg" role="img" alt="HTML5" width="74"></li>
<li><img src="images/technology-logos/css3.svg" role="img" alt="CSS3" width="74"></li>
</ul>
</section>
<!-- ####################################################################### -->
<section id="contact-us" class="section section-contact">
<h2 class="sectionHeading">The only tech talent partner you need</h2>
<div class="section-contact-content article">
<p>
TechBrain focuses on getting stuff done. Whether you need to get your IT /
Tech recruitments done, need IT consultants for a project or need help
structuring your recruitments, we're there for you.
</p>
<p>
We are fully committed to bring digital people to digital companies
— we are the only tech partner you need. Welcome to TechBrain!
</p>
</div>
<p class="ctaButtonRow">
<a href="mailto:info@techbrain.se" title="E-mail info@techbrain.se" class="button button-cta">Contact us</a>
</p>
</section>
<!-- ####################################################################### -->
<footer class="section section-footer">
<hr>
<p>
<img
class="section-footer-logo"
src="images/techbrain-logo/techbrain-logo-white.svg"
alt="TechBrain"
width="140"
height="75"
role="img"
>
A part of Serendipity Professionals
</p>
<address>
Sprof TechBrain AB<br>
Stureplan 15, 111 45, Stockholm<br>
<a href="mailto:info@techbrain.se" title="E-mail info@techbrain.se">info@techbrain.se</a>
</address>
</footer>
<script defer src="libs.js"></script>
<script defer src="main.js"></script>
</body>
</html>