-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
405 lines (393 loc) · 52.4 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
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
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<!-- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-178682222-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-178682222-1');
</script> -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="No page builders or WordPress - We offer 100% hand-coded websites with superior results starting at $150/mo.">
<meta name="keywords" content="small business web designer london uk, small business web developer london uk, web developer near me london uk, affordable web design london uk, affordable business website london uk,
web design agency london uk, affordable web design agency for small businesses uk, custom web development london, web design agency, web design services london uk, website designing company london united kingdom, islington web developer, north london web design, clerkenwell web design, EC1 web developer">
<meta property="og:title" content="Small Business Web Design + Development"/>
<meta property="og:description" content="No bloated page builders or WordPress - We offer 100% hand-coded websites with superior results starting at £125/mo."/>
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.webdevise.net/"/>
<meta property="og:image" content="https://i.imgur.com/YisONI5.png"/>
<meta property="og:image:secure_url" content="https://i.imgur.com/YisONI5.png"/>
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<link rel="canonical" href="https://www.webdevise.net/">
<link rel="stylesheet" href="https://use.typekit.net/ipu4nba.css">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" sizes="16x16">
<link rel="stylesheet" type="text/css" href="default.css">
<title>Small Business Web Design + Development | :webDevise</title>
</head>
<body>
<!-- Mobile Navi -->
<div class="navigation">
<input type="checkbox" class="navigation__checkbox" id="navi-toggle">
<label for="navi-toggle" class="navigation__button">
<span class="navigation__icon"> </span>
</label>
<div class="navigation__background"> </div>
<nav class="navigation__nav">
<ul class="navigation__list">
<li class="navigation__item"><a href="index" class="navigation__link">Home</a></li>
<li class="navigation__item"><a href="about" class="navigation__link">About</a></li>
<li class="navigation__item"><a href="services" class="navigation__link">Services</a></li>
<li class="navigation__item"><a href="work" class="navigation__link">Work</a></li>
<li class="navigation__item"><a href="contact" class="navigation__link">Contact</a></li>
</ul>
</nav>
</div>
<!-- Mobile Navi End -->
<!-- Header -->
<header id="header-home">
<div class="container">
<!-- Main Navi -->
<div id="main-nav">
<!-- Logo -->
<img id="logo" class="logo" src="img/webdevise-logo-white.png" alt="webDevise logo">
<!-- Navi Menu -->
<nav>
<ul>
<li><a href="index" class="current">Home</a></li>
<li><a href="about">About</a></li>
<li><a href="services" >Services</a></li>
<li><a href="work" >Work</a></li>
<li><a href="contact" >Contact</a></li>
</ul>
</nav>
</div>
<!-- Header Content -->
<div class="header-content">
<div class="animation">
<lottie-player
src="img/data.json"
background="transparent"
speed="1"
style="width: 650px; height: 650px;"
loop
autoplay
></lottie-player>
</div>
<h1>Hand crafted <br> For your <br>Business</h1>
<h2 class="lead">Template free, blazing fast web design<br> 100% hand-coded responsive websites <br>starting at £99/mo.</h2>
<!-- Button -->
<a href="#home-a" class="btn btn-light">Learn more</a>
</div>
</div>
</header>
<!-- Specialize -->
<section id="home-a" class="text-center py-2">
<div class="container">
<h2 class="section-title"><span class="highlight">:What</span> we do</h2>
<div class="bottom-line"></div>
<p class="lead px-4 mx-2 thin-font">
We specialize in small business web design and development. Every line of code is written by hand to ensure the best performance, which helps bring in more customers to your site and bring more revenue to your business. <br><a id="services" class="links" href="services">TELL ME MORE</a>
</p>
<div class="specials">
<div class="item">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 568.75 597.26"><defs><linearGradient id="linear-gradient" x1="553.74" y1="-190.33" x2="550.45" y2="478.18" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="0.97" stop-opacity="0.1"/></linearGradient><linearGradient id="linear-gradient-2" x1="476.06" y1="421.96" x2="719.78" y2="421.96" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ecc4d7"/><stop offset="0.42" stop-color="#efd4d1"/><stop offset="1" stop-color="#f2eac9"/></linearGradient><linearGradient id="linear-gradient-3" x1="431.96" y1="164.76" x2="485.43" y2="164.76" xlink:href="#linear-gradient-2"/><linearGradient id="linear-gradient-4" x1="427.04" y1="213.64" x2="486.91" y2="213.64" xlink:href="#linear-gradient-2"/><linearGradient id="linear-gradient-5" x1="429.73" y1="270.72" x2="474.91" y2="270.72" xlink:href="#linear-gradient-2"/><linearGradient id="linear-gradient-6" x1="433.7" y1="328.6" x2="480.26" y2="328.6" xlink:href="#linear-gradient-2"/><linearGradient id="linear-gradient-7" x1="393.86" y1="157.7" x2="441.19" y2="155.81" xlink:href="#linear-gradient"/><linearGradient id="linear-gradient-8" x1="395.9" y1="208.7" x2="443.23" y2="206.81" xlink:href="#linear-gradient"/><linearGradient id="linear-gradient-9" x1="398.19" y1="265.75" x2="445.51" y2="263.86" xlink:href="#linear-gradient"/><linearGradient id="linear-gradient-10" x1="400.51" y1="323.92" x2="447.84" y2="322.02" xlink:href="#linear-gradient"/><linearGradient id="linear-gradient-11" x1="287.15" y1="232.36" x2="335.77" y2="315.52" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#183866"/><stop offset="1" stop-color="#1a7fc1"/></linearGradient><linearGradient id="linear-gradient-12" x1="307.56" y1="60.33" x2="318.35" y2="108.87" xlink:href="#linear-gradient-11"/><linearGradient id="linear-gradient-13" x1="300.63" y1="61.87" x2="311.42" y2="110.41" xlink:href="#linear-gradient-11"/><linearGradient id="linear-gradient-14" x1="293.7" y1="63.41" x2="304.49" y2="111.95" xlink:href="#linear-gradient-11"/><linearGradient id="linear-gradient-15" x1="97.37" y1="236.2" x2="97.72" y2="236.2" xlink:href="#linear-gradient-11"/></defs><path d="M465.62.29C403.1,5.44,364.54,70.89,308.29,98.68c-25.27,12.49-53.74,17.07-79.66,28.14-44.09,18.82-81.29,62.37-77.31,110.14,5.16,61.92,71.94,100.37,92.93,158.84,5.79,16.14,7.91,33.42,13.88,49.48,14.9,40.09,55.28,69.34,98,71,34.31,1.33,67.05-13.42,101-18.62,41.56-6.38,83.93,1.69,126,.26s88-15.73,108.63-52.37c16.7-29.67,12.62-66.63,3.38-99.4S671.87,281.4,670,247.4c-2.16-39.59,10.69-85.2-15.45-115C635.15,110.23,599.32,105,585.48,79c-14.94-28-20.18-31.73-45.3-48.33C515.34,14.22,498.37-2.41,465.62.29Z" transform="translate(-151.03)" fill="#1397f5" opacity="0.18"/><rect x="302.92" y="57.78" width="195.33" height="371.63" rx="22.11" fill="#1397f5"/><path d="M641.25,85.66V398.14a20.67,20.67,0,0,1-20.67,20.66H482.65A20.67,20.67,0,0,1,462,398.14V85.67A20.68,20.68,0,0,1,482.66,65h21v1.63a11.63,11.63,0,0,0,11.63,11.63h71.58a11.62,11.62,0,0,0,11.63-11.63V65h22.09A20.68,20.68,0,0,1,641.25,85.66Z" transform="translate(-151.03)" fill="#1397f5"/><path d="M641.25,85.66V398.14a20.67,20.67,0,0,1-20.67,20.66H482.65A20.67,20.67,0,0,1,462,398.14V85.67A20.68,20.68,0,0,1,482.66,65h21v1.63a11.63,11.63,0,0,0,11.63,11.63h71.58a11.62,11.62,0,0,0,11.63-11.63V65h22.09A20.68,20.68,0,0,1,641.25,85.66Z" transform="translate(-151.03)" opacity="0.81" fill="url(#linear-gradient)"/><rect x="340.67" y="264.77" width="131.76" height="47.72" rx="10.2" fill="#fff" opacity="0.17"/><rect x="340.67" y="331.91" width="131.76" height="47.72" rx="10.2" fill="#fff" opacity="0.17"/><path d="M675.18,291.94l-47.25-45.28s-17.2,13.62-9.86,38.27,31.21,54.32,31.21,54.32v68s.27,22.12-22.12,22.12H476.06s13.18,34.7,40,64.16S591,559.38,588.94,597.26H719.78s-33.52-119.31-22-167.85S705,320.49,675.18,291.94Z" transform="translate(-151.03)" fill="url(#linear-gradient-2)"/><path d="M475.18,198.89c-4.78-1.17-16.76-9.43-26.52-18.26-6.2-5.6-11.51-11.43-13.52-15.83-5.18-11.32-6.09-36.11,13.52-34.21,0,0,8-1.82,26.52,25.79S483,200.81,475.18,198.89Z" transform="translate(-151.03)" fill="url(#linear-gradient-3)"/><path d="M479,244.92c-5-.3-19-6.63-30.37-13.82-6.68-4.22-12.5-8.74-15.14-12.52-7.14-10.2-12.49-34.42,7.15-36.07,0,0,2.22-1,8,2,4.83,2.49,12.14,7.72,22.73,18.59C494.58,226.93,487.06,245.4,479,244.92Z" transform="translate(-151.03)" fill="url(#linear-gradient-4)"/><path d="M466.82,304.82c-3.32-.9-10.91-6.65-18.16-13.57-7-6.65-13.61-14.38-15.86-19.91-4.6-11.3-6-36.27,10.26-34.78,0,0,1.73-.53,5.6,2.68,3.65,3,9.21,9.4,17,22.72C481.73,289.39,473.32,306.57,466.82,304.82Z" transform="translate(-151.03)" fill="url(#linear-gradient-5)"/><path d="M474.28,354.47c-4.21-.32-16.45-6.48-25.62-13.06-4.32-3.1-8-6.29-9.77-9-5.6-8.45-10-28.4,5.19-29.57,0,0,1.29-.58,4.58.91,3.65,1.65,9.78,5.87,19.33,16.3C486.11,339.84,480.48,354.94,474.28,354.47Z" transform="translate(-151.03)" fill="url(#linear-gradient-6)"/><rect x="340.67" y="130.49" width="131.76" height="47.72" rx="10.2" fill="#fff" opacity="0.17"/><rect x="340.67" y="197.63" width="131.76" height="47.72" rx="10.2" fill="#fff" opacity="0.17"/><path d="M448.66,130.59v50c-6.2-5.6-11.51-11.43-13.52-15.83C430,153.48,429.05,128.69,448.66,130.59Z" transform="translate(-151.03)" opacity="0.81" fill="url(#linear-gradient-7)"/><path d="M448.66,184.5v46.6c-6.68-4.22-12.5-8.74-15.14-12.52-7.14-10.2-12.49-34.42,7.15-36.07C440.67,182.51,442.89,181.55,448.66,184.5Z" transform="translate(-151.03)" opacity="0.81" fill="url(#linear-gradient-8)"/><path d="M448.66,239.24v52c-7-6.65-13.61-14.38-15.86-19.91-4.6-11.3-6-36.27,10.26-34.78C443.06,236.56,444.79,236,448.66,239.24Z" transform="translate(-151.03)" opacity="0.81" fill="url(#linear-gradient-9)"/><path d="M448.66,303.75v37.66c-4.32-3.1-8-6.29-9.77-9-5.6-8.45-10-28.4,5.19-29.57C444.08,302.84,445.37,302.26,448.66,303.75Z" transform="translate(-151.03)" opacity="0.81" fill="url(#linear-gradient-10)"/><path d="M433.7,38V425.33a22.09,22.09,0,0,1-22.09,22.1H227.79a22.09,22.09,0,0,1-22.09-22.1V38A22.09,22.09,0,0,1,227.79,15.9H411.61A22.09,22.09,0,0,1,433.7,38Z" transform="translate(-151.03)" fill="#1397f5"/><path d="M262.08,15.9V447.43H227.79a22.09,22.09,0,0,1-22.09-22.1V38A22.09,22.09,0,0,1,227.79,15.9Z" transform="translate(-151.03)" fill="#fff" opacity="0.17"/><path d="M399.29,219.61v69.82a11.21,11.21,0,0,1-11.21,11.21H205.7V208.41H388.08A11.2,11.2,0,0,1,399.29,219.61Z" transform="translate(-151.03)" opacity="0.19" fill="url(#linear-gradient-11)"/><rect x="2.33" y="191.6" width="233.8" height="92.24" rx="11.21" fill="#1397f5"/><path d="M389.29,106H243.77a5.33,5.33,0,0,1-5.33-5.32h0a5.33,5.33,0,0,1,5.33-5.33H389.29a5.33,5.33,0,0,1,5.33,5.33h0A5.32,5.32,0,0,1,389.29,106Z" transform="translate(-151.03)" opacity="0.19" fill="url(#linear-gradient-12)"/><path d="M389.29,138.74H243.77a5.33,5.33,0,0,1-5.33-5.33h0a5.33,5.33,0,0,1,5.33-5.32H389.29a5.32,5.32,0,0,1,5.33,5.32h0A5.33,5.33,0,0,1,389.29,138.74Z" transform="translate(-151.03)" opacity="0.19" fill="url(#linear-gradient-13)"/><path d="M389.29,171.46H243.77a5.33,5.33,0,0,1-5.33-5.32h0a5.33,5.33,0,0,1,5.33-5.33H389.29a5.33,5.33,0,0,1,5.33,5.33h0A5.32,5.32,0,0,1,389.29,171.46Z" transform="translate(-151.03)" opacity="0.19" fill="url(#linear-gradient-14)"/><path d="M223.56,215v42.47a8.23,8.23,0,0,1-7.88,8.22,2.17,2.17,0,0,1-.36,0H172.85a8.24,8.24,0,0,1-8.24-8.24V215a8.23,8.23,0,0,1,8.24-8.23h42.47A8.23,8.23,0,0,1,223.56,215Z" transform="translate(-151.03)" opacity="0.19" fill="url(#linear-gradient-15)"/><path d="M216.62,259.24a22.23,22.23,0,0,1-.94,6.41,2.17,2.17,0,0,1-.36,0H173.13a22.26,22.26,0,0,1,14.1-27.46,12.06,12.06,0,1,1,12.68-.5A22.22,22.22,0,0,1,216.62,259.24Z" transform="translate(-151.03)" fill="#fff" opacity="0.17"/></svg>
<h3>Mobile First</h3>
<p class="thin-font">We start building your site for mobile devices first, then we add on to it to make tablet and desktop.</p>
</div>
<div class="item">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="675.91" height="597" viewBox="0 0 675.91 597">
<defs>
<linearGradient id="linear-gradient" x1="349.76" y1="784.27" x2="332.87" y2="434.58" gradientUnits="userSpaceOnUse">
<stop offset="0.01"/>
<stop offset="0.97" stop-opacity="0"/>
</linearGradient>
<linearGradient id="linear-gradient-2" x1="551.68" y1="421.71" x2="716.32" y2="421.71" gradientTransform="translate(-96.1 -170)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#183866"/>
<stop offset="1" stop-color="#1a7fc1"/>
</linearGradient>
<linearGradient id="linear-gradient-3" x1="583.41" y1="398.49" x2="585.3" y2="659.16" gradientTransform="translate(0 -170)" gradientUnits="userSpaceOnUse">
<stop offset="0.02" stop-color="#fff" stop-opacity="0"/>
<stop offset="1" stop-color="#fff"/>
</linearGradient>
<linearGradient id="linear-gradient-4" x1="2252.81" y1="1648.76" x2="2235.36" y2="1642.02" gradientTransform="translate(-2268.23 30.91) rotate(-28.61)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#ecc4d7"/>
<stop offset="0.42" stop-color="#efd4d1"/>
<stop offset="1" stop-color="#f2eac9"/>
</linearGradient>
<linearGradient id="linear-gradient-5" x1="407.83" y1="40.98" x2="410.02" y2="276.59" gradientTransform="translate(-96.1 -170)" xlink:href="#linear-gradient"/>
<linearGradient id="linear-gradient-6" x1="679.19" y1="401.39" x2="636.81" y2="374.55" gradientTransform="translate(-96.1 -170)" xlink:href="#linear-gradient"/>
<linearGradient id="linear-gradient-7" x1="439.7" y1="539.21" x2="417.93" y2="530.8" gradientTransform="translate(0 -170)" xlink:href="#linear-gradient-4"/>
<linearGradient id="linear-gradient-8" x1="709.23" y1="374.99" x2="675.33" y2="376.4" gradientTransform="translate(-96.1 -170)" xlink:href="#linear-gradient"/>
<linearGradient id="linear-gradient-9" x1="785.66" y1="469.95" x2="669.08" y2="424.91" gradientTransform="translate(-96.1 -170)" xlink:href="#linear-gradient-4"/>
<linearGradient id="linear-gradient-10" x1="697.82" y1="333.78" x2="647.23" y2="314.24" gradientTransform="translate(-96.1 -170)" xlink:href="#linear-gradient-4"/>
<linearGradient id="linear-gradient-11" x1="649.12" y1="365.74" x2="625.58" y2="354.91" gradientTransform="translate(-96.1 -170)" xlink:href="#linear-gradient"/>
<linearGradient id="linear-gradient-12" x1="558.74" y1="367.59" x2="627.81" y2="367.59" gradientTransform="translate(-96.1 -170)" xlink:href="#linear-gradient-4"/>
<linearGradient id="linear-gradient-13" x1="582.22" y1="48.83" x2="581.94" y2="22.93" gradientTransform="matrix(1, 0, 0, -1, 0, 598)" xlink:href="#linear-gradient"/>
<linearGradient id="linear-gradient-14" x1="355.3" y1="358.47" x2="56.14" y2="361.76" gradientTransform="translate(-96.1 -170)" xlink:href="#linear-gradient"/>
<linearGradient id="linear-gradient-15" x1="378.56" y1="589.77" x2="361.32" y2="375.89" gradientTransform="translate(-96.1 -170)" xlink:href="#linear-gradient"/>
<linearGradient id="linear-gradient-16" x1="391.19" y1="185.64" x2="354.92" y2="419.63" gradientTransform="translate(-96.1 -170)" xlink:href="#linear-gradient-4"/>
<linearGradient id="linear-gradient-17" x1="357.64" y1="373.22" x2="404.84" y2="449.18" gradientTransform="translate(-96.1 -170)" xlink:href="#linear-gradient-4"/>
<linearGradient id="linear-gradient-18" x1="464.65" y1="440.97" x2="513.61" y2="440.97" gradientTransform="translate(-96.1 -170)" xlink:href="#linear-gradient-4"/>
</defs>
<path d="M87.22,273.91c-15.39,26.55-31,53.65-37.49,83.65s-2.43,63.91,17.94,86.86c11.47,12.92,27,21.35,42.26,29.51,71.21,38.2,144.59,77.1,224.86,86.47A323.56,323.56,0,0,0,468,548c47.13-14.69,93.61-43.58,111.69-89.51,8.64-22,10.09-46,14.66-69.13,11.36-57.58,41.92-118.58,16.33-171.4-28-57.9-104.8-68-169.09-70.36-80.72-3-163.74-6.39-243.53,9.22C134.33,169.26,118.21,220.51,87.22,273.91Z" transform="translate(0)" fill="#1397f5" opacity="0.18" style="isolation: isolate"/>
<path d="M540.56,504.14c8.06-1.05,12.92-14.49-69.32-11.17-40-3.27-80.08-3.3-120.17-3.32-100.82-.07-238,6.67-338.81,6.61-6,0-14.69,4-11.63,9.22,1.18,2,3.7,2.72,6,3.24,121.27,27.71,284.06,12.21,407.51,27.53,25.45,1.3,35.29,11.15-2.92,35.41,9.37,25.45,41.2,25.42,51.62,25.33l180.45-1.47c8-.07,16.45-.24,23.41-4.23s11.63-13.17,7.88-20.27c-3.35-6.34-11.43-8.23-18.56-9-32.4-3.36-65.11,3-97.61,1-28.69-1.84-51.94-12.28-78.26-22.26C467.13,535.83,459.28,514.68,540.56,504.14Z" transform="translate(0)" opacity="0.56" fill="url(#linear-gradient)"/>
<path d="M620.22,20.48V362a20.46,20.46,0,0,1-20.44,20.48H26.61A20.43,20.43,0,0,1,6.13,362.1V20.48A20.49,20.49,0,0,1,26.61,0H599.74A20.48,20.48,0,0,1,620.22,20.48Z" transform="translate(0)" fill="#1397f5"/>
<path d="M428,368.73s1.08,3.3,0,5.76a80.13,80.13,0,0,0-2.58,8l-29.33-.83s-.82-7.5,4.45-10.78,16.25-5.14,17.62-7.14Z" transform="translate(0)" fill="#25233a"/>
<path d="M620.22,225.87V362a20.46,20.46,0,0,1-20.44,20.48H455.58V247.16a21.37,21.37,0,0,1,19.15-21.26c-1-1.15-1.91-2.33-2.79-3.56-5.87-8.07-16.11-26.83-13-37.2.88-2.92,3.46-5.5,6.5-5.53,3.76,0,6.46,3.48,8.51,6.64l8.76,13.46c2,3.11,4.13,6.3,7.26,8.3,6.09,3.9,14.51,2,20.17-2.46s9.19-11.09,12.57-17.49l7.61-14.43a14.29,14.29,0,0,1,3.28-4.6,29.36,29.36,0,0,0,3.13-2.31c1.24-1.34,1.57-3.25,1.85-5.06l3.24-20.75c.74-4.69,1.52-9.53,4-13.56s7.17-7.12,11.84-6.27c4.29.77,7.47,4.65,8.74,8.83s1,8.63.63,13l-1.65,22.57,4.4-.42c2.12,5.61-1.11,11.73-1.38,17.73-.33,7,3.2,14.8-.88,20.47-2.75,3.82-8.45,5.58-9.42,10.19-.73,3.48,1.71,7.22.44,10.55a6.05,6.05,0,0,1-1.1,1.8h60.91A14.62,14.62,0,0,1,620.22,225.87Z" transform="translate(0)" opacity="0.19" fill="url(#linear-gradient-2)" style="isolation: isolate"/>
<path d="M596.77,318H172.06a5.16,5.16,0,0,1-5.16-5.15h0a5.16,5.16,0,0,1,5.16-5.16H596.77a5.16,5.16,0,0,1,5.16,5.16h0A5.16,5.16,0,0,1,596.77,318Z" transform="translate(0)" fill="#fff" opacity="0.18" style="isolation: isolate"/>
<path d="M642,563.58H500.53c-4.12,0-2.56,15.1-5.83,13.07-.67-.42-10-10.6-10.65-11.09-5-3.91-4.88-16.52-4.88-23.35V303.05a21.36,21.36,0,0,1,21.35-21.37H642c14.72.56,18.94,10.81,19.13,11.84s9.44,17.52,9.44,18.62l-7.21,230.07A21.36,21.36,0,0,1,642,563.58Z" transform="translate(0)" fill="#25233a"/>
<rect x="490.5" y="303.39" width="184.16" height="281.9" rx="21.37" fill="#1397f5"/>
<rect x="502.29" y="335.01" width="165.33" height="212.39" rx="17.58" fill="url(#linear-gradient-3)"/>
<path d="M493.84,405.81s2.52,2.38,2.75,5.06a82.44,82.44,0,0,0,1.55,8.24L472,432.42s-4.31-6.2-1.25-11.6,11.8-12.28,12-14.7Z" transform="translate(0)" fill="#25233a"/>
<polygon points="481.45 398.57 483.22 408.42 493.66 407.24 491.95 397.08 481.45 398.57" fill="url(#linear-gradient-4)"/>
<path d="M620.22,20.48v12H6.13v-12A20.49,20.49,0,0,1,26.61,0H599.74A20.48,20.48,0,0,1,620.22,20.48Z" transform="translate(0)" fill="url(#linear-gradient-5)"/>
<rect x="167.91" y="59.64" width="296.59" height="231.1" fill="#fff" opacity="0.57" style="isolation: isolate"/>
<path d="M348.81,209.55a58.45,58.45,0,0,1-1.16,12.17c-1.64,6.78-5.65,12.73-9.59,18.5a19.29,19.29,0,0,0-16.4-8c-9.3-.38-18.52,1.1-27.71,2.91-14.21,2.78-28.36,6.34-42.68,5.05-7.25-.66-14.37-2.55-21.65-2.81-14.14-.53-27.67,5.08-41.16,9.35-2.12.67-5.12.92-5.89-1.17a4.38,4.38,0,0,1,.2-2.79,144.1,144.1,0,0,0,5.13-23.42c1.56-13.48.2-27.11-1.18-40.61-1.49-14.73-3-29.47-5.09-44.13-2.17-15.16-4.94-30.93-.35-45.54a25.91,25.91,0,0,1,6-10.72,31,31,0,0,1,8.08-5.42A78.7,78.7,0,0,1,213.2,66.1a114.1,114.1,0,0,1,16.47-2.19l28.48-2.39c7.36-.62,14.84-1.23,22.08.2A40.07,40.07,0,0,1,300.84,72.9c.9.91,1.87,1.94,3.14,2.07a5.59,5.59,0,0,0,3-.85c8.51-4.08,17.73-4,26.6-1.25,8.32,2.58,10.32,8.67,10.63,17.13q.33,7.92.32,15.83a405.45,405.45,0,0,1-3,49.26c-1.17,9.5-2.63,19.43.72,28.4,1.58,4.2,4.16,8,5.45,12.29S348.9,204.93,348.81,209.55Z" transform="translate(0)" fill="#3f3d56"/>
<path d="M348.81,209.55a58.45,58.45,0,0,1-1.16,12.17c-1.64,6.78-5.65,12.73-9.59,18.5a19.29,19.29,0,0,0-16.4-8c-9.3-.38-18.52,1.1-27.71,2.91L259.77,224.4l7.46-55.82L298.79,96s33.5-16.77,41.31-3.64c1.49,2.5,3,7.33,4.43,13.52a405.45,405.45,0,0,1-3,49.26c-1.17,9.5-2.63,19.43.72,28.4,1.58,4.2,4.16,8,5.45,12.29S348.9,204.93,348.81,209.55Z" transform="translate(0)" fill="#25233a"/>
<rect x="22.69" y="59.64" width="129.55" height="122.89" fill="#fff" opacity="0.57" style="isolation: isolate"/>
<rect x="22.69" y="196.75" width="129.55" height="122.89" fill="#fff" opacity="0.57" style="isolation: isolate"/>
<path d="M606.11,87.3H499.39a5.16,5.16,0,0,1-5.15-5.16h0A5.16,5.16,0,0,1,499.39,77H606.11a5.16,5.16,0,0,1,5.16,5.15h0A5.16,5.16,0,0,1,606.11,87.3Z" transform="translate(0)" fill="#fff" opacity="0.18" style="isolation: isolate"/>
<path d="M606.11,115H499.39a5.16,5.16,0,0,1-5.15-5.16h0a5.17,5.17,0,0,1,5.15-5.15H606.11a5.16,5.16,0,0,1,5.16,5.15h0A5.16,5.16,0,0,1,606.11,115Z" transform="translate(0)" fill="#fff" opacity="0.18" style="isolation: isolate"/>
<path d="M606.11,142.64H499.39a5.16,5.16,0,0,1-5.15-5.16h0a5.17,5.17,0,0,1,5.15-5.15H606.11a5.16,5.16,0,0,1,5.16,5.15h0A5.16,5.16,0,0,1,606.11,142.64Z" transform="translate(0)" fill="#fff" opacity="0.18" style="isolation: isolate"/>
<path d="M606.11,170.31H499.39a5.16,5.16,0,0,1-5.15-5.16h0a5.17,5.17,0,0,1,5.15-5.15H606.11a5.16,5.16,0,0,1,5.16,5.15h0A5.16,5.16,0,0,1,606.11,170.31Z" transform="translate(0)" fill="#fff" opacity="0.18" style="isolation: isolate"/>
<path d="M606.11,198H499.39a5.16,5.16,0,0,1-5.15-5.16h0a5.17,5.17,0,0,1,5.15-5.15H606.11a5.16,5.16,0,0,1,5.16,5.15h0A5.16,5.16,0,0,1,606.11,198Z" transform="translate(0)" fill="#fff" opacity="0.18" style="isolation: isolate"/>
<path d="M606.11,225.65H499.39a5.16,5.16,0,0,1-5.15-5.16h0a5.17,5.17,0,0,1,5.15-5.15H606.11a5.16,5.16,0,0,1,5.16,5.15h0A5.16,5.16,0,0,1,606.11,225.65Z" transform="translate(0)" fill="#fff" opacity="0.18" style="isolation: isolate"/>
<path d="M518.12,241.62s-47.61,1.88-55.33,9.82-42.2,105-42.2,105l16.89,6.33s35.1-68.81,37.95-72,40.76-2.17,53.45-6.92S555.27,265,555.27,265Z" transform="translate(0)" fill="#25233a"/>
<path d="M547.11,179.06l-29,62.56s12.25,26,37.15,23.33l8.44-1.84,17.2-42.62,13.71-32.82s.23-12.29-9.15-12.88S561.9,163.59,547.11,179.06Z" transform="translate(0)" fill="#1397f5"/>
<path d="M547.11,179.06l-29,62.56s12.25,26,37.15,23.33l8.44-1.84,17.2-42.62,13.71-32.82s.23-12.29-9.15-12.88S561.9,163.59,547.11,179.06Z" transform="translate(0)" fill="url(#linear-gradient-6)"/>
<path d="M478.51,295.16l47.92-41.81,37.28,9.76s-6.55,34.65-18.8,41S502.29,322,502.29,322l-7.49,77.77-13.25.65s-12.42-87.07-10.31-92.74S478.51,295.16,478.51,295.16Z" transform="translate(0)" fill="#3f3d56"/>
<polygon points="420.6 356.44 417.44 365.94 427.17 369.9 433.42 361.25 420.6 356.44" fill="url(#linear-gradient-7)"/>
<path d="M589.68,176.11s6.51,3.48,9.56,15.12,6.87,34.42,6.87,34.42L585.53,236l-4.63-35S580.34,181.91,589.68,176.11Z" transform="translate(0)" fill="#1397f5"/>
<path d="M589.68,176.11s6.51,3.48,9.56,15.12,6.87,34.42,6.87,34.42L585.53,236l-4.63-35S580.34,181.91,589.68,176.11Z" transform="translate(0)" fill="url(#linear-gradient-8)"/>
<path d="M601.9,298.43,585.53,236l16.55-8.33s11.87,68.51,12.6,69.21,8.62,4.33,17.62,7.24c10.08,3.25,1.53,4.25-7.09,4.49S604.61,310.29,601.9,298.43Z" transform="translate(0)" fill="url(#linear-gradient-9)"/>
<path d="M561.42,129.86s-6.84,16.17-8.58,16.69,1.87,3.37,1.87,3.37-.14,4.33,0,6,2.47,3,6.36,3.48-1,13.21-1,13.21-2.1,5,12.32,1.3l3.93-.47s10.58-32.28,10.48-36S568.9,117.69,561.42,129.86Z" transform="translate(0)" fill="url(#linear-gradient-10)"/>
<path d="M553.41,114.14a6.71,6.71,0,0,0-.29,6.71,33.27,33.27,0,0,1,2,3A12.74,12.74,0,0,0,556,126c.78,1.22,2.28,1.41,3.61,1.5l7.39.5a11,11,0,0,1,5.48,1.33c3.45,2.24,4.13,7.71,3.16,12.09-.43,1.92-.91,4.41.55,5.49a5.73,5.73,0,0,1,.91-2.52,1.5,1.5,0,0,1,2.06-.45h0l.1.07a2.23,2.23,0,0,1,.54,1.11,5.19,5.19,0,0,1-2.3,5.55c-.55.29-1.21.5-1.51,1.11-.57,1.15.63,2.33,1.45,3.27a7.06,7.06,0,0,1,1.44,6.06c3.38-1.83,4-6.89,5.68-10.67s5.18-7,5.61-11.4a8.74,8.74,0,0,0-2.2-6.73,3.72,3.72,0,0,1-1.22-1.75,6.63,6.63,0,0,1,.43-2.41c.48-2.52-1.68-4.61-3.66-5.86a3.86,3.86,0,0,1-1.62-1.53c-1.71-3.66-1.45-5.17-5.56-6.3a17.2,17.2,0,0,0-7.34-.58c-3.52.55-4.84,1-8.1-.75C558.26,111.74,555.41,111.19,553.41,114.14Z" transform="translate(0)" fill="#3f3d56"/>
<path d="M560,172.59s-13.92,1.66-25.48,15.08-13.44,12.16-13.44,12.16l10.61,12.47S546.12,178.48,560,172.59Z" transform="translate(0)" fill="#1397f5"/>
<path d="M560,172.59s-13.92,1.66-25.48,15.08-13.44,12.16-13.44,12.16l10.61,12.47S546.12,178.48,560,172.59Z" transform="translate(0)" fill="url(#linear-gradient-11)"/>
<path d="M531.71,212.3l-6.5,15.38s-11.88,8.16-25.82-2S478.51,178,478.51,178s-7.15-7.07-14-9.32,6.74-5.89,14-3.29,8.51,1.83,8.51,1.83,3.42-3.44,5.32-2.73-3.44,10.3-3.44,10.3,9.74,35.9,17.16,37.51,12.39,1.51,15.87-3l3.47-4.49Z" transform="translate(0)" fill="url(#linear-gradient-12)"/>
<rect x="560.55" y="556.89" width="43.02" height="14.77" rx="7.38" fill="#1397f5"/>
<rect x="560.55" y="556.89" width="43.02" height="14.77" rx="7.38" fill="url(#linear-gradient-13)"/>
<path d="M52.46,0C49.3,0,22.69.93,22.69,32.46V382.1A20.5,20.5,0,0,1,6.13,362V20.48A20.49,20.49,0,0,1,26.61,0Z" transform="translate(0)" fill="url(#linear-gradient-14)"/>
<path d="M187.9,231.05l-20,10.57v49.12h220s-20.3-57.48-102.28-63.06c-54.72-3.68-48.09-4.1-68.72-3.94A63,63,0,0,0,187.9,231.05Z" transform="translate(0)" fill="#1397f5"/>
<path d="M175.53,290.74s5.53-41.87,49.89-48.1,97.65,6.62,105.29,10.71c39.08,20.88,37.84,37.39,37.84,37.39Z" transform="translate(0)" fill="url(#linear-gradient-15)"/>
<path d="M301.5,212.29c-9.68,0-16.25-.16-20.73.09-8,.45-9.33,2.16-9.77,8.11-.58,7.8,9.61,29.85,6.32,38.17a4.66,4.66,0,0,1-3.48,3.07s-38.76,0-65.57-37.33c0,0,18.89-18.76,17.14-45.35s-11.29-70.2-1.79-74.89S316.4,81,328.9,114.48,328.61,212.37,301.5,212.29Z" transform="translate(0)" fill="url(#linear-gradient-16)"/>
<path d="M258.55,117.64c-3.5,9-3.07,19.22-3.76,29s-3.14,20.48-10.26,26c-1.6,1.24-3.44,2.2-4.67,3.91-3.14,4.35-1,10.88-1.76,16.46-1.43,10.52-12.33,15.12-17.91,23.62-3.41,5.2-4.76,11.86-8.05,17.16s-10.13,8.94-14.57,4.88c-2.28-2.09-3.18-5.56-3.9-8.81a400.87,400.87,0,0,1-7.94-122.8c1.34-14.84,4.73-31.67,16.21-38.65,4.53-2.75,9.74-3.53,14.83-4.27,29.35-4.24,61.35-7.88,86.52,10,2.32,1.64,4.64,3.58,5.78,6.41,5.91,14.69-17.42,13.84-23.48,15.37C274.52,98.65,263.39,105.22,258.55,117.64Z" transform="translate(0)" fill="#3f3d56"/>
<path d="M277.32,258.66a5.12,5.12,0,0,1-3.05,0c-2.07-.61-3.51-2.41-4.79-4.14-6.51-8.72-12.6-18.32-13.87-29.13-.49-4.16-.08-8.81,2.84-11.82,2.35-2.41,5.85-3.28,9.2-3.66,3.18-.36,2.52.27,9.51.64,1.27.07,13.36.87,14.5,1.64-18.12.25-20.22,2.3-20.66,8.25C270.42,228.29,280.61,250.34,277.32,258.66Z" transform="translate(0)" fill="url(#linear-gradient-17)"/>
<path d="M368.55,290.74s14.19-27.14,23-29,11.66-8.86,17.76-10.29,6.79,3.14,8.08,13.51-7.93,25.79-7.93,25.79Z" transform="translate(0)" fill="url(#linear-gradient-18)"/>
<rect x="510.11" y="356.44" width="149.15" height="49.37" rx="10.59" fill="#1397f5"/>
<rect x="541.57" y="417.22" width="106.9" height="7.82" rx="3.31" fill="#1397f5"/>
<rect x="541.57" y="450.14" width="106.9" height="7.82" rx="3.31" fill="#1397f5"/>
<rect x="541.57" y="483.06" width="106.9" height="7.82" rx="3.31" fill="#1397f5"/>
<rect x="541.57" y="514.68" width="106.9" height="7.82" rx="3.31" fill="#1397f5"/>
</svg>
<h3>Fully Responsive Design</h3>
<p class="thin-font">Your website will fit all mobile screens sizes, tablets, and desktop sizes so new clients can access your site from anywhere.</p>
</div>
<div class="item">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 369.53 281.38"><defs><linearGradient id="linear-gradient" x1="157.8" y1="392.22" x2="326.3" y2="-282.82" gradientUnits="userSpaceOnUse"><stop offset="0.01"/><stop offset="0.08" stop-opacity="0.69"/><stop offset="0.21" stop-opacity="0.32"/><stop offset="1" stop-opacity="0"/></linearGradient></defs><path d="M186.19,30.59c-1.72-.06-3.43-.1-5.13-.14-27.29-.57-55.14.35-80.91,9.34S50.63,67,40.72,92.4c-5.13,13.19-6.34,27.51-8.25,41.53-3.57,26.29-9.78,52.35-10.11,78.87s6,54.44,24.21,73.76c31.59,33.56,75.41,13.67,113,4.63a157.66,157.66,0,0,1,68-1.21c14.84,3,29.17,8.17,44,11.35,10.67,2.29,21.77,3.55,32.64,2.14,10.44-1.35,18.49-6.33,28-10.34,18.1-7.68,36.4-17.46,47.94-33.95A67.46,67.46,0,0,0,391.63,215c-3.55-41.16-42-58.44-61.85-90.79-11.56-18.8-19.44-40.12-34.31-56.42C268.79,38.59,226.05,31.86,186.19,30.59Z" transform="translate(-22.35 -30.32)" fill="#1397f5" opacity="0.18" style="isolation:isolate"/><path d="M245.12,72.07V276.22a17.83,17.83,0,0,1-17.83,17.83H138.93a17.83,17.83,0,0,1-17.83-17.83V72.07a17.83,17.83,0,0,1,17.83-17.84h88.36A17.83,17.83,0,0,1,245.12,72.07Z" transform="translate(-22.35 -30.32)" fill="#1397f5"/><rect x="101.19" y="26.94" width="119.13" height="233.39" rx="17.24" fill="#473f47"/><path d="M239.43,76.45V269.06a16.47,16.47,0,0,1-16.63,16.3H143.49a16.71,16.71,0,0,1-8.27-2.16,16.22,16.22,0,0,1-8.38-14.14V76.45a16.48,16.48,0,0,1,16.65-16.3h13.4v2.37a7.89,7.89,0,0,0,5,7.17,8.32,8.32,0,0,0,3.05.58h36.84a8,8,0,0,0,8.05-7.88V60.15h13a16.77,16.77,0,0,1,11.49,4.52A16.1,16.1,0,0,1,239.43,76.45Z" transform="translate(-22.35 -30.32)" fill="#fff"/><rect x="118.47" y="160.84" width="48.99" height="2.91" rx="1.45" fill="#1397f5" opacity="0.31" style="isolation:isolate"/><rect x="118.47" y="167.95" width="48.99" height="2.91" rx="1.45" fill="#1397f5" opacity="0.31" style="isolation:isolate"/><rect x="98.74" y="134.65" width="124.03" height="7.79" fill="#1397f5" opacity="0.18" style="isolation:isolate"/><path d="M80.19,115H231.25a10.13,10.13,0,0,1,10.13,10.13v0a10.13,10.13,0,0,1-10.13,10.13H80.19a0,0,0,0,1,0,0V115A0,0,0,0,1,80.19,115Z" fill="#1397f5"/><rect x="80.19" y="115" width="121.98" height="20.25" fill="#fff"/><circle cx="220.28" cy="123.98" r="4.89" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.45"/><path d="M247.1,162.25l-2-3.73" transform="translate(-22.35 -30.32)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.45"/><rect x="118.47" y="153.63" width="78.84" height="4.68" rx="2.34" fill="#1397f5"/><rect x="118.47" y="185.31" width="48.99" height="2.91" rx="1.45" fill="#1397f5" opacity="0.31" style="isolation:isolate"/><rect x="118.47" y="192.42" width="48.99" height="2.91" rx="1.45" fill="#1397f5" opacity="0.31" style="isolation:isolate"/><rect x="118.47" y="178.09" width="78.84" height="4.68" rx="2.34" fill="#1397f5"/><rect x="118.47" y="209.77" width="48.99" height="2.91" rx="1.45" fill="#1397f5" opacity="0.31" style="isolation:isolate"/><rect x="118.47" y="216.89" width="48.99" height="2.91" rx="1.45" fill="#1397f5" opacity="0.31" style="isolation:isolate"/><rect x="118.47" y="202.56" width="78.84" height="4.68" rx="2.34" fill="#1397f5"/><g opacity="0.41"><path d="M229.21,115.73a51.69,51.69,0,0,1,15.91,2.49v-7.31a59.06,59.06,0,1,0,0,113.76v-7.31a52.06,52.06,0,1,1-15.91-101.63Z" transform="translate(-22.35 -30.32)" fill="url(#linear-gradient)"/></g><path d="M232.36,224A59.06,59.06,0,1,1,291.42,165,59.13,59.13,0,0,1,232.36,224Zm0-111.12A52.06,52.06,0,1,0,284.42,165,52.11,52.11,0,0,0,232.36,112.91Z" transform="translate(-22.35 -30.32)" fill="#1397f5"/><path d="M312.35,252.45a6,6,0,0,1-4.28-1.79l-38.7-39.27a6,6,0,1,1,8.55-8.42l38.7,39.27a6,6,0,0,1-4.27,10.21Z" transform="translate(-22.35 -30.32)" fill="#1397f5"/><path d="M330.89,264.93a7.06,7.06,0,0,1-10-.07l-45.56-46.24a5.88,5.88,0,0,1-.69-.82q-.18-.24-.33-.48a3.08,3.08,0,0,1,.28-3.54,26.38,26.38,0,0,1,2.89-2.94,24.64,24.64,0,0,1,3.86-2.81,3.11,3.11,0,0,1,3.63.31l0,0a4.1,4.1,0,0,1,.39.35L331,254.94A7.06,7.06,0,0,1,330.89,264.93Z" transform="translate(-22.35 -30.32)" fill="#473f47"/><path d="M167.05,104.39v20.36A10.09,10.09,0,0,1,157,134.84H121.1V94.3H157A10.09,10.09,0,0,1,167.05,104.39Z" transform="translate(-22.35 -30.32)" fill="#1397f5" opacity="0.18" style="isolation:isolate"/><rect x="55.96" y="58.63" width="87" height="40.54" rx="10.09" fill="#fff"/><circle cx="139.91" cy="59.85" r="7.27" fill="#1397f5"/><rect x="73.14" y="71.58" width="51.24" height="4.01" rx="2" fill="#1397f5"/><rect x="73.14" y="82.25" width="51.24" height="4.01" rx="2" fill="#1397f5"/><path d="M326.28,296.43a3.42,3.42,0,0,1,.3,3.83,3.17,3.17,0,0,1-3.46,1.39,1.53,1.53,0,0,1-.62-.32c-.37-.36-.43-1-.78-1.36a2.58,2.58,0,0,0-1.27-.56,9.08,9.08,0,0,1-2.31-1.25.91.91,0,0,1-.29-.26.92.92,0,0,1-.11-.43,3.21,3.21,0,0,1,.33-2.26,2.56,2.56,0,0,1,.76-.63,3.68,3.68,0,0,1,1.83-.55,4.76,4.76,0,0,1,1.47.34,11.26,11.26,0,0,1,3.68,1.84" transform="translate(-22.35 -30.32)" fill="#1397f5"/><path d="M323.69,290.3l2.23,7.68s-.42,1.93-2.78,1.12-4.34-6.86-4.34-6.86Z" transform="translate(-22.35 -30.32)" fill="#fcbdba"/><path d="M300.15,306.36a9.44,9.44,0,0,0-1.84-.13,2.28,2.28,0,0,0-1.62.78,2.35,2.35,0,0,0,.44,3,5.43,5.43,0,0,0,2.95,1.22,4.49,4.49,0,0,0,2,0c.83-.24,1.62-.93,2.45-.67a3.85,3.85,0,0,1,1,.61,2.76,2.76,0,0,0,3.74-.47,3.55,3.55,0,0,0,.51-1.18c.35-1.33.19-3-.91-3.77-1.3-.93-2.31-.29-3.56.14A12.35,12.35,0,0,1,300.15,306.36Z" transform="translate(-22.35 -30.32)" fill="#1397f5"/><path d="M301.23,298.91l3.26,8s1.87,1.13,3.2.63L309,307l-1.15-11.17Z" transform="translate(-22.35 -30.32)" fill="#fcbdba"/><path d="M277,217.59c-.22-.29-.51-.61-.86-.56s-.41.19-.62.13a.64.64,0,0,1-.32-.25,10.08,10.08,0,0,0-1.65-1.41,2.89,2.89,0,0,0-1.28-.65,1.75,1.75,0,0,0-1.67,1,3,3,0,0,0-.21,2,7.44,7.44,0,0,0,.8,1.91A5.68,5.68,0,0,0,272,221c1,1.09,2.66,1.27,4,1.94a1.14,1.14,0,0,0,.47.16.92.92,0,0,0,.67-.49,5.13,5.13,0,0,0,.91-2.5A4.37,4.37,0,0,0,277,217.59Z" transform="translate(-22.35 -30.32)" fill="#fcbdba"/><path d="M290,208.92a.66.66,0,0,0-.48.05,1.2,1.2,0,0,0-.22.23c-.28.3-.74.31-1.12.48a1.94,1.94,0,0,0-1,1.23,5.72,5.72,0,0,0-.17,1.61,2.21,2.21,0,0,0,.09.85.74.74,0,0,0,.62.5,1.53,1.53,0,0,0,.63-.27,1.88,1.88,0,0,1,1.25-.2,6.9,6.9,0,0,1,1.56.73,1.61,1.61,0,0,0,1.64,0,2,2,0,0,0,.51-.72c.45-1,1-2.11,0-2.92A6.79,6.79,0,0,0,290,208.92Z" transform="translate(-22.35 -30.32)" fill="#fcbdba"/><path d="M319.72,245.67a112.32,112.32,0,0,1-1.41,12.55c-.9,4.12-1.44,8.8-1.44,8.8l8.33,24s-5.07,3.37-8.33,2.06-11.51-19.71-11.51-19.71l-3.14-20.93,8.31-9.54Z" transform="translate(-22.35 -30.32)" fill="#473f47"/><path d="M296.73,244s-5.94,19.47-5.94,24.53,7.12,30,7.12,30,7.73,2.62,9.54,0l1.81-2.62-4.35-25.1s6.16-13.1,7.25-16.47a36.45,36.45,0,0,0,1.41-6.37Z" transform="translate(-22.35 -30.32)" fill="#473f47"/><path d="M299.23,190.67a13.15,13.15,0,0,0-1.31,4.43,4.41,4.41,0,0,0,1.77,4,4.84,4.84,0,0,1,1.05.68c1.12,1.14-.16,3.21.48,4.69a2.21,2.21,0,0,0,2.76,1,3.68,3.68,0,0,0,2-2.43,11.32,11.32,0,0,0,.38-3.29l.11-6.61a8.46,8.46,0,0,0-.67-4.31,4.29,4.29,0,0,0-4-2.16C300.26,187,299.79,189.38,299.23,190.67Z" transform="translate(-22.35 -30.32)" fill="#fcbdba"/><path d="M276.17,223.67S288.85,235,289.75,235s6.53-7.12,6.53-7.12l.45,16.11a37.41,37.41,0,0,0,4.88,2.42c2.74,1.12,6.21,2.16,9.24,1.88,6.16-.56,8.87-2.62,8.87-2.62l-3.79-37.94s-7.18-5.17-9.63-4.38a15.12,15.12,0,0,1-5.31,0c-3.54-.46-7.16,4.38-7.16,4.38l-4.71,15.47-11.05-3.92A4.24,4.24,0,0,0,276.17,223.67Z" transform="translate(-22.35 -30.32)" fill="#1397f5"/><path d="M300.3,183.5c1.33-1.21,4.34-1.71,5.81-1.87a8,8,0,0,1,6.35,1.86c2.4,2.28,2.65,6,2.62,9.42S315,200,317,202.6c1.72,2.22,4.53,3.14,6.72,4.85a9.48,9.48,0,0,1,3.8,6.82c.51,10.28-15.19,5.87-20.38,3.58a7.93,7.93,0,0,1-2.49-1.54A7.31,7.31,0,0,1,303,213.4a15.43,15.43,0,0,1,.58-11.2c.24-.52.5-1.17.17-1.63a1.71,1.71,0,0,0-.66-.46,3.75,3.75,0,0,1-2.31-3.33,6.46,6.46,0,0,1,1.38-2.86,3.29,3.29,0,0,0,.62-3c-.36-.81-1.22-1.21-1.86-1.8-1.12-1-1.93-3.69-1-5.13A2.55,2.55,0,0,1,300.3,183.5Z" transform="translate(-22.35 -30.32)" fill="#f6a569"/></svg>
<h3>SEO Optimized</h3>
<p class="thin-font">70% of all web traffic is on mobile devices, so we optimize your mobile to perform their best in search engines.</p>
</div>
</div>
</section>
<!-- Pricing -->
<section id="home-b">
<div class="container py-4">
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="100%" height="100%" viewBox="0 0 1667 1250" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M554.417,797.75l-33.459,54.875l-51.25,-13.708l7.125,-65.792l77.584,24.625Z" style="fill:#ffd200;fill-rule:nonzero;"/><path d="M956.25,239.625c0,0 2.125,31.875 -3.667,52.958c-1.933,6.933 -8.295,11.764 -15.492,11.764c-1.467,-0 -2.928,-0.201 -4.341,-0.597c-10.583,-3.083 -23.958,-10.292 -27.208,-27.25l-8.959,-28.083c-2.489,-11.896 2.845,-24.139 13.25,-30.417c18.292,-12.583 46.084,2.125 46.417,21.625Z" style="fill:#f4a28c;fill-rule:nonzero;"/><path d="M908.333,251.583l-50.791,91.625l52.5,24.375l15.458,-74.541l-17.167,-41.459Z" style="fill:#f4a28c;fill-rule:nonzero;"/><path d="M893.25,234.25l-1.375,41.042c9.579,3.938 20.707,0.515 26.417,-8.125c5.955,-8.729 6.185,-20.208 0.583,-29.167c15.956,2.705 32.076,4.334 48.25,4.875c3.333,-0 10.583,1.583 11.25,-12.917c0,0 5.875,-23.25 -10.292,-29.166c-16.166,-5.917 -76.208,0.125 -74.833,33.458Z" style="fill:#24285b;fill-rule:nonzero;"/><path d="M956.542,258.875l9.125,15.667l-10.25,2.375l1.125,-18.042Z" style="fill:#f4a28c;fill-rule:nonzero;"/><path d="M533.917,931.417c-0,-0 -18.625,4.833 -21.5,20.833c-2.875,16 -19.209,18.917 -22,3.917c-2.792,-15 19.541,-51.084 19.541,-51.084l23.375,3.25l0.584,23.084Z" style="fill:#1397f5;fill-rule:nonzero;"/><path d="M692.583,797.875c0,0 19.542,150 -158.666,108l-0,27.458c-0,0 44.083,36.667 116.083,20.834c26.738,-6.169 51.72,-18.353 73.042,-35.625l71.708,-57.209l-9.667,-48.833l-63,-29.75l-29.5,15.125Z" style="fill:#24285b;fill-rule:nonzero;"/><circle cx="1247.04" cy="251.583" r="123.667" style="fill:#ffd200;"/><circle cx="1247.04" cy="251.583" r="123.667" style="fill-opacity:0.08;"/><path d="M828.667,525.833c-0,0 120.583,161.667 214.25,213.792c93.666,52.125 272.958,-227.125 272.958,-227.125l-34.375,-25.458l-196.292,149.208c0,0 -112.833,-253.542 -198.791,-250.833c-85.959,2.708 -94.75,93.75 -57.75,140.416Z" style="fill:#1397f5;fill-rule:nonzero;"/><path d="M828.667,525.833c-0,0 120.583,161.667 214.25,213.792c93.666,52.125 272.958,-227.125 272.958,-227.125l-34.375,-25.458l-196.292,149.208c0,0 -112.833,-253.542 -198.791,-250.833c-85.959,2.708 -94.75,93.75 -57.75,140.416Z" style="fill:#fff;fill-opacity:0.46;fill-rule:nonzero;"/><ellipse cx="807.958" cy="1061.71" rx="497.917" ry="71.583" style="fill:#e6e6e6;fill-opacity:0.45;"/><path d="M851.625,334.625l58.583,26.75c48.353,23.871 77.668,74.826 74,128.625c-2.083,31.958 -9.166,47.375 -19.25,92.958c-12.083,54.792 -11.041,112.209 -57.458,143.75c-34.75,23.625 -80.75,62 -91.125,104.875l-175.417,-84c0,0 -77.625,-426.333 210.667,-412.958Z" style="fill:#1397f5;fill-rule:nonzero;"/><path d="M862.5,400.25c0,0 97.583,93 -20.375,205.875c-117.958,112.875 -77.958,-156.125 20.375,-205.875Z" style="fill-opacity:0.08;fill-rule:nonzero;"/><path d="M958.375,634.208c0,-86.259 -70.032,-156.291 -156.292,-156.291l-264.083,-0c-86.26,-0 -156.292,70.032 -156.292,156.291l0,12.834c0,86.259 70.032,156.291 156.292,156.291l264.083,0c86.26,0 156.292,-70.032 156.292,-156.291l-0,-12.834Z" style="fill:#ffd200;"/><path d="M583.083,803.375l109.959,0c-0,0 -115.417,-144.333 -47.084,-304.833c0,-0 -122.583,-9.75 -121.458,-14.084c1.125,-4.333 6.417,124.709 6.417,124.709l52.166,194.208Z" style="fill-opacity:0.08;fill-rule:nonzero;"/><path d="M759.875,338c0,0 -200,23.958 -292.125,79.167c-92.125,55.208 60.75,350 60.75,350l50,-21.917l-42.458,-239.792c-0,0 276.041,28.709 316.666,-47.166c40.625,-75.875 -34.041,-129.125 -92.833,-120.292Z" style="fill:#1397f5;fill-rule:nonzero;"/><path d="M759.875,338c0,0 -200,23.958 -292.125,79.167c-92.125,55.208 60.75,350 60.75,350l50,-21.917l-42.458,-239.792c-0,0 276.041,28.709 316.666,-47.166c40.625,-75.875 -34.041,-129.125 -92.833,-120.292Z" style="fill:#fff;fill-opacity:0.46;fill-rule:nonzero;"/><path d="M940.583,1005.96c0,0 16.667,9.542 30.042,0c13.375,-9.541 27,0 18.5,12.5c-8.5,12.5 -49.583,23 -49.583,23l-14.542,-18.666l15.583,-16.834Z" style="fill:#1397f5;fill-rule:nonzero;"/><path d="M1281.5,486.958c0,0 -2.917,-52.666 7.75,-55.833c10.667,-3.167 15.625,22.375 15.625,22.375c0,0 12.5,-44.917 35.792,-39.375c23.291,5.542 -24.792,98.375 -24.792,98.375l-34.375,-25.542Z" style="fill:#f4a28c;fill-rule:nonzero;"/><path d="M531.125,765c0,0 -4.167,58.333 22.333,56.583c3.179,-0.191 6.318,-0.808 9.334,-1.833c15.663,-5.628 26.172,-20.569 26.172,-37.213c-0,-5.188 -1.022,-10.326 -3.006,-15.12l-7.625,-19.084l-47.208,16.667Z" style="fill:#f4a28c;fill-rule:nonzero;"/><path d="M1000.58,672.5c0,-27.09 -21.993,-49.083 -49.083,-49.083l-25.458,-0c-27.09,-0 -49.084,21.993 -49.084,49.083c0,27.09 21.994,49.083 49.084,49.083l25.458,0c27.09,0 49.083,-21.993 49.083,-49.083Z" style="fill:#ffd200;"/><path d="M1000.58,672.5c0,-27.09 -21.993,-49.083 -49.083,-49.083l-25.458,-0c-27.09,-0 -49.084,21.993 -49.084,49.083c0,27.09 21.994,49.083 49.084,49.083l25.458,0c27.09,0 49.083,-21.993 49.083,-49.083Z" style="fill:#fff;fill-opacity:0.35;"/><circle cx="857.708" cy="594.792" r="19.25" style="fill:#24285b;"/><circle cx="1247.04" cy="229.042" r="123.667" style="fill:#ffd200;"/><circle cx="1247.04" cy="229.042" r="83.208" style="fill:#fff;fill-opacity:0.46;"/><path d="M782.042,814.75c-0,0 120.166,43.667 165.958,187.25l-22.958,20.833c-0,0 -57.375,-94.375 -188.709,-167.291l45.709,-40.792Z" style="fill:#24285b;fill-rule:nonzero;"/><path d="M713.542,548.792c-0,-0 -31.792,-48.459 -10.834,-75.209c20.959,-26.75 76.625,37.5 76.625,37.5l-65.791,37.709Z" style="fill:#ffd200;fill-rule:nonzero;"/><ellipse cx="963.875" cy="672.5" rx="13.292" ry="21.708" style="fill-opacity:0.08;"/><ellipse cx="920.625" cy="672.5" rx="13.292" ry="21.708" style="fill-opacity:0.08;"/><path d="M752.458,799.625l33.5,54.875l51.25,-13.75l-7.166,-65.792l-77.584,24.667Z" style="fill:#ffd200;fill-rule:nonzero;"/><path d="M388.333,594.792c0,-0 -60.875,-18.542 -111.5,10.416c0,0 72.375,-10.083 104.875,35.459l6.625,-45.875Z" style="fill:#ffd200;fill-rule:nonzero;"/></svg>
<div class="pricing-content">
<h2 class="section-title mx-bottom-3">
<span class="highlight">£0</span> Down,<br> <span class="highlight">£99</span> Per Month.<br>
No Fuss. No Contract.
</h2>
<p class="lead thin-font">£0 for a standard small business website. If you are interested in something larger scale then we can do custom pricing based on the scope of work, number of additional pages, and time involved.
<br><br>
You own your domain, content, listing, and profiles. Cancel anytime with no fees or hassle.
</p>
</div>
</div>
</section>
<!-- Features -->
<section id="home-c">
<div class="container py-2">
<div class="features mx-bottom-4">
<div class="item">
<h3 class="mx-bottom-1"><i class="far fa-check-circle"></i> Hosting Fees Included</h3>
<p class="thin-font">Hosting fees are built right into the monthly payment.</p>
</div>
<div class="item">
<h3 class="mx-bottom-1"><i class="far fa-check-circle"></i> Unlimited Edits</h3>
<p class="thin-font">Change anything you want at anytime and it will be done that day.</p>
</div>
<div class="item">
<h3 class="mx-bottom-1"><i class="far fa-check-circle"></i> 24/7 Customer Service</h3>
<p class="thin-font">Call direct anytime day or night, no phone trees or automated responses.</p>
</div>
<div class="item">
<h3 class="mx-bottom-1"><i class="far fa-check-circle"></i> Google Analytics</h3>
<p class="thin-font">We install Analytics for free to monitor traffic and where it comes from.</p>
</div>
</div>
</div>
</section>
<!-- Portfolio -->
<section id="home-d" class="text-center py-4">
<div id="portfolio" class="container">
<h2 class="section-title"><span class="highlight">:Our</span> work</h2>
<div class="bottom-line"></div>
<div class="post-wrapper">
<div class="post">
<img class="thubnail" src="img/port-1.jpg" alt="website mockup 1">
<div class="post-preview header-content">
<h3 class="post-title">Kings of Clerkenwell</h3>
<h4 class="mx-bottom-1">London, UK</h4>
<p class="thin-font mx-bottom-2">Kings of Clerkenwell is a bespoke boutique hair salon located in the heart of North London. Specializing in Ladies & Gents cuts, color + texture.</p>
<a target="_blank" rel="noopener" class="btn btn-main" href="https://s-kngstn.github.io/barbershop-template/">Visit Kings of Clerkenwell</a>
</div>
</div>
<div class="post">
<img class="thubnail" src="img/port-2.jpg" alt="website mockup 2">
<div class="post-preview header-content">
<h3 class="post-title">Old Royd</h3>
<h4 class="mx-bottom-1">London, UK</h4>
<p class="thin-font mx-bottom-2">Old Royd is the first solo restaurant from former Chef, Tom Oldroyd. The restaurant offers a daily changing European menu built around the best seasonal British ingredients.</p>
<a target="_blank" rel="noopener" class="btn btn-main" href="https://s-kngstn.github.io/oldroyd-web/">Visit Old Royd</a>
</div>
</div>
</div>
</div>
</section>
<!-- Who we are -->
<section id="home-e" class="text-center py-4">
<div class="container lead">
<h2 class="section-title"><span class="highlight">:Who</span> we are</h2>
<div class="bottom-line"></div>
<p class="px-4 thin-font lead">Hello there, I'm Sam. A web developer based in London. I have spent years studying how to build websites and web applications the right way to ensure your business has the most modern and professional looking web presence possible. <br><a id="about" class="links" href="about">MORE ABOUT US</a></p>
<img src="img/profile.jpg" alt="Photo of Developer">
<h3 class="owner-name">Sam Kingston</h3>
<p class="owner-title thin-font big-margin-bottom">Owner | Developer</p>
<!-- Price Promo -->
<div class="price-wrapper">
<div class="price">
<div class="price-tag">
<h2>Standard Single Page Site</h2>
</div>
<div class="price-preview header-content">
<p>BEST VALUE</p>
<h3 class="amount mx-bottom-1">£99<span class="month">/mo</span></h3>
<ul class="thin-font">
<li><i class="far fa-check-circle"></i> Hosting Included</li>
<li><i class="far fa-check-circle"></i> Unlimited Edits</li>
<li><i class="far fa-check-circle"></i> 24/7 Customer Service</li>
<li><i class="far fa-check-circle"></i> Lifetime Updates</li>
</ul>
</div>
<a class="btn btn-main" href="contact">Contact Us</a>
</div>
<div class="price price-main">
<div class="price-tag price-tag-main">
<h2>Contemporary<br>Multi-Page Site</h2>
</div>
<div class="price-preview header-content">
<p>STARTING AT</p>
<h3 class="amount mx-bottom-1">£500</h3>
<ul class="thin-font">
<li><i class="far fa-check-circle"></i> Keyword Analysis</li>
<li><i class="far fa-check-circle"></i> Written By an SEO Specialist</li>
<li><i class="far fa-check-circle"></i> Boosted SEO</li>
<li><i class="far fa-check-circle"></i> Optional Blog for your Business</li>
</ul>
</div>
<a class="btn btn-main" href="contact">Contact Us</a>
</div>
<div class="price">
<div class="price-tag">
<h2>Logo + Graphics</h2>
</div>
<div class="price-preview header-content">
<p>STARTING AT</p>
<h3 class="amount mx-bottom-1">£300<span class="month trans">...</span></h3>
<ul class="thin-font">
<li><i class="far fa-check-circle"></i> 2 revisions</li>
<li><i class="far fa-check-circle"></i> All File Formats</li>
<li><i class="far fa-check-circle"></i> Light & Dark Versions</li>
<li><i class="far fa-check-circle"></i> Horizontal & Vertical</li>
</ul>
</div>
<a class="btn btn-main" href="contact">Contact Us</a>
</div>
</div>
</div>
</section>
<section id="home-f" class="py-2">
<div class="container">
<div class="pre-footer">
<div class="item">
<img id="logo-blue" src="img/webdevise-logo-light-blue.png" alt="webdevise alt logo">
<ul>
<li>London, UK</li>
<li><a href="email:info@webdevise.net">info@webdevise.net</a></li>
<li><a href="tel:+44-03578-313-413">+44-03578-313-413</a></li>
</ul>
</div>
<div class="item">
<h3>Navigation</h3>
<nav>
<ul class="py-1">
<li><a href="index">Home</a></li>
<li><a href="about" >About</a></li>
<li><a href="services" >Services</a></li>
<li><a href="work" >Work</a></li>
<li><a href="contact" >Contact</a></li>
</ul>
</nav>
</div>
<div class="item">
<h3>Services</h3>
<ul class="py-1">
<li>Web Design</li>
<li>Website Maintenance</li>
<li>Content Creation</li>
<li>Logo Design</li>
<li>SEO Services</li>
</ul>
</div>
</div>
</div>
<!-- FOOTER -->
<footer id="main-footer">
<div class="footer-content container">
<p>This page was 100% hand coded with 💙 by :webDevise Designs.</p>
<p>© Copyright
<script class="nav-link">
new Date().getFullYear() > 2010 &&
document.write(" " + new Date().getFullYear());
</script>
S Kington. All Rights Reserved.</p>
</div>
</footer>
</section>
<div class="intro">
<div class="intro-text">
<h2 class="hide">
<span class="text">Full customised and crafted,</span>
</h2>
<h2 class="hide">
<span class="text">for your business.</span>
</h2>
<h2 class="hide">
<span class="text">Let us build the website you deserve.</span>
</h2>
</div>
</div>
<div class="slider"></div>
<!--Start Cookie Script-->
<script type="text/javascript" charset="UTF-8" src="//cdn.cookie-script.com/s/dfddab531826e1e8f3dc487d576a50f3.js"></script>
<!--End Cookie Script-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js" integrity="sha512-IQLehpLoVS4fNzl7IfH8Iowfm5+RiMGtHykgZJl9AWMgqx0AmJ6cRWcB+GaGVtIsnC4voMfm8f2vwtY+6oPjpQ==" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/8e925122cf.js" crossorigin="anonymous"></script>
<script src="app.js"></script>
</body>
</html>