Skip to content

Commit c6458f4

Browse files
Łukasz HoleczekŁukasz Holeczek
Łukasz Holeczek
authored and
Łukasz Holeczek
committed
add services
1 parent 355f12c commit c6458f4

21 files changed

+313
-44
lines changed

‎about/services.html

Lines changed: 178 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,178 @@
1+
---
2+
layout: services
3+
color: 1ea6d6
4+
title: "A comprehensive set of services
 that will help your business thrive and stay ahead of the curve."
5+
subtitle: "We create stunning designs, high-conversion landing pages, functional mobile apps and reliable web services – everything you need to offer your products or services online and always stay a tap away from your customers."
6+
contact: true
7+
---
8+
<section id="web" class="py-5" style="background:#343a40;">
9+
<div class="container py-5 text-white">
10+
<div class="row align-items-center">
11+
<div class="col-md-8">
12+
<h2>Web</h2>
13+
<p class="mb-5" style="opacity:.8">Our team offers a wealth of experience developing web apps using popular frameworks and platforms. Compatible with all popular browsers and devices, they are the driving force behind the ongoing migration of software to the web.</p>
14+
<div class="row">
15+
<div class="col-md-6 d-flex flex-row align-items-start">
16+
<img src="{{ site.baseurl }}/assets/img/services/web-apps.svg" class="mr-3 web-apps">
17+
<div>
18+
<h5>Web app</h5>
19+
<p style="opacity:.8">The latest front- and back-end tech is used to build dynamic, browser-agnostic web apps that work anytime, anywhere.</p>
20+
</div>
21+
</div>
22+
<div class="col-md-6 d-flex flex-row align-items-start">
23+
<img src="{{ site.baseurl }}/assets/img/services/microservices.svg" class="mr-3 microservices">
24+
<div>
25+
<h5>Microservices</h5>
26+
<p style="opacity:.8">We design and implement software architectures based on microservices for reliable, cross-platform data exchange and excellent scalability.</p>
27+
</div>
28+
</div>
29+
<div class="col-md-6 d-flex flex-row align-items-start">
30+
<img src="{{ site.baseurl }}/assets/img/services/homepages.svg" class="mr-3 homepages">
31+
<div>
32+
<h5>Homepages</h5>
33+
<p style="opacity:.8">Engaging home and landing pages that instantly catch the visitors’ attention and increase conversion.</p>
34+
</div>
35+
</div>
36+
<div class="col-md-6 d-flex flex-row align-items-start">
37+
<img src="{{ site.baseurl }}/assets/img/services/cloud-hosting.svg" class="mr-3 cloud-hosting">
38+
<div>
39+
<h5>Cloud hosting</h5>
40+
<p style="opacity:.8">Deployment of web applications to the cloud makes for improved data security, unlimited storage capacity and global access.</p>
41+
</div>
42+
</div>
43+
</div>
44+
<a href="#contact-form" class="btn btn-lg btn-info mt-5" onclick="ga('send', 'event', 'Get a quote', 'Click', 'Web');">Click here for a quote</a>
45+
</div>
46+
<div class="col-md-3 offset-md-1">
47+
<img src="{{ site.baseurl }}/assets/img/services/web-blue.svg" class="img-fluid web-blue">
48+
</div>
49+
</div>
50+
</div>
51+
</section>
52+
<section id="graphic-design" class="bg-light py-5">
53+
<div class="container py-5">
54+
<div class="row align-items-center">
55+
<div class="col-md-3">
56+
<img src="{{ site.baseurl }}/assets/img/services/graphic-design-blue.svg" class="img-fluid graphic-design-blue">
57+
</div>
58+
<div class="col-md-8 offset-md-1">
59+
<h2>Graphic design</h2>
60+
<p class="mb-5" style="opacity:.8">Design is one of the pillars of our business. Making a functional product with substandard design has never been an option for us, so a perfect look and feel of every website or application has always been our top priority.</p>
61+
<div class="row">
62+
<div class="col-md-6 d-flex flex-row align-items-start">
63+
<img src="{{ site.baseurl }}/assets/img/services/web-mobile-design.svg" class="mr-3 web-mobile-design">
64+
<div>
65+
<h5>Web & mobile design</h5>
66+
<p style="opacity:.8">Our designs are unique, meticulous to the last pixel and always compliant with all relevant style guidelines.</p>
67+
</div>
68+
</div>
69+
<div class="col-md-6 d-flex flex-row align-items-start">
70+
<img src="{{ site.baseurl }}/assets/img/services/illustrations-icons.svg" class="mr-3 illustrations-icons">
71+
<div>
72+
<h5>Illustrations & icons</h5>
73+
<p style="opacity:.8">A high-quality design for an important pitch deck and top-notch icons for mobile apps and websites.</p>
74+
</div>
75+
</div>
76+
<div class="col-md-6 d-flex flex-row align-items-start">
77+
<img src="{{ site.baseurl }}/assets/img/services/visual-identity.svg" class="mr-3 visual-identity">
78+
<div>
79+
<h5>Visual identity</h5>
80+
<p style="opacity:.8">Creating complete brand identity kits for new and existing companies, including logos and print materials.</p>
81+
</div>
82+
</div>
83+
<div class="col-md-6 d-flex flex-row align-items-start">
84+
<img src="{{ site.baseurl }}/assets/img/services/animations.svg" class="mr-3 animations">
85+
<div>
86+
<h5>Animations</h5>
87+
<p style="opacity:.8">Professional animation and visualisation services that perfectly complement our customer video explainers.</p>
88+
</div>
89+
</div>
90+
</div>
91+
<a href="#contact-form" class="btn btn-lg btn-info mt-5" onclick="ga('send', 'event', 'Get a quote', 'Click', 'Graphic design');">Click here for a quote</a>
92+
</div>
93+
</div>
94+
</div>
95+
</section>
96+
<section id="user-experience" class="py-5" style="background:#1ea6d6">
97+
<div class="container py-5 text-white">
98+
<div class="row align-items-center">
99+
<div class="col-md-8">
100+
<h2>User experience</h2>
101+
<p class="mb-5" style="opacity:.8">Without proper ergonomics, even the most technologically advanced piece of software becomes a thing in itself, a barely useful gimmick. This is exactly why UX plays a very special role in our production process.</p>
102+
<div class="row">
103+
<div class="col-md-6 d-flex flex-row align-items-start">
104+
<img src="{{ site.baseurl }}/assets/img/services/wireframes.svg" class="mr-3 wireframes">
105+
<div>
106+
<h5>Wireframes</h5>
107+
<p style="opacity:.8">Product wireframes demonstrate the mechanics of the future application and let you see the key business flows in action.</p>
108+
</div>
109+
</div>
110+
<div class="col-md-6 d-flex flex-row align-items-start">
111+
<img src="{{ site.baseurl }}/assets/img/services/prototypes.svg" class="mr-3 prototypes">
112+
<div>
113+
<h5>Prototypes</h5>
114+
<p style="opacity:.8">Interactive app prototypes that look and behave similarly to the application they are intended for and are essential for product design.</p>
115+
</div>
116+
</div>
117+
<div class="col-md-6 d-flex flex-row align-items-start">
118+
<img src="{{ site.baseurl }}/assets/img/services/product-specification.svg" class="mr-3 product-specification">
119+
<div>
120+
<h5>Product specification</h5>
121+
<p style="opacity:.8">Well-structured, detailed functional specifications for ensuring a smooth, predictable and risk-free production process.</p>
122+
</div>
123+
</div>
124+
<div class="col-md-6 d-flex flex-row align-items-start">
125+
<img src="{{ site.baseurl }}/assets/img/services/ux-testing.svg" class="mr-3 ux-testing">
126+
<div>
127+
<h5>UX testing</h5>
128+
<p style="opacity:.8">We help customers identify current or potential issues in their interfaces and improve the usability of their software products.</p>
129+
</div>
130+
</div>
131+
</div>
132+
<a href="#contact-form" class="btn btn-lg btn-light mt-5" onclick="ga('send', 'event', 'Get a quote', 'Click', 'User experience');">Get a quote right now!</a>
133+
</div>
134+
<div class="col-md-3 offset-md-1">
135+
<img src="{{ site.baseurl }}/assets/img/services/user-experience-white.svg" class="img-fluid user-experience-white">
136+
</div>
137+
</div>
138+
</div>
139+
</section>
140+
<section id="contact-form" class="py-5">
141+
<div class="container py-5">
142+
<div class="row">
143+
<div class="col-md-10 mx-auto">
144+
<h2 class="mb-4">Contact Us!</h2>
145+
<p>
146+
We would appreciate if you share with us project’s timeline and budget.
147+
</p>
148+
<form id="contact-form" novalidate>
149+
<div class="form-row">
150+
<div class="form-group col-md-6">
151+
<label>Name</label>
152+
<input type="text" id="name" class="form-control" placeholder="Enter name" required>
153+
<div class="invalid-feedback">
154+
Please provide a valid name.
155+
</div>
156+
</div>
157+
<div class="form-group col-md-6">
158+
<label>Email address</label>
159+
<input type="email" id="email" class="form-control" placeholder="Enter email" required>
160+
<div class="invalid-feedback">
161+
Please provide a valid email.
162+
</div>
163+
</div>
164+
</div>
165+
<div class="form-group">
166+
<label>How can we help you?</label>
167+
<textarea id="message" class="form-control" rows="6" required></textarea>
168+
<div class="invalid-feedback">
169+
Please enter a message.
170+
</div>
171+
</div>
172+
<input type="hidden" id="type" value="support">
173+
<button type="submit" id="send" class="btn btn-primary">Send message</button>
174+
</form>
175+
</div>
176+
</div>
177+
</div>
178+
</section>

‎assets/.DS_Store

8 KB
Binary file not shown.

0 commit comments

Comments
 (0)