forked from keisuke32/Webbee
-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
services.html
371 lines (367 loc) · 28.4 KB
/
services.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
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<meta name="description" content="" />
<meta name="author" content="Ferdinand Tugano" />
<link rel="icon" href="assets/img/favicon.ico" />
<title>Webbee</title>
<!-- Icons for this template -->
<link
href="assets/fonts/font-awesome/css/all.min.css"
rel="stylesheet"
type="text/css"
/>
<!-- Stylesheet -->
<!-- build:css -->
<link href="assets/css/app.css" rel="stylesheet" />
<!-- endbuild -->
<link id="theme-color" href="assets/css/colors/green.css" rel="stylesheet" />
</head>
<body>
<header>
<div class="webbee-nav">
<div class="webbee-nav-content">
<div class="navbar-left">
<div class="sidebar-toggler" id="nav-container">
<div class="bg" id="sidebar-bg" onclick="onCloseSidebarButton()"></div>
<button type="button" class="menu-mobile-trigger button-ripple" tabindex="0" onclick="onOpenSidebarButton()">
<span>
<svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" data-testid="MenuIcon"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></svg>
</span>
</button>
<div id="nav-content" tabindex="0">
<div class="close-tab">
<button type="button" class="close-sidebar-button button-ripple" onclick="onCloseSidebarButton()">
<svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" data-testid="CloseIcon"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg>
</button>
</div>
<span class="section-title">Landing Pages</span>
<ul>
<li class="row">
<a href="advertisement.html" class="col-6">Advertisement</a>
<a href="payment.html" class="col-6">Payment App</a>
</li>
<li class="row">
<a href="marketing.html" class="col-6">Marketing</a>
<a href="software-company.html" class="col-6">Software Company</a>
</li>
<li class="row">
<a href="course.html" class="col-6">Course</a>
<a href="crypto.html" class="col-6">Crypto Currency</a>
</li>
<li class="row">
<a href="design-agency.html" class="col-6">Design Agency</a>
<a href="consulting.html" class="col-6">Consulting</a>
</li>
<li class="row">
<a href="application.html" class="col-6">Application</a>
<a href="event.html" class="col-6">Event</a>
</li>
</ul>
<span class="section-title">Supporting Pages</span>
<ul>
<li class="row">
<a href="about.html" class="col-6">About</a>
<a href="services.html" class="col-6 active">Services</a>
</li>
<li class="row">
<a href="contact.html" class="col-6">Contact</a>
<a href="pricing.html" class="col-6">Pricing</a>
</li>
<li class="row">
<a href="customers.html" class="col-6">Customers</a>
<a href="hire-us.html" class="col-6">Hire Us</a>
</li>
<li class="row">
<a href="faq.html" class="col-6">FAQ</a>
<a href="privacy.html" class="col-6">Privacy Policy</a>
</li>
<li class="row">
<a href="coming-soon.html" class="col-6">Coming Soon</a>
<a href="maintenance.html" class="col-6">Maintenance Mode</a>
</li>
<li class="row">
<a href="cover.html" class="col-6">Cover</a>
<a href="404.html" class="col-6">Not Found</a>
</li>
</ul>
<span class="section-title">Auth Pages</span>
<ul>
<li class="row">
<a href="login.html" class="col-6">Login</a>
<a href="login-simple.html" class="col-6">Login Simple</a>
</li>
<li class="row">
<a href="signup.html" class="col-6">Sign Up</a>
<a href="signup-simple.html" class="col-6">Sign Up Simple</a>
</li>
<li class="row">
<a href="forgot.html" class="col-6">Forgot Password</a>
<a href="forgot-password-simple.html" class="col-6">Forgot Password Simple</a>
</li>
</ul>
<a href="/" class="button-secondary button-ripple" style="width: 100%; height: 36px;">Documentation</a>
<a href="/" class="button-primary button-ripple" style="margin-top: 8px; width: 100%; height: 36px;">Purchase now</a>
</div>
</div>
<a class="logo-brand" href="index.html">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 95 71">
<rect class="svg-changed-color" width="16.811" height="68.926" x="0.664" y="7.769" rx="8.406" transform="rotate(-25 .664 7.77)"></rect>
<rect class="svg-changed-color" width="16.811" height="68.926" x="28.665" y="7.769" rx="8.406" transform="rotate(-25 28.665 7.77)"></rect>
<rect class="svg-changed-color" width="16.811" height="16.81" x="78.769" y="0.664" rx="8.405" transform="rotate(25 78.77 .664)"></rect>
</svg>
</a>
</div>
<div class="navbar-right">
<!-- <div class="navbar-colors">
<div class="navbar-color green">
<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="white"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg>
</div>
<div class="navbar-color blue">
</div>
<div class="navbar-color purple">
</div>
<div class="navbar-color red">
</div>
<div class="navbar-color orange">
</div>
</div>
<div class="navbar-theme">
<button class="theme-toggler">
<span>
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"></path></svg>
</span>
</button>
</div> -->
<div class="navbar-menu navbar-home">
<a href="/">Home</a>
</div>
<div class="navbar-menu navbar-documentation">
<a href="">Documentation</a>
</div>
<div class="navbar-purchase">
<a href="/" class="button-primary button-ripple">Purchase now</a>
</div>
</div>
</div>
</div>
</header>
<main role="main">
<div class="services-hero row">
<div class="webbee-description-snippet">
<p class="webbee-description-snippet-header">OUR SERVICES</p>
<h2 class="webbee-description-snippet-title">High-impact design & development services</h2>
<p class="webbee-description-snippet-content">As experts in both design & development, we help you go through the complete process. From your new website idea, to design, development, launch and scale!</p>
<div class="webbee-description-snippet-buttons">
<a href="/" class="button-primary">Contact us</a>
</div>
<div class="webbee-description-snippet-description services-hero-description">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" fill="none" viewBox="0 0 159 114"><path fill="#E6E6E6" d="M79.49 113.435c43.73 0 79.181-4.023 79.181-8.985s-35.451-8.985-79.18-8.985c-43.73 0-79.18 4.023-79.18 8.985s35.45 8.985 79.18 8.985z" opacity="0.3"></path><path fill="#FFD200" d="M24.5 50.64s-11.765 5.636-13.3 18.62c-1.535 12.986-5.87 38.061 26.045 36.631 31.915-1.43 46.965-3.21 39.44-27.595C69.16 53.91 24.5 50.64 24.5 50.64z"></path><path fill="#000" d="M23.295 57.385a9.29 9.29 0 004.245 9.54c4.33 2.855 11 13 16.165 18.13a8.449 8.449 0 012.5 6.115c0 .925.375 1.95 1.595 2.95 3.59 2.935 18.655 4.4 27.08-4.63 8.425-9.03-2.685-13.5-2.685-13.5l-37.03-20.045-11.87 1.44z" opacity="0.09"></path><path fill="#F4A28C" d="M105.15 101.59s.785 2 2.755 2.43c1.97.43 3.04 2.87-1.265 2.5-4.305-.37-6.67.28-6.05-2.085.62-2.365.34-2.72.34-2.72l4.22-.125zM76.24 99.926s-.33 2.105 1.135 3.5 1.155 4-2.35 1.5-5.88-3.155-4.145-4.875c1.735-1.72 1.675-2.17 1.675-2.17l3.685 2.045z"></path><path fill="#245B5B" d="M80 70s26.325.27 26.07 31.665l-6.21 1.055s-1.195-33.155-35.405-17.36L66.24 72.3 80 70z"></path><path fill="#000" d="M80 70s26.325.27 26.07 31.665l-6.21 1.055s-1.195-33.155-35.405-17.36L66.24 72.3 80 70z" opacity="0.09"></path><path fill="#FFD200" d="M82.064 41.1l2.285.61-1.625-1.75-.66 1.14z"></path><path fill="#F4A28C" d="M46.154 56.64s4.55 11.5 15.655 9.475c11.105-2.025 15.325-25.32 15.325-25.32s4.39-2.855 2.265-6.04c-2.125-3.185-5.58 3.705-5.58 3.705s-4.785 19.63-15.14 13.265L46.154 56.64z"></path><path fill="#000" d="M46.154 56.64s4.55 11.5 15.655 9.475c11.105-2.025 15.325-25.32 15.325-25.32s4.39-2.855 2.265-6.04c-2.125-3.185-5.58 3.705-5.58 3.705s-4.785 19.63-15.14 13.265L46.154 56.64z" opacity="0.09"></path><path class="svg-changed-color" d="M46.296 33.28l2.4.5s18.55 10.07 15.1 20.154c-3.45 10.085 4.085 19.66 4.085 19.66l-16.13 11.36S30.68 74.5 33.836 45.7c0 0 1.465-13.415 12.46-12.42z"></path><path fill="#E6E6E6" d="M77.169 63.422l11.024-22.927a1.687 1.687 0 10-3.041-1.462L74.126 61.96a1.688 1.688 0 103.042 1.462z"></path><path class="svg-changed-color" d="M132.001 99.5s-5.12-1.4-6.235-6.166c0 0 7.935-1.605 8.16 6.585l-1.925-.42z" opacity="0.58"></path><path class="svg-changed-color" d="M132.615 99s-3.58-5.655-.43-10.945c0 0 6.035 3.83 3.355 10.96L132.615 99z" opacity="0.73"></path><path class="svg-changed-color" d="M133.535 99s1.89-5.975 7.605-7.106c0 0 1.075 3.88-3.7 7.12L133.535 99z"></path><path fill="#245B5B" d="M130.982 98.86a1 1 0 00-.993 1.145l.747 5.104a1 1 0 00.985.855l4.803.018a1 1 0 00.994-.865l.694-5.096a1 1 0 00-.987-1.135l-6.243-.026z"></path><path fill="#E6E6E6" d="M118.895.645h-32.29a2 2 0 00-2 2v21.41a2 2 0 002 2h32.29a2 2 0 002-2V2.645a2 2 0 00-2-2z" opacity="0.66"></path><path fill="#E6E6E6" d="M151.455 36.24H122.68a2 2 0 00-2 2v18.95a2 2 0 002 2h28.775a2 2 0 002-2V38.24a2 2 0 00-2-2z" opacity="0.43"></path><path fill="#E6E6E6" d="M94.18 12.454a4.235 4.235 0 100-8.47 4.235 4.235 0 000 8.47z"></path><path fill="#C1C1C1" d="M114.525 4.625H104.6a1 1 0 00-1 1V20.19a1 1 0 001 1h9.925a1 1 0 001-1V5.625a1 1 0 00-1-1z" opacity="0.45"></path><path fill="#C1C1C1" d="M97.866 15.635h-6.19a1 1 0 00-1 1v3.555a1 1 0 001 1h6.19a1 1 0 001-1v-3.555a1 1 0 00-1-1z"></path><path fill="#F4A28C" d="M45.414 20.63l-3.34 11.776 6.62 1.375-.225-9.12-3.055-4.03z"></path><path fill="#CE8172" d="M48.605 26.655a4.444 4.444 0 01-2-1.555s-.17 2.235 2 4.72v-3.165z" opacity="0.31"></path><path fill="#F4A28C" d="M52.27 21.001s-.33 3.72-1.38 6.045a1.87 1.87 0 01-2.5.93c-1.165-.545-2.58-1.62-2.645-3.635l-.53-3.405a3.36 3.36 0 012.08-3.27c2.35-1.165 5.29 1.055 4.975 3.335z"></path><path fill="#F4A28C" d="M47.806 23.43s.225-1.42-.86-1.5c-1.085-.08-1.42 1.97 0 2.415l.86-.915zM51.94 23.305l.776 1.6a.601.601 0 01-.535.86h-1.45l1.21-2.46z"></path><path fill="#245B5B" d="M82.158 39.632l-10.284-5.938a.658.658 0 00-.657 1.139L81.5 40.77a.657.657 0 10.657-1.139z"></path><path fill="#000" d="M55.45 78.7l-3.7 6.255s-13.416-6.5-17.26-24.09c-3.846-17.59 8.84-10.735 8.84-10.735L55.45 78.7z" opacity="0.18"></path><path fill="#245B5B" d="M51.75 84.954s12.43-25.34 30.81-25.245c18.38.095-5.5 40.89-5.5 40.89L71 98.134s9-17.5 6.71-23.135c-2.29-5.635-5.79 33.235-25.96 9.955z"></path><path fill="#F4A28C" d="M41.116 34.7s5.53-2.805 8.34 2.895c2.81 5.7.595 30.215 12 31.5C72.86 70.38 78.646 58.5 78.646 58.5s.94-5 2.5-5.83c1.56-.83 2.935 4.425 0 7.5 0 0-5.03 18.895-21 19.32-15.97.425-34.775-31.85-19.03-44.79z"></path><path fill="#245B5B" d="M52.294 16.15s3.636 4.276-1.07 5.17c-4.704.895-5.674 1.74-5.224 6.5.45 4.76 2.315 9.145-3.925 12.13-6.24 2.985-.876 8-2.026 13.85s-6.635 9.89-13.66 5.9c-7.024-3.99-11.36-14.2-3.83-20.315 7.53-6.114 17-7.6 17-17.46 0-9.86 7.87-10.37 12.736-5.774z"></path><path fill="#C1C1C1" d="M131.095 53.06a5.07 5.07 0 100-10.14 5.07 5.07 0 000 10.14z" opacity="0.43"></path><path fill="#C1C1C1" d="M138.299 40.22h-6.815a1 1 0 00-1 1v6.816a1 1 0 001 1h6.815a1 1 0 001-1V41.22a1 1 0 00-1-1zM147.755 40.22h-4.575a1 1 0 00-1 1v12.61a1 1 0 001 1h4.575a1 1 0 001-1V41.22a1 1 0 00-1-1z" opacity="0.43"></path><path class="svg-changed-color" d="M82.357 59.838L77.7 58.062l-1.003 2.63 4.658 1.777 1.003-2.63z"></path><path fill="#fff" d="M82.357 59.838L77.7 58.062l-1.003 2.63 4.658 1.777 1.003-2.63z" opacity="0.44"></path></svg>
</div>
</div>
</div>
<div class="panel-features row">
<div class="webbee-description-snippet">
<p class="webbee-description-snippet-header">WHAT WE DO</p>
<h3 class="webbee-description-snippet-title">
You do business we do the softwere
</h3>
<p class="webbee-description-snippet-content">
Since 2007, we have helped 25 companies launch over 1k incredible products
</p>
<div class="webbee-description-snippet-buttons">
<a href="/" class="button-primary">Contact us</a>
</div>
</div>
<div class="panel-features-tile row">
<div class="webbee-description-snippet col-lg-4 col-sm-6 col-12">
<div class="webbee-description-snippet-header">
<svg width="48" height="48" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg>
</div>
<h6 class="webbee-description-snippet-title">Web Design</h6>
<p class="webbee-description-snippet-content">
We design and develop amazing, lightning fast, and high-converting websites that make your business grow.
</p>
</div>
<div class="webbee-description-snippet col-lg-4 col-sm-6 col-12">
<div class="webbee-description-snippet-header">
<svg width="48" height="48" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z"></path></svg>
</div>
<h6 class="webbee-description-snippet-title">UI / UX Design</h6>
<p class="webbee-description-snippet-content">
We design intuitive web & mobile apps focused on driving user engagement and increasing users retention.
</p>
</div>
<div class="webbee-description-snippet col-lg-4 col-sm-6 col-12">
<div class="webbee-description-snippet-header">
<svg width="48" height="48" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg>
</div>
<h6 class="webbee-description-snippet-title">Brand Design</h6>
<p class="webbee-description-snippet-content">
We transform businesses into world-class brands by going through a well thought brand identity design process.
</p>
</div>
</div>
<div class="panel-features-tile row">
<div class="webbee-description-snippet col-lg-4 col-sm-6 col-12">
<div class="webbee-description-snippet-header">
<svg width="48" height="48" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"></path></svg>
</div>
<h6 class="webbee-description-snippet-title">Product Design</h6>
<p class="webbee-description-snippet-content">
We help you transform your idea into a live, intuitive and scalable digital product that your users will use and love.
</p>
</div>
<div class="webbee-description-snippet col-lg-4 col-sm-6 col-12">
<div class="webbee-description-snippet-header">
<svg width="48" height="48" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 8v8m-4-5v5m-4-2v2m-2 4h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg>
</div>
<h6 class="webbee-description-snippet-title">Funnel Optimization</h6>
<p class="webbee-description-snippet-content">
We help you optimize your website or mobile app flow to increase conversion rates and retention to drive growth.
</p>
</div>
<div class="webbee-description-snippet col-lg-4 col-sm-6 col-12">
<div class="webbee-description-snippet-header">
<svg width="48" height="48" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path></svg>
</div>
<h6 class="webbee-description-snippet-title">Automation</h6>
<p class="webbee-description-snippet-content">
We help your business gain leverage and efficiency through automation using simple, yet powerful NoCode tools.
</p>
</div>
</div>
</div>
<div class="panel-features-tile about-story-content col-sm-12">
<p class="webbee-description-snippet-description">AS SEEN ON</p>
<div class="webbee-description-snippet-images about-story-content-image">
<img src="assets/svg/airbnb-original.svg" alt="">
<img src="assets/svg/amazon-original.svg" alt="">
<img src="assets/svg/fitbit-original.svg" alt="">
<img src="assets/svg/netflix-original.svg" alt="">
<img src="assets/svg/google-original.svg" alt="">
<img src="assets/svg/paypal-original.svg" alt="">
</div>
</div>
<div class="panel-features row">
<div class="webbee-description-snippet">
<p class="webbee-description-snippet-header">WHAT WE DO</p>
<h3 class="webbee-description-snippet-title">
You do business we do the softwere
</h3>
<p class="webbee-description-snippet-content">
Since 2007, we have helped 25 companies launch over 1k incredible products
</p>
<div class="webbee-description-snippet-buttons">
<a href="/" class="button-primary">Contact us</a>
</div>
</div>
<div class="panel-features-tile row">
<div class="webbee-description-snippet col-lg-4 col-sm-6 col-12">
<div class="webbee-description-snippet-header">
<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg>
</div>
<h6 class="webbee-description-snippet-title">Idea</h6>
<p class="webbee-description-snippet-content">
We meet with your team to know more about your project idea and goals. After that, our team will work together to create an action plan and proposal for your project.
</p>
</div>
<div class="webbee-description-snippet col-lg-4 col-sm-6 col-12">
<div class="webbee-description-snippet-header">
<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"></path></svg>
</div>
<h6 class="webbee-description-snippet-title">Design</h6>
<p class="webbee-description-snippet-content">
We start by designing a mockup or prototype of your website, and present it to you. Once with the initial mockup, we start the revision process to perfect it.
</p>
</div>
<div class="webbee-description-snippet col-lg-4 col-sm-6 col-12">
<div class="webbee-description-snippet-header">
<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg>
</div>
<h6 class="webbee-description-snippet-title">Development</h6>
<p class="webbee-description-snippet-content">
We develop your website using the best practices and standards, so you have a perfectly responsive, lightning fast, SEO-friendly, and super scalable website.
</p>
</div>
</div>
<div class="services-do-content row">
<div class="testimontial-item">
<div class="item-rating">
<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="yellow"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg>
<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="yellow"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg>
<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="yellow"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg>
<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="yellow"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg>
<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="yellow"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg>
</div>
<div class="item-description">
<p>Working with Materialist is fantastic! Simple, re-usable components all in one platform.</p>
</div>
<div class="item-user">
<img src="assets/img/img1.jpg" alt="" width="40px" height="40px">
<div class="item-user-content">
<div class="item-user-name">
Clara Bertoletti
</div>
<div class="item-user-job">
Material-UI lover
</div>
</div>
</div>
</div>
</div>
<div class="services-do-content-button">
<h6>Have a project to discuss?</h6>
<a href="/" class="button-primary">Contact us</a>
</div>
</div>
</main>
<footer>
<div class="footer">
<div class="footer-nav">
<div class="footer-nav-content">
<a class="footer-logo-brand" href="/">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 95 71">
<rect class="svg-changed-color" width="16.811" height="68.926" x="0.664" y="7.769" rx="8.406" transform="rotate(-25 .664 7.77)"></rect>
<rect class="svg-changed-color" width="16.811" height="68.926" x="28.665" y="7.769" rx="8.406" transform="rotate(-25 28.665 7.77)"></rect>
<rect class="svg-changed-color" width="16.811" height="16.81" x="78.769" y="0.664" rx="8.405" transform="rotate(25 78.77 .664)"></rect>
</svg>
</a>
<div class="footer-nav-menu">
<div class="footer-nav-menu-item home">
<a href="/">Home</a>
</div>
<div class="footer-nav-menu-item documentation">
<a href="/">Documentation</a>
</div>
<div class="footer-nav-purchase">
<a href="/" class="button-secondary-sm">
<span>Purchase now</span>
</a>
</div>
</div>
</div>
</div>
<div class="footer-copyright">
<h6 class="copyright-title">© Webbee. 2021, Maccarian. All rights reserved</h6>
<p class="copyright-content">When you visit or interact with our sites, services or tools, we or our authorised service providers may use cookies for storing information to help provide you with a better, faster and safer experience and for marketing purposes.</p>
</div>
</div>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="assets/js/vendor/jquery.slim.min.js"></script>
<script src="assets/js/vendor/popper.min.js"></script>
<script src="assets/js/vendor/bootstrap.min.js"></script>
<!-- build:js -->
<script src="assets/js/app.js"></script>
<!-- endbuild -->
<script src="assets/js/layout/header.js"></script>
</body>
</html>