senaduka/old-v2-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Stylistig changes and changing illustrations

Browse Source
This commit is contained in:
Moris Zen
2018-08-30 16:42:18 +02:00
parent b7326dc644
commit 3e4bfca8f2
7 changed files with 385 additions and 475 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Footer.js
View File

@@ -2,7 +2,7 @@ import React from 'react'
import Link from 'gatsby-link'
import Button from './Button'
import LogoSaburly from '../images/saburly-logo-white.svg'
import LogoSaburly from '../images/logo-saburly-white.svg'
import Facebook from '../images/facebook.svg'
import Instagram from '../images/instagram.svg'
@@ -10,7 +10,7 @@ import Twitter from '../images/twitter.svg'
import LinkedIn from '../images/linkedin.svg'
let menuClasses =
'no-underline mt-4 lg:inline-block lg:mt-0 text-white hover:opacity-100 uppercase mr-4'
'no-underline lg:inline-block lg:mt-0 text-white hover:opacity-100 uppercase'
const Footer = () => (
<footer className="saburly-main-bg">

2
src/components/Header.js
View File

@@ -15,7 +15,7 @@ class Header extends Component {
render() {
return (
<Headroom>
<header className="saburly-main-bg saburly-menu saburly-bottom-shadow">
<header className="saburly-main-bg saburly-menu">
<nav className="container mx-auto flex items-center justify-between lg:p-6 p-4">
<Link to="/">
<div className="max-w-xs mr-8">

35
src/images/coding-tutorial-patience.svg → src/images/coding-tutorials-patience.svg
View File

@@ -100,7 +100,7 @@
<stop stop-color="#000000" stop-opacity="0.25" offset="0%"></stop>
<stop stop-color="#EDE9F5" stop-opacity="0" offset="100%"></stop>
</linearGradient>
<path d="M11.3823908,0.867790381 C15.7202228,4.6935282 56.8571955,26.8911893 63.4594025,34.6170469 C70.0616096,42.3426852 90.0969041,121.134761 92.0281765,122.941213 C93.9594489,124.747665 124.799828,133.581354 132.992573,136.238482 C129.825688,136.238482 119.715594,140.058515 125.915614,153.711458 C132.505772,155.696515 76.2145029,162.563139 69.8369527,153.711458 C63.4594025,144.859777 55.5115304,115.817652 51.8112526,106.100813 C48.1111087,96.3841941 51.8112526,115.817652 51.8112526,122.941213 C51.8112526,130.064773 51.8112526,153.711458 56.4359973,168.323688 C61.060876,182.936137 59.2598724,205.804114 51.8112526,208.804847 C44.3627666,211.805581 26.4943799,218.755803 26.4943799,208.804847 C26.4943799,208.804847 19.4673598,184.954325 19.3863602,172.039498 C19.3238365,162.051461 16.1130375,122.676378 15.10168,110.435158 C12.4716686,78.5963563 10.1506607,77.8468311 10.8712228,71.0091695 C12.2269292,58.1430526 19.3538265,42.1879969 0.75456855,24.5408048 C22.8214144,19.3744351 12.1259809,4.66763711 11.3823908,0.867790381 Z" id="path-45"></path>
<path d="M11.3823908,0.867790381 C12.9850726,2.28127078 19.6110282,6.2026141 27.6626005,10.9753785 C41.4034809,19.120618 59.2964871,29.7456317 63.4594025,34.6170469 C70.0616096,42.3426852 90.0969041,121.134761 92.0281765,122.941213 C93.9594489,124.747665 124.799828,133.581354 132.992573,136.238482 C129.825688,136.238482 119.715594,140.058515 125.915614,153.711458 C132.505772,155.696515 76.2145029,162.563139 69.8369527,153.711458 C63.4594025,144.859777 55.5115304,115.817652 51.8112526,106.100813 C48.1111087,96.3841941 51.8112526,115.817652 51.8112526,122.941213 C51.8112526,130.064773 51.8112526,153.711458 56.4359973,168.323688 C61.060876,182.936137 59.2598724,205.804114 51.8112526,208.804847 C44.3627666,211.805581 26.4943799,218.755803 26.4943799,208.804847 C26.4943799,208.804847 19.4673598,184.954325 19.3863602,172.039498 C19.3238365,162.051461 16.1130375,122.676378 15.10168,110.435158 C12.4716686,78.5963563 10.1506607,77.8468311 10.8712228,71.0091695 C12.2269292,58.1430526 19.3538265,42.1879969 0.75456855,24.5408048 C22.8214144,19.3744351 12.1259809,4.66763711 11.3823908,0.867790381 Z" id="path-45"></path>
<filter x="-15.9%" y="-9.9%" width="131.8%" height="119.7%" filterUnits="objectBoundingBox" id="filter-47">
<feGaussianBlur stdDeviation="14" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="-2" dy="14" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
@@ -173,6 +173,18 @@
<stop stop-color="#D1D4E7" offset="0%"></stop>
<stop stop-color="#5763AB" offset="100%"></stop>
</linearGradient>
<linearGradient x1="76.9888796%" y1="16.7734139%" x2="-11.6510841%" y2="73.2727713%" id="linearGradient-69">
<stop stop-color="#72669D" offset="0%"></stop>
<stop stop-color="#ADA7C7" offset="100%"></stop>
</linearGradient>
<linearGradient x1="76.9888796%" y1="16.7734139%" x2="-11.6510841%" y2="73.2727713%" id="linearGradient-70">
<stop stop-color="#EAE9F1" offset="0%"></stop>
<stop stop-color="#ECE7F9" offset="100%"></stop>
</linearGradient>
<linearGradient x1="15.4820432%" y1="76.2997855%" x2="100%" y2="25.92039%" id="linearGradient-71">
<stop stop-color="#ADA7C7" offset="0%"></stop>
<stop stop-color="#EAE9F1" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Illustration" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="StartUp" transform="translate(-447.000000, -2911.000000)">
@@ -277,10 +289,10 @@
<use xlink:href="#path-41"></use>
</mask>
<g id="">
<use fill="#5763AB" fill-rule="evenodd" xlink:href="#path-41"></use>
<use fill="#FAFAFD" fill-rule="evenodd" xlink:href="#path-41"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-43)" xlink:href="#path-41"></use>
</g>
<g id="Group" mask="url(#mask-42)" fill="#FFFFFF">
<g id="Group" mask="url(#mask-42)" fill="#5763AB">
<g transform="translate(5.773677, 22.527771)">
<ellipse id="Oval-2" cx="35.144472" cy="89.8879901" rx="2.78924381" ry="2.79155249"></ellipse>
<ellipse id="Oval-2-Copy" cx="46.8592961" cy="72.5803647" rx="2.78924381" ry="2.79155249"></ellipse>
@@ -318,10 +330,10 @@
<use xlink:href="#path-45"></use>
</mask>
<g id="">
<use fill="#5763AB" fill-rule="evenodd" xlink:href="#path-45"></use>
<use fill="#FAFAFD" fill-rule="evenodd" xlink:href="#path-45"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-47)" xlink:href="#path-45"></use>
</g>
<g id="Group-3" mask="url(#mask-46)" fill="#FFFFFF">
<g id="Group-3" mask="url(#mask-46)" fill="#5763AB">
<g transform="translate(16.177614, 25.682283)">
<ellipse id="Oval-2-Copy-3" cx="16.1776141" cy="4.46648398" rx="2.78924381" ry="2.79155249"></ellipse>
<ellipse id="Oval-2-Copy-26" cx="39.6072621" cy="2.79155249" rx="2.78924381" ry="2.79155249"></ellipse>
@@ -404,6 +416,19 @@
<path d="M185.230284,0.184304995 L85.71468,19.4259369 C82.500056,20.047386 79.9429567,22.4956879 79.1707383,25.6903808 L57.6920893,114.536518 L159.832863,88.9816528 C162.30684,88.3627655 164.274618,86.4837467 165.015132,84.0335817 L189.062869,4.45829545 C189.59904,2.68302618 188.601164,0.807267777 186.834,0.268608743 C186.31448,0.110131669 185.76379,0.0811377004 185.230284,0.184304995 Z" id="" fill="url(#linearGradient-68)"></path>
<path d="M130.579518,64.2123873 C125.823812,67.3584781 120.470918,68.0488415 117.677404,63.7884098 C114.883363,59.5279551 118.203837,53.8636145 122.96017,50.7175696 C127.715926,47.5715018 132.516102,46.9529106 135.309541,51.2133194 C138.103582,55.473797 135.335851,61.0663653 130.579518,64.2123873 Z" id="" fill="#EDE9F5"></path>
</g>
<g id="Group-26" transform="translate(26.000000, 252.000000)">
<g id="Group-13">
<g id="Group-12" transform="translate(0.787255, 0.000000)">
<path d="M7.69665335,105.062982 C20.0112987,97.852777 31.8128339,94.2476747 43.1012588,94.2476747 C54.3896837,94.2476747 67.7305495,97.852777 83.1238562,105.062982 C75.9403131,123.603508 69.2698802,134.418815 63.1125575,137.508902 C53.8765735,142.144034 43.9700032,146.11022 27.7079521,135.963859 C16.8665846,129.199618 10.1961517,118.899325 7.69665335,105.062982 Z" id="Path-33" fill="url(#linearGradient-69)"></path>
<path d="M19.2104037,81.6111704 L28.8450791,70.3918959 L28.4229047,70.0753124 L19.3794467,80.6061329 C22.7195437,60.8459804 26.008687,47.2133974 29.239904,39.7223509 L39.6413974,29.9790637 L39.2583884,29.6194619 L29.8041377,38.4754528 C30.083512,37.8884232 30.3624484,37.347504 30.6409424,36.8527041 L41.0809065,18.3040348 L40.59636,18.0606475 L30.1563959,36.6093168 C25.7228728,44.486351 21.2130876,63.7931155 16.6092516,94.5652418 L17.1526341,94.637793 C17.840646,90.0391083 18.5265891,85.6968609 19.2104037,81.6111704 Z M11.0429481,98.3762648 C-1.03301231,86.6098073 -3.88110538,65.7442578 5.88190588,54.0499774 C14.1383268,44.1603133 21.2714395,25.8193703 27.8223466,13.138951 C28.6820535,11.4748389 29.3879705,19.332485 30.2288463,17.895246 C34.3454675,10.859047 38.394842,-2.50043682 42.2329449,0.407789073 C44.7292604,2.2993093 46.7462862,5.48060893 48.2840224,9.95168796 C48.7661065,11.3533821 45.8514665,16.7947559 46.2454681,19.1271275 C46.6268791,21.384966 50.3197014,20.5045368 50.6185695,23.6345218 C51.0143629,27.7795853 51.4451946,35.7179385 51.9110647,47.4495815 L42.1185028,62.147786 L52.4407244,49.8581558 C52.787896,51.7143254 52.5565508,54.1920228 51.7466888,57.2912481 C50.9368269,60.3904734 49.4882056,63.7655283 47.4008251,67.4164128 L36.4230745,84.0926608 L47.4774316,69.7178431 C45.152322,78.4387029 42.1045165,84.9329417 38.3340151,89.2005595 C34.5635137,93.4681773 21.42193,98.2939051 15.6009623,101.02243 L2.21797866,146.541183 L11.0429481,98.3762648 Z" id="Combined-Shape-Copy" fill="#3BC2CA" transform="translate(26.298490, 73.270591) scale(-1, 1) translate(-26.298490, -73.270591) "></path>
<path d="M53.4807776,93.8958355 L59.4584888,86.93498 L59.1965561,86.7385598 L53.5856582,93.2722728 C55.6579786,81.0123387 57.6986856,72.5541768 59.7034529,67.9064528 L66.1569265,61.8613547 L65.9192935,61.6382444 L60.0535245,67.1328308 C60.2268587,66.7686158 60.3999212,66.4330093 60.5727092,66.1260171 L67.0500516,54.6177322 L66.7494209,54.4667257 L60.2720786,65.9750105 C57.5213558,70.8622157 54.7233172,82.840851 51.866926,101.933024 L52.2040607,101.978037 C52.6309289,99.1248419 53.0565136,96.4307499 53.4807776,93.8958355 Z M48.4133841,104.297524 C40.9210088,96.9971759 39.1539459,84.0514124 45.2112814,76.7958455 C50.3338723,70.6599298 54.7595209,59.2805261 58.8239475,51.413122 C59.3573417,50.3806449 59.7953189,55.255821 60.3170295,54.3641044 C62.8711345,49.9985847 65.3835172,41.7098637 67.7648191,43.5142353 C69.3136261,44.6878048 70.565064,46.6616015 71.5191328,49.4356254 C71.8182357,50.3052886 70.0098846,53.6813194 70.2543378,55.1284096 C70.4909794,56.5292566 72.7821438,55.9830056 72.9675727,57.9249648 C73.2131376,60.4967164 73.4804417,65.4219662 73.7694848,72.7007142 L67.693815,81.8200274 L74.0981054,74.1950834 C74.3135036,75.3467201 74.1699684,76.8839757 73.6674999,78.8068505 C73.1650314,80.7297252 72.2662529,82.8237349 70.9711643,85.0888795 L64.1601592,95.4354445 L71.0186938,86.5167726 C69.5761093,91.9275186 67.6851373,95.9567861 65.3457779,98.604575 C63.0064185,101.252364 54.8528908,104.246425 51.2413458,105.939304 L42.9380446,134.180832 L48.4133841,104.297524 Z" id="Combined-Shape-Copy" fill="#6CD5DB"></path>
<path d="M10.7753147,114.161535 C21.0375192,110.155891 31.8128339,108.153069 43.1012588,108.153069 C54.3896837,108.153069 66.1912188,110.155891 78.5058642,114.161535 C74.4009824,128.365322 69.2698802,136.559781 63.1125575,138.744913 C53.8765735,142.022611 43.9700032,144.827268 27.7079521,137.652347 C16.8665846,132.869067 11.2223722,125.038796 10.7753147,114.161535 Z" id="Path-33" fill="url(#linearGradient-70)" opacity="0.650701993"></path>
<path d="M7.69665335,105.062982 C24.1161805,119.483391 40.5357077,123.603508 56.9552348,117.423332 C73.374762,111.243157 82.0976358,107.12304 83.1238562,105.062982 C76.9665335,131.843742 72.3485415,147.29418 69.2698802,151.414297 C64.6518882,157.594472 60.0338962,165.319692 41.5619281,162.229604 C23.0899601,159.139516 18.4756744,150.043904 15.3933067,143.689078 C13.3383949,139.452527 10.7728438,126.577162 7.69665335,105.062982 Z" id="Path-32" fill="url(#linearGradient-71)"></path>
</g>
<path d="M39.4828431,103.915493 C40.756772,109.023474 41.3937364,111.577465 41.3937364,111.577465 C41.3937364,111.577465 41.3937364,113.492958 43.3046296,113.492958 C44.5785585,113.492958 45.2155229,112.85446 45.2155229,111.577465 L43.3046296,102 L39.4828431,103.915493 Z" id="Path-34" fill="#7CCBC7"></path>
<path d="M48.0818627,106.645324 C48.0818627,107.750162 48.0818627,108.855 48.0818627,109.959839 C48.0818627,111.617096 50.5230482,112.777818 50.5230482,111.534875 C50.5230482,110.706246 50.6647664,108.964574 50.9482026,106.309859 L48.0818627,106.645324 Z" id="Path-35" fill="#8FD7D4" transform="translate(49.515033, 109.183099) rotate(11.000000) translate(-49.515033, -109.183099) "></path>
</g>
</g>
</g>
</g>
</g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 108 KiB

After

Width:  |  Height:  |  Size: 114 KiB

299
src/images/contact-web-consultancy-sweden.svg Normal file
View File

@@ -0,0 +1,299 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1198px" height="828px" viewBox="0 0 1198 828" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch -->
<title>Artwork@2x</title>
<desc>Created with Sketch.</desc>
<defs>
<polygon id="path-1" points="0.962868649 0.880108503 21.1824401 0.880108503 21.1824401 263.178848 0.962868649 263.178848"></polygon>
<polygon id="path-3" points="-66.4358301 263.09523 88.5810118 263.09523 88.5810118 283.333302 -66.4358301 283.333302"></polygon>
<polygon id="path-5" points="-123.243281 -19.2743822 146.351234 -19.2743822 146.351234 0.963702438 -123.243281 0.963702438"></polygon>
<linearGradient x1="93.3958167%" y1="100%" x2="36.8840443%" y2="31.7424823%" id="linearGradient-7">
<stop stop-color="#7B6ABA" offset="0%"></stop>
<stop stop-color="#EDE9F5" offset="100%"></stop>
</linearGradient>
<polygon id="path-8" points="0.962936047 141.630301 29.2576186 0.927463662 192.567566 3.81858736 165.608079 141.630301"></polygon>
<linearGradient x1="0%" y1="71.6702355%" x2="104.617679%" y2="57.107133%" id="linearGradient-10">
<stop stop-color="#DADA06" offset="0%"></stop>
<stop stop-color="#FFFF0A" offset="100%"></stop>
</linearGradient>
<radialGradient cx="42.0546178%" cy="45.5410746%" fx="42.0546178%" fy="45.5410746%" r="40.697833%" gradientTransform="translate(0.420546,0.455411),scale(0.938979,1.000000),rotate(-69.910157),scale(1.000000,1.538504),translate(-0.420546,-0.455411)" id="radialGradient-11">
<stop stop-color="#8448F7" offset="0%"></stop>
<stop stop-color="#311793" offset="100%"></stop>
</radialGradient>
<radialGradient cx="52.9469765%" cy="28.6240847%" fx="52.9469765%" fy="28.6240847%" r="54.1473232%" gradientTransform="translate(0.529470,0.286241),scale(0.837410,1.000000),rotate(108.260519),scale(1.000000,3.925275),translate(-0.529470,-0.286241)" id="radialGradient-12">
<stop stop-color="#EDE9F5" offset="0%"></stop>
<stop stop-color="#B4AAD7" offset="100%"></stop>
</radialGradient>
<filter x="-49.1%" y="-58.6%" width="198.2%" height="217.2%" filterUnits="objectBoundingBox" id="filter-13">
<feGaussianBlur stdDeviation="36.78125" in="SourceGraphic"></feGaussianBlur>
</filter>
<linearGradient x1="78.2262224%" y1="24.9293251%" x2="50%" y2="123.255884%" id="linearGradient-14">
<stop stop-color="#5640A6" offset="0%"></stop>
<stop stop-color="#311793" offset="100%"></stop>
</linearGradient>
<path d="M4.00405319,43.3626991 C2.10004146,34.6822469 -0.764213708,28.2253388 2.10004146,16.50728 C4.96429662,4.78922132 37.9203107,-1.85217394 42.0782419,1.90096147 C46.2363242,5.65402659 45.5596345,7.66286276 62.0315956,16.4111359 C78.5035568,25.1593388 125.717667,35.3343122 135.823424,46.6829048 C145.929181,58.031427 147.810219,65.5350272 126.806991,65.5350272 L61.8394865,65.5350272 C50.179474,61.3086208 46.2576361,59.0324365 39.7210884,55.1201854 C38.3879628,60.0224119 39.7210884,64.1968807 39.7210884,64.1968807 L11.7422277,64.1968807 C11.7422277,64.1968807 5.90791377,52.043081 4.00405319,43.3626991 Z" id="path-15"></path>
<path d="M17.3039278,73.2095411 C11.1044075,67.3568399 5.34318273,63.7837206 1.28920291,52.9535115 C-2.76463153,42.1231195 19.8156595,19.0956291 25.1438221,19.8285087 C30.47213,20.5614797 31.019745,22.5181116 48.8225415,20.5719977 C66.6256287,18.6258838 98.4688573,-3.0270345 112.621516,0.519012264 C126.774176,4.06524195 139.478787,4.13758785 122.802331,15.4590356 C114.964181,20.7803466 84.6179898,53.2106093 75.1987776,59.6054017 C63.6585928,62.5411271 59.3153234,62.8512724 52.0124321,63.274464 C53.6013445,67.8778036 56.9142195,70.4675308 56.9142195,70.4675308 L34.6991021,85.5490448 C34.6991021,85.5490448 23.5034481,79.0622423 17.3039278,73.2095411 Z" id="path-17"></path>
<linearGradient x1="87.5676604%" y1="16.2692604%" x2="57.9084106%" y2="80.0144172%" id="linearGradient-19">
<stop stop-color="#F5F8FF" offset="0%"></stop>
<stop stop-color="#FFFFFF" offset="100%"></stop>
</linearGradient>
<path d="M295.627195,188.906775 C338.893679,165.867538 363.548498,98.6108976 381.418624,79.6995968 C399.28887,60.7882961 407.179736,96.9697658 404.22561,107.621786 C401.271485,118.273806 379.493171,189.86946 334.032874,247.69124 C334.032874,285.465219 290.037365,219.215797 295.627195,188.906775 Z" id="path-20"></path>
<filter x="-5.9%" y="-3.5%" width="111.9%" height="107.0%" filterUnits="objectBoundingBox" id="filter-21">
<feGaussianBlur stdDeviation="6" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="0" dy="1" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.898039216 0 0 0 0 0.941176471 0 0 0 0 1 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<linearGradient x1="0%" y1="100%" x2="62.3886698%" y2="0%" id="linearGradient-22">
<stop stop-color="#7B6ABA" offset="0%"></stop>
<stop stop-color="#B4AAD7" offset="100%"></stop>
</linearGradient>
<linearGradient x1="51.1067829%" y1="56.1417042%" x2="86.1217409%" y2="30.0186078%" id="linearGradient-23">
<stop stop-color="#7B6ABA" offset="0%"></stop>
<stop stop-color="#B4AAD7" offset="100%"></stop>
</linearGradient>
<path d="M7.7535465,79.467341 C20.3549118,62.4662802 51.2064486,27.0038408 117.619689,14.0853099 C184.032536,1.16677905 245.029459,-10.8958645 356.98879,22.4099371 C366.206635,130.511947 376.71047,239.351992 387.311011,261.393861 C379.225217,271.233065 350.015706,278.750813 332.879823,278.750813 C326.663018,254.412575 307.182906,195.776709 297.286936,166.773973 C287.390572,137.770945 283.881531,101.768836 285.793544,89.0746323 C252.053857,98.6603369 182.940746,127.79697 158.709811,136.428188 C134.478481,145.059698 51.3402579,172.423588 23.8217181,150.393387 C-3.69721644,128.363477 -4.8482135,96.4684019 7.7535465,79.467341 Z" id="path-24"></path>
<filter x="-5.7%" y="-7.9%" width="111.4%" height="115.8%" filterUnits="objectBoundingBox" id="filter-26">
<feGaussianBlur stdDeviation="14" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="16" dy="4" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.705882353 0 0 0 0 0.666666667 0 0 0 0 0.843137255 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<linearGradient x1="50%" y1="100%" x2="100%" y2="39.0738882%" id="linearGradient-27">
<stop stop-color="#7B6ABA" offset="0%"></stop>
<stop stop-color="#B4AAD7" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="16.3760257%" x2="50%" y2="76.5597425%" id="linearGradient-28">
<stop stop-color="#5640A6" offset="0%"></stop>
<stop stop-color="#B4AAD7" offset="100%"></stop>
</linearGradient>
<path d="M11.4223686,53.8418888 C8.08207902,37.0881009 1.63832081,7.72152756 0.351925921,1.44674201 C-0.934550799,-4.82804355 61.3875173,16.8463441 61.3875173,16.8463441 L69.2244608,57.9250687 L78.1947738,127.398027 C78.1947738,127.398027 14.7628219,70.5956768 11.4223686,53.8418888 Z" id="path-29"></path>
<linearGradient x1="76.2362807%" y1="86.2362536%" x2="67.0850084%" y2="62.8012707%" id="linearGradient-31">
<stop stop-color="#EDE9F5" offset="0%"></stop>
<stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
</linearGradient>
<path d="M106.791661,0.248552894 C106.791661,0.248552894 130.455304,4.0999216 132.085393,7.06050714 C147.473687,18.2378157 162.279077,51.5031174 168.600677,68.736671 C174.922277,85.9702246 187.044634,103.767565 197.972378,117.605008 C208.899861,131.442451 214.141806,134.297326 228.459872,144.53546 C242.777938,154.773593 248.037427,162.896352 239.934383,170.528851 C231.831339,178.161585 185.169967,175.197711 151.953091,216.701112 C122.935164,228.597484 122.971039,232.948039 114.349248,207.242414 C105.727718,181.536789 34.8349865,117.264856 23.3363838,108.205507 C11.8375192,99.1461575 16.2797386,90.4415239 13.3814549,62.693581 C10.4831712,34.9458731 -10.4235934,12.4472553 7.16119555,12.4472553 C21.0191709,17.6056698 34.5183959,7.06050714 40.6113906,7.06050714 C62.8107039,12.5874973 67.8656793,34.4368205 77.081373,29.8548781 C86.2970667,25.2729356 92.197855,25.2729356 92.197855,25.2729356 C94.3480002,29.635471 95.0395766,37.1075257 97.1897218,41.4700611 C99.3401289,45.8325965 108.336906,54.582568 112.335009,62.693581 L105.267103,39.090176 L107.238921,24.9769475 L106.791661,0.248552894 Z" id="path-32"></path>
<linearGradient x1="51.1067829%" y1="56.1417042%" x2="86.1217409%" y2="30.0186078%" id="linearGradient-34">
<stop stop-color="#B4AAD7" offset="0%"></stop>
<stop stop-color="#EDE9F5" offset="100%"></stop>
</linearGradient>
<linearGradient x1="121.686655%" y1="39.4293622%" x2="50%" y2="77.1316441%" id="linearGradient-35">
<stop stop-color="#EDE9F5" offset="0%"></stop>
<stop stop-color="#CFC7EA" offset="70.2334718%"></stop>
<stop stop-color="#B4AAD7" offset="100%"></stop>
</linearGradient>
<path d="M54.1259962,47.7073389 C70.9829679,54.5326244 125.574396,27.3648534 142.898063,29.7775086 C158.822482,31.9954812 138.61673,7.09131425 132.636467,2.68432188 C126.656204,-1.72255303 7.0832687,0.274720504 0.80700754,9.47231519 C-5.46908611,18.6699686 40.1464189,42.0469192 54.1259962,47.7073389 Z" id="path-36"></path>
<linearGradient x1="110.009435%" y1="19.1840632%" x2="13.8996672%" y2="50%" id="linearGradient-38">
<stop stop-color="#F94A8A" offset="0%"></stop>
<stop stop-color="#E12B6E" offset="100%"></stop>
</linearGradient>
<path d="M218.351692,115.217332 C218.351692,115.217332 210.215457,102.854962 216.504964,90.5938587 C222.79447,78.3327556 255.998253,94.6865293 282.88845,64.4565843 C309.778505,34.2264534 285.885306,-6.56907035 258.240516,1.38735189 C230.595584,9.34377412 237.374521,23.5952834 242.386093,34.2264534 C247.39738,44.8576234 221.612427,48.8505136 203.173211,56.3340471 C184.733994,63.8177664 169.683178,83.9540924 172.932372,115.217332 C176.181565,146.480571 205.18408,172.078251 214.414588,176.788185 C211.730627,158.313194 211.611226,149.824796 211.611226,144.67932 C201.023135,149.571535 188.690618,125.309836 195.870789,118.927046 C209.587105,106.73395 216.504964,134.505803 216.504964,134.505803 C216.504964,134.505803 218.351692,130.551561 221.612427,126.803941 C220.370113,120.115307 218.351692,115.217332 218.351692,115.217332 Z" id="path-39"></path>
<filter x="-12.7%" y="-8.8%" width="125.4%" height="117.6%" filterUnits="objectBoundingBox" id="filter-40">
<feGaussianBlur stdDeviation="9" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="13" dy="12" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13988904 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<linearGradient x1="23.861433%" y1="57.5324188%" x2="50%" y2="33.7873003%" id="linearGradient-41">
<stop stop-color="#EDE9F5" offset="0%"></stop>
<stop stop-color="#EDE9F5" offset="100%"></stop>
</linearGradient>
<path d="M162.493394,192.288531 C134.019625,176.63564 77.1415596,132.134898 62.1918016,135.766973 C47.2422063,139.399049 51.1218056,146.14626 51.1218056,161.622338 C51.1218056,177.098581 129.252331,229.361645 141.282098,255.222113 C146.43174,266.292189 159.624818,293.637458 183.240831,289.181737 C206.856681,284.726016 199.692642,261.259438 194.602875,242.331555 C188.620043,220.082419 180.027003,201.92731 162.493394,192.288531 Z" id="path-42"></path>
<filter x="-10.1%" y="-9.7%" width="120.1%" height="119.5%" filterUnits="objectBoundingBox" id="filter-43">
<feGaussianBlur stdDeviation="6" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="18" dy="-8" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.929411765 0 0 0 0 0.91372549 0 0 0 0 0.960784314 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<path d="M182.408255,305.255012 C312.694417,386.669283 447.251019,395.566339 492.494172,323.160855 C546.828869,217.608904 360.519372,263.280276 230.233209,181.866005 C99.9464644,100.452132 103.166738,32.4947781 13.2985516,0.130422418 C-31.9440202,72.5363044 52.1215103,223.841138 182.408255,305.255012 Z" id="path-44"></path>
<path d="M-50.646727,202.478338 C17.355951,246.641031 95.2545331,247.376512 123.343996,204.121188 C151.433763,160.865863 119.07752,89.9995404 51.074842,45.836848 C-16.927836,1.67415564 -94.8264181,0.938425398 -122.916186,44.1939987 C-151.005648,87.4493236 -118.64971,158.315646 -50.646727,202.478338 Z" id="path-46"></path>
<filter x="-11.3%" y="-13.5%" width="122.6%" height="126.9%" filterUnits="objectBoundingBox" id="filter-47">
<feGaussianBlur stdDeviation="10.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="-27.5" dy="-39.3" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.705882353 0 0 0 0 0.666666667 0 0 0 0 0.843137255 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<path d="M187.922615,378.503665 C238.038252,355.133714 253.61836,282.473728 222.721315,216.213131 C191.824271,149.952533 126.150375,115.182903 76.0344918,138.552854 C25.9186092,161.922804 10.3387468,234.58279 41.2357917,300.843388 C72.1328365,367.103986 137.806732,401.873615 187.922615,378.503665 Z" id="path-48"></path>
<filter x="-10.8%" y="-9.0%" width="121.5%" height="118.0%" filterUnits="objectBoundingBox" id="filter-49">
<feGaussianBlur stdDeviation="10.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="-14.9" dy="-24.9" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.705882353 0 0 0 0 0.666666667 0 0 0 0 0.843137255 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<path d="M317.890666,490.182748 C368.006303,466.812797 383.586411,394.152812 352.689366,327.892214 C321.792322,261.631616 256.118426,226.861986 206.002543,250.231937 C155.88666,273.601887 140.306798,346.261873 171.203843,412.522471 C202.100888,478.783069 267.774784,513.552698 317.890666,490.182748 Z" id="path-50"></path>
<filter x="-10.8%" y="-9.0%" width="121.5%" height="118.0%" filterUnits="objectBoundingBox" id="filter-51">
<feGaussianBlur stdDeviation="10.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="-24.9" dy="-12.7" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.705882353 0 0 0 0 0.666666667 0 0 0 0 0.843137255 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<path d="M560.49745,527.730026 C610.613332,504.360075 626.193195,431.700089 595.296395,365.439492 C564.39935,299.178894 498.725209,264.409264 448.609572,287.779215 C398.493689,311.149165 382.913827,383.809151 413.810872,450.069749 C444.707916,516.330347 510.381812,551.099976 560.49745,527.730026 Z" id="path-52"></path>
<filter x="-7.9%" y="-6.6%" width="115.8%" height="113.2%" filterUnits="objectBoundingBox" id="filter-53">
<feGaussianBlur stdDeviation="10.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="-9.9" dy="12.6" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.705882353 0 0 0 0 0.666666667 0 0 0 0 0.843137255 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<path d="M388.833934,454.299677 C443.718672,461.038783 492.387509,432.488752 497.539116,390.531534 C502.690722,348.574317 462.373997,309.098051 407.489471,302.358944 C352.604945,295.619837 303.936107,324.169869 298.784713,366.126919 C293.633107,408.084136 333.94962,447.560402 388.833934,454.299677 Z" id="path-54"></path>
<filter x="-10.0%" y="-12.9%" width="119.9%" height="125.9%" filterUnits="objectBoundingBox" id="filter-55">
<feGaussianBlur stdDeviation="10.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="-18.8" dy="2.6" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.705882353 0 0 0 0 0.666666667 0 0 0 0 0.843137255 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<linearGradient x1="75.5386921%" y1="0%" x2="50%" y2="100%" id="linearGradient-56">
<stop stop-color="#FFFFFF" offset="0%"></stop>
<stop stop-color="#EDE9F5" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Illustration" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="StartUp" transform="translate(-215.000000, -4286.000000)">
<g id="Artwork" transform="translate(215.000000, 4286.000000)">
<g id="laptop" transform="translate(915.000000, 384.000000)">
<g id="table" opacity="0.62352808" transform="translate(124.168919, 159.941043)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<use id="Rectangle-3" fill="#A092D0" xlink:href="#path-1"></use>
<mask id="mask-4" fill="white">
<use xlink:href="#path-3"></use>
</mask>
<use id="Rectangle-2-copy" fill="#A092D0" xlink:href="#path-3"></use>
<mask id="mask-6" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<use id="Rectangle-2" fill="#A092D0" xlink:href="#path-5"></use>
</g>
<polygon id="front" fill="#B4AAD7" points="80.8411739 140.666641 109.135983 0.927463662 272.445988 3.81858736 244.523719 140.666641"></polygon>
<polygon id="bottom" fill="#B4AAD7" points="0.925769071 132.811437 255.092067 132.811437 255.092067 141.630366 8.6283312 141.630366"></polygon>
<g id="back" transform="translate(89.506757, 0.000000)">
<mask id="mask-9" fill="white">
<use xlink:href="#path-8"></use>
</mask>
<use id="Shape-9" fill="url(#linearGradient-7)" xlink:href="#path-8"></use>
<path d="M98.2094441,57.7868404 C106.185901,57.7868404 112.652061,63.1802118 112.652061,69.8333102 C112.652061,76.4864086 106.185901,81.879834 98.2094441,81.879834 C90.2330826,81.879834 83.7669227,76.4864086 83.7669227,69.8333102 C83.7669227,63.1802118 90.2330826,57.7868404 98.2094441,57.7868404 Z" id="Ellipse-5" fill="#B4AAD7" mask="url(#mask-9)"></path>
</g>
</g>
<g id="message" transform="translate(833.000000, 118.000000)">
<g id="rocket">
<g id="Group-7">
<polygon id="Shape-5" fill="url(#linearGradient-10)" points="0.971974 66.588645 20.983268 40.339047 85.84713 81.095019 36.164094 23.760365 60.315702 0.96465 121.039372 108.03535"></polygon>
<polygon id="Shape-6" fill="#DADA06" points="20.2932571 41.0298157 35.474159 38.9574604 88.6073512 83.1673752"></polygon>
<polygon id="Shape-7" fill="#D5D507" points="34.7841318 38.9574247 36.8541788 23.7603283 87.2273122 81.7857491"></polygon>
</g>
</g>
</g>
<g id="Person">
<path d="M164.089593,604.097922 C285.92073,662.542865 464.798296,654.823139 545.037787,496.217337 C598.047976,394.164719 484.945462,271.96384 360.710277,186.991953 C249.207285,110.729133 150.031499,93.4350939 91.8402222,136.369101 C85.1950607,141.271776 73.3837847,140.308168 68.0182405,146.979078 C-79.6822664,315.574945 42.2591359,545.652407 164.089593,604.097922 Z" id="chair" fill="url(#radialGradient-11)"></path>
<path d="M239.345129,458.071637 C369.631579,539.485917 504.188158,548.382814 549.431044,475.977478 C591.409743,397.751355 489.569011,256.274312 359.282561,174.860032 C228.996111,93.4462233 115.478951,80.5415329 70.2354954,152.94734 C24.9931778,225.352676 109.058679,376.657828 239.345129,458.071637 Z" id="cushion" fill="url(#radialGradient-12)"></path>
<path d="M268.78836,400.956512 C327.205524,437.481892 387.537307,441.47336 407.823079,408.989718 C426.64527,373.89466 380.98245,310.422962 322.565285,273.897583 C264.14812,237.372415 213.249883,231.582906 192.963857,264.066759 C172.67834,296.550402 210.371195,364.431344 268.78836,400.956512 Z" id="shadow" fill="#94B0D7" filter="url(#filter-13)"></path>
<g id="shoe" transform="translate(640.156550, 595.756447)">
<mask id="mask-16" fill="white">
<use xlink:href="#path-15"></use>
</mask>
<use id="Path-17" fill="url(#linearGradient-14)" xlink:href="#path-15"></use>
<path d="M4.07438743,57.6183138 C10.1020976,42.0870263 33.5945278,13.1115189 40.4011624,3.68183696 C44.9389187,-2.60461768 29.9043591,1.09992201 -4.70251657,14.795456 C-2.86972066,53.6982196 0.0559140052,67.9725055 4.07438743,57.6183138 Z" id="Path-21" fill="#3D82F0" style="mix-blend-mode: multiply;" opacity="0.200000003" mask="url(#mask-16)"></path>
</g>
<g id="shoe" transform="translate(681.628328, 330.074499)">
<mask id="mask-18" fill="white">
<use xlink:href="#path-17"></use>
</mask>
<use id="Path-17-Copy" fill="url(#linearGradient-14)" xlink:href="#path-17"></use>
<path d="M26.4768595,83.2628267 C17.1500804,63.9393405 26.7565233,20.3425332 22.5022349,16.4818273 C19.6660426,13.9080233 11.3134865,24.3078603 -2.5554333,47.6813383 C-9.15184812,54.2247026 -7.15018576,62.3881846 3.44955379,72.1717843 C19.3491631,86.8471838 35.8036385,102.586313 26.4768595,83.2628267 Z" id="Path-19" fill="#617FC8" style="mix-blend-mode: multiply;" opacity="0.200000003" mask="url(#mask-18)"></path>
</g>
<g id="sleeve">
<use fill="url(#linearGradient-19)" fill-rule="evenodd" xlink:href="#path-20"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-21)" xlink:href="#path-20"></use>
</g>
<path d="M277.118998,112.591394 C277.118998,112.591394 379.673163,72.0324812 393.537208,74.7138671 C407.40112,77.3951741 365.964615,124.657512 357.486649,128.471135 C349.008683,132.284916 337.4858,141.588966 324.734995,141.920379 C311.984189,142.25195 282.675028,148.565069 282.675028,148.565069 L277.118998,112.591394 Z" id="arm" fill="url(#linearGradient-22)"></path>
<g id="leg" transform="translate(294.686901, 337.111748)">
<mask id="mask-25" fill="white">
<use xlink:href="#path-24"></use>
</mask>
<g id="Path-7">
<use fill="url(#linearGradient-23)" fill-rule="evenodd" xlink:href="#path-24"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-26)" xlink:href="#path-24"></use>
</g>
<path d="M236.671156,108.800007 C236.671156,93.7353609 274.816424,14.2268459 285.030845,5.7268689 C291.840458,0.0602175617 285.133884,-2.35179575 264.911121,-1.50917104 C218.8415,46.3086312 192.781804,83.0783573 186.732033,108.800007 C177.657376,147.382483 236.671156,123.864654 236.671156,108.800007 Z" id="Path" fill="url(#linearGradient-27)" style="mix-blend-mode: multiply;" opacity="0.300000012" mask="url(#mask-25)"></path>
</g>
<g id="neck" transform="translate(207.892439, 144.338109)">
<mask id="mask-30" fill="white">
<use xlink:href="#path-29"></use>
</mask>
<use id="Path-4" fill="url(#linearGradient-28)" xlink:href="#path-29"></use>
<path d="M3.75252576,3.19261919 C3.75252576,9.49979504 27.4019056,36.4712707 40.1780516,43.8650255 C48.6954824,48.7941954 60.6269618,51.0303993 75.9724899,50.5736373 L72.4658045,14.2533367 L3.75252576,-3.09723455 C3.75252576,-3.10878263 3.75252576,-1.01216472 3.75252576,3.19261919 Z" id="Path-22" fill="#7B6ABA" style="mix-blend-mode: multiply;" opacity="0.200000003" mask="url(#mask-30)"></path>
</g>
<g id="shirt" transform="translate(166.867945, 183.624642)">
<mask id="mask-33" fill="white">
<use xlink:href="#path-32"></use>
</mask>
<g id="Path-9">
<use fill="#FFFFFF" xlink:href="#path-32"></use>
<use fill="url(#linearGradient-31)" xlink:href="#path-32"></use>
</g>
<path d="M184.553762,152.681508 L211.77104,183.787792 L211.423449,177.952649 C211.179618,173.859342 204.75684,167.850714 191.902926,158.127438 C190.688233,157.208589 189.413525,156.255784 188.054304,155.249663 C187.253016,154.656536 185.990527,153.731299 184.553762,152.681508 Z M99.6210546,49.5385253 L210.932159,176.754586 L207.430527,178.190501 C207.297716,175.960941 200.749107,169.834595 189.489789,161.317542 C188.286774,160.407528 187.023058,159.462939 185.674479,158.464696 C182.668993,156.239982 173.09082,149.282006 172.33268,148.725579 C167.710455,145.333156 165.104454,143.300899 163.735033,141.946123 C153.679883,131.998704 140.705541,118.694792 136.656417,113.894076 C132.582214,109.063321 110.344785,71.0409669 106.551066,63.434078 L99.6210546,49.5385253 Z" id="Shape-1" stroke="#DDD5F8" stroke-width="4" fill-opacity="0" fill="#000000" opacity="0.6" mask="url(#mask-33)"></path>
<path d="M79.3666414,55.0156714 C86.3714114,42.2764446 91.9133227,35.9068312 95.9923752,35.9068312 C100.071428,35.9068312 99.3574044,29.7127956 93.850305,17.3247243 L74.7714639,31.7531304 L79.3666414,55.0156714 Z" id="Path-23" fill="#CCDFFD" opacity="0.300000012" mask="url(#mask-33)"></path>
</g>
<path d="M404.144321,343.649906 C439.019466,311.636673 538.843848,249.678365 595.770779,240.216937 C628.382083,245.641613 713.249169,337.627607 713.249169,337.627607 C709.422386,341.660062 699.335615,377.41422 683.404461,388.653234 C643.281416,355.345432 601.449495,339.792941 590.216621,322.570548 C576.20564,331.100327 540.189326,356.00943 519.473153,392.60427 C498.75739,429.19911 485.014436,470.890807 461.406286,471.934436 C437.798135,472.978066 404.505253,475.674407 373.836733,455.941429 C356.025279,444.480606 304.745412,418.934963 329.657932,402.196779 C343.935295,392.60427 389.523703,357.070489 404.144321,343.649906 Z" id="leg" fill="url(#linearGradient-34)"></path>
<path d="M268.202361,76.4722042 C270.564565,82.4337155 283.524895,108.597343 284.773304,115.118974 C286.021598,121.640834 298.355375,165.143312 291.008244,171.842408 C283.660998,178.541733 261.629341,181.933613 255.47242,179.78834 C249.315384,177.643181 236.079068,176.268946 230.923325,167.220647 C226.960999,160.266524 214.372201,144.123643 211.070111,145.047972 C209.863747,147.527324 205.658889,150.176464 203.553309,148.474452 C194.455519,141.120489 186.657004,133.155997 190.358809,115.118974 C194.060615,97.0820658 207.039161,88.1830481 220.954386,82.3276261 C234.869611,76.4722042 265.840043,70.5108075 268.202361,76.4722042 Z" id="face" fill="url(#linearGradient-35)"></path>
<g id="arm" transform="translate(55.005325, 128.822350)">
<mask id="mask-37" fill="white">
<use xlink:href="#path-36"></use>
</mask>
<use id="Path-13" fill="url(#linearGradient-22)" xlink:href="#path-36"></use>
<path d="M20.9357307,10.3300824 C24.4799379,11.6197539 96.3756542,42.9506507 114.163568,38.6108732 C126.022177,35.7176882 111.24641,41.1863916 69.8362671,55.0169834 C34.8731047,24.365935 18.5729259,9.47030132 20.9357307,10.3300824 Z" id="Path-24" fill="#6B84C2" opacity="0.5" mask="url(#mask-37)"></path>
</g>
<g id="hair">
<use fill="url(#linearGradient-38)" fill-rule="evenodd" xlink:href="#path-39"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-40)" xlink:href="#path-39"></use>
</g>
<path d="M274.234685,207.940985 C282.653168,210.931751 284.265888,226.481456 285.711095,230.86679 C287.156185,235.252062 279.643801,196.495261 279.643801,196.495261 C277.000482,200.141352 271.345408,175.390562 272.408605,179.02057 C275.267478,188.780922 272.87235,199.837156 274.234685,207.940985 Z" id="colar" fill="#BCB3DB"></path>
<path d="M246.76616,247.121974 C246.76616,233.347247 252.241792,215.285727 259.002167,208.841852 C249.198128,209.44692 220.358033,192.215449 217.279578,182.610151 C214.201178,173.004774 213.629157,171.632199 213.629157,171.632199 C213.629157,171.632199 207.692242,183.120002 207.692242,190.406014 C211.893009,206.213207 230.634549,233.653953 246.76616,247.121974 Z" id="colar" fill="url(#linearGradient-41)"></path>
<g id="sleeve">
<use fill="url(#linearGradient-19)" fill-rule="evenodd" xlink:href="#path-42"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-43)" xlink:href="#path-42"></use>
</g>
<g id="glasses" transform="translate(209.780618, 89.386819)">
<path d="M28.8986199,27.7861347 C28.127882,27.5810762 27.6693041,26.790021 27.8743575,26.0192636 C28.0794108,25.2485062 28.8704459,24.7899167 29.6411838,24.9949752 C34.4653926,26.2784794 39.9874598,25.1488274 42.7475031,22.1358748 C43.2862396,21.5477725 44.1997108,21.5077648 44.7877981,22.0465149 C45.3758855,22.5852651 45.4158922,23.4987595 44.8771557,24.0868617 C41.3207173,27.9691851 34.6871839,29.3262102 28.8986199,27.7861347 Z" id="Path-18" fill="#270D4F" fill-rule="nonzero"></path>
<path d="M68.8273592,17.1804123 C68.0651566,16.9456065 67.6376122,16.1373558 67.8724121,15.3751339 C68.1072119,14.612912 68.9154421,14.1853568 69.6776447,14.4201626 C73.7244764,15.6668385 78.3483291,14.571586 80.679347,11.6250962 C81.1741841,10.9996046 82.0823771,10.8936982 82.707853,11.3885478 C83.3333288,11.8833975 83.4392324,12.7916135 82.9443954,13.4171052 C79.820453,17.3658797 73.9461652,18.757323 68.8273592,17.1804123 Z" id="Path-18-Copy" fill="#270D4F" fill-rule="nonzero"></path>
<polygon id="Path-14" stroke="#270D4F" stroke-width="4" fill-opacity="0" fill="#000000" points="18.2544375 18.5818514 23.6081007 42.2255726 53.4306968 35.0676972 48.9381268 10.4412222"></polygon>
<polygon id="Path-14-Copy" stroke="#270D4F" stroke-width="4" fill-opacity="0" fill="#000000" points="61.8361716 6.50014441 66.6928871 30.6589873 89.0234084 24.2547695 84.9477143 0.0778269341"></polygon>
<polygon id="Path-15" fill="#270D4F" points="17.6532794 21.5563314 0.0696611289 26.3700503 3.00949031 32.2388304 22.0134909 36.7253373"></polygon>
<polygon id="Path-16" fill="#270D4F" points="49.926557 17.8971835 63.343336 13.7638906 64.8197586 20.8477372 50.889291 24.7318664"></polygon>
</g>
<g id="cushion" transform="translate(56.937167, 152.816619)">
<g id="Mask-by-Oval">
<g id="Oval-3-+-Oval-3-Copy-+-Oval-3-Copy-2-+-Oval-3-Copy-4-+-Oval-3-Copy-3-Mask">
<mask id="mask-45" fill="white">
<use xlink:href="#path-44"></use>
</mask>
<use id="Mask" fill-opacity="0" fill="#000000" xlink:href="#path-44"></use>
<g id="Oval-3" mask="url(#mask-45)">
<use fill="#EDE9F5" fill-rule="evenodd" xlink:href="#path-46"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-47)" xlink:href="#path-46"></use>
</g>
<g id="Oval-3-Copy" mask="url(#mask-45)">
<use fill="#EDE9F5" fill-rule="evenodd" xlink:href="#path-48"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-49)" xlink:href="#path-48"></use>
</g>
<g id="Oval-3-Copy-2" mask="url(#mask-45)">
<use fill="#EDE9F5" fill-rule="evenodd" xlink:href="#path-50"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-51)" xlink:href="#path-50"></use>
</g>
<g id="Oval-3-Copy-4" mask="url(#mask-45)">
<use fill="#EDE9F5" fill-rule="evenodd" xlink:href="#path-52"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-53)" xlink:href="#path-52"></use>
</g>
<g id="Oval-3-Copy-3" mask="url(#mask-45)">
<use fill="#EDE9F5" fill-rule="evenodd" xlink:href="#path-54"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-55)" xlink:href="#path-54"></use>
</g>
</g>
</g>
</g>
<path d="M294.759732,251.509104 C294.759732,251.509104 317.546124,247.200159 320.278711,244.135497 C323.01139,241.070834 338.443461,276.478293 338.443461,276.478293 L330.950185,284.984756 L313.089456,284.984756 L294.759732,251.509104 Z" id="pocket" fill="url(#linearGradient-56)"></path>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

416
src/images/contact-web-consultancy.svg
View File

@@ -1,416 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1344px" height="1250px" viewBox="0 0 1344 1250" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch -->
<title>Group 13</title>
<desc>Created with Sketch.</desc>
<defs>
<linearGradient x1="31.669258%" y1="-9.21335019%" x2="100%" y2="50%" id="linearGradient-1">
<stop stop-color="#CFDDF3" offset="0%"></stop>
<stop stop-color="#A99DD1" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
<stop stop-color="#CFDDF3" offset="0%"></stop>
<stop stop-color="#A1B8E3" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
<stop stop-color="#7361B5" offset="0%"></stop>
<stop stop-color="#998CC9" offset="100%"></stop>
</linearGradient>
<linearGradient x1="227.604499%" y1="-30.2653238%" x2="50%" y2="100%" id="linearGradient-4">
<stop stop-color="#7564B7" offset="0%"></stop>
<stop stop-color="#A599CF" offset="100%"></stop>
</linearGradient>
<linearGradient x1="12.0299736%" y1="-13.8706909%" x2="20.148299%" y2="104.636122%" id="linearGradient-5">
<stop stop-color="#D5C8EE" offset="0%"></stop>
<stop stop-color="#EDE9F5" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="100%" x2="50%" y2="-97.5239132%" id="linearGradient-6">
<stop stop-color="#E8E5F0" offset="0%"></stop>
<stop stop-color="#EDE9F5" offset="100%"></stop>
</linearGradient>
<filter x="-55.4%" y="-890.1%" width="210.9%" height="1880.2%" filterUnits="objectBoundingBox" id="filter-7">
<feGaussianBlur stdDeviation="31.1272321 0" in="SourceGraphic"></feGaussianBlur>
</filter>
<linearGradient x1="31.669258%" y1="-9.21335019%" x2="100%" y2="50%" id="linearGradient-8">
<stop stop-color="#B4AAD7" offset="0%"></stop>
<stop stop-color="#7B6ABA" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-9">
<stop stop-color="#988AC8" offset="0%"></stop>
<stop stop-color="#9C8FCA" offset="100%"></stop>
</linearGradient>
<linearGradient x1="14.1325428%" y1="70.6914536%" x2="44.9198573%" y2="-9.07848244%" id="linearGradient-10">
<stop stop-color="#E9E5F1" offset="0%"></stop>
<stop stop-color="#7B6ABA" offset="100%"></stop>
</linearGradient>
<polygon id="path-11" points="0.713249585 0.684912736 15.6909945 0.684912736 15.6909945 204.809458 0.713249585 204.809458"></polygon>
<polygon id="path-13" points="-49.2126608 204.744385 65.6168107 204.744385 65.6168107 220.493935 -49.2126608 220.493935"></polygon>
<polygon id="path-15" points="-91.2930533 -14.9995936 108.410381 -14.9995936 108.410381 0.749966704 -91.2930533 0.749966704"></polygon>
<linearGradient x1="93.3958167%" y1="100%" x2="36.8840443%" y2="31.7424823%" id="linearGradient-17">
<stop stop-color="#7B6ABA" offset="0%"></stop>
<stop stop-color="#EDE9F5" offset="100%"></stop>
</linearGradient>
<polygon id="path-18" points="0.71329951 110.142439 21.6727217 0.645524953 142.645351 2.89543781 122.674982 110.142439"></polygon>
<linearGradient x1="0%" y1="71.6702355%" x2="104.617679%" y2="57.107133%" id="linearGradient-20">
<stop stop-color="#DADA06" offset="0%"></stop>
<stop stop-color="#FFFF0A" offset="100%"></stop>
</linearGradient>
<radialGradient cx="42.0546178%" cy="45.5410746%" fx="42.0546178%" fy="45.5410746%" r="40.4677447%" gradientTransform="translate(0.420546,0.455411),scale(0.987340,1.000000),rotate(-70.820668),scale(1.000000,1.538504),translate(-0.420546,-0.455411)" id="radialGradient-21">
<stop stop-color="#8448F7" offset="0%"></stop>
<stop stop-color="#311793" offset="100%"></stop>
</radialGradient>
<filter x="-66.3%" y="-75.2%" width="232.6%" height="250.5%" filterUnits="objectBoundingBox" id="filter-22">
<feGaussianBlur stdDeviation="36.78125" in="SourceGraphic"></feGaussianBlur>
</filter>
<linearGradient x1="78.2262224%" y1="24.9293251%" x2="50%" y2="123.255884%" id="linearGradient-23">
<stop stop-color="#5640A6" offset="0%"></stop>
<stop stop-color="#311793" offset="100%"></stop>
</linearGradient>
<path d="M2.74141755,33.5530184 C1.3308483,26.7909764 -0.791108296,21.7610675 1.3308483,12.6327406 C3.4528049,3.50441366 27.8679591,-1.66921011 30.9483235,1.2544693 C34.0287998,4.17809395 33.5274805,5.74297033 45.7305786,12.5578446 C57.9336767,19.3726642 92.9118077,27.298933 100.398563,36.1394471 C107.885319,44.9799064 109.278868,50.8251848 93.718823,50.8251848 L45.5882563,50.8251848 C36.9500454,47.532829 34.0445885,45.7596893 29.2020484,42.7120593 C28.2144147,46.5308767 29.2020484,49.7827733 29.2020484,49.7827733 L8.47417164,49.7827733 C8.47417164,49.7827733 4.15187482,40.3150057 2.74141755,33.5530184 Z" id="path-24"></path>
<path d="M12.3695573,57.5826009 C7.77670075,53.023367 3.50855139,50.2399195 0.505198434,41.8032244 C-2.49804683,33.3663868 14.2303502,15.428052 18.1776695,15.9989626 C22.1250965,16.5699445 22.530792,18.094154 35.7198269,16.578138 C48.9090772,15.062122 72.4998347,-1.80542587 82.9846996,0.956932198 C93.4695645,3.71943277 102.881657,3.77578997 90.5270605,12.5951584 C84.7202407,16.740441 62.2385493,42.0035027 55.2604143,46.9850237 C46.7109765,49.2719436 43.493306,49.5135457 38.0830274,49.8432104 C39.2601583,53.4291959 41.7144707,55.4465844 41.7144707,55.4465844 L25.2566091,67.1950313 C25.2566091,67.1950313 16.9624138,62.1418347 12.3695573,57.5826009 Z" id="path-26"></path>
<linearGradient x1="87.5676604%" y1="16.2692604%" x2="57.9084106%" y2="80.0144172%" id="linearGradient-28">
<stop stop-color="#F5F8FF" offset="0%"></stop>
<stop stop-color="#FFFFFF" offset="100%"></stop>
</linearGradient>
<path d="M219.288713,147.408512 C251.342283,129.461027 269.607575,77.0683383 282.84649,62.3365009 C296.085494,47.6046635 301.931368,75.7899024 299.742832,84.087789 C297.554295,92.3856757 281.420036,148.158441 247.741201,193.201406 C247.741201,222.627204 215.147541,171.019134 219.288713,147.408512 Z" id="path-29"></path>
<filter x="-8.0%" y="-4.5%" width="116.0%" height="109.0%" filterUnits="objectBoundingBox" id="filter-30">
<feGaussianBlur stdDeviation="6" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="0" dy="1" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.898039216 0 0 0 0 0.941176471 0 0 0 0 1 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<linearGradient x1="0%" y1="100%" x2="62.3886698%" y2="0%" id="linearGradient-31">
<stop stop-color="#7B6ABA" offset="0%"></stop>
<stop stop-color="#B4AAD7" offset="100%"></stop>
</linearGradient>
<linearGradient x1="51.1067829%" y1="56.1417042%" x2="86.1217409%" y2="30.0186078%" id="linearGradient-32">
<stop stop-color="#7B6ABA" offset="0%"></stop>
<stop stop-color="#B4AAD7" offset="100%"></stop>
</linearGradient>
<path d="M5.92261356,61.8537437 C15.2582169,48.6099765 38.1142889,20.9848599 87.315916,10.9213693 C136.517251,0.857878766 181.70625,-8.53887855 264.650271,17.4062249 C271.479225,101.617314 279.260893,186.40333 287.114204,203.573869 C281.12392,211.238574 259.484327,217.094874 246.789369,217.094874 C242.183707,198.135471 227.752048,152.458336 220.420712,129.865306 C213.089083,107.272048 210.489443,79.2265303 211.90594,69.3377902 C186.910209,76.8050206 135.708409,99.502356 117.757147,106.226045 C99.8055936,112.949961 38.2134203,134.266336 17.8265679,117.104886 C-2.56057686,99.9436635 -3.41328224,75.0975109 5.92261356,61.8537437 Z" id="path-33"></path>
<filter x="-7.7%" y="-10.2%" width="115.3%" height="120.3%" filterUnits="objectBoundingBox" id="filter-35">
<feGaussianBlur stdDeviation="14" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="16" dy="4" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.705882353 0 0 0 0 0.666666667 0 0 0 0 0.843137255 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<linearGradient x1="50%" y1="100%" x2="100%" y2="39.0738882%" id="linearGradient-36">
<stop stop-color="#7B6ABA" offset="0%"></stop>
<stop stop-color="#B4AAD7" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="16.3760257%" x2="50%" y2="76.5597425%" id="linearGradient-37">
<stop stop-color="#5640A6" offset="0%"></stop>
<stop stop-color="#B4AAD7" offset="100%"></stop>
</linearGradient>
<path d="M8.23720704,42.3443519 C5.76258478,29.2932094 0.988786888,6.41675115 0.0357732891,1.52871506 C-0.917300934,-3.35932103 45.2534192,13.5249514 45.2534192,13.5249514 L51.0593454,45.5251347 L57.7049177,99.6443271 C57.7049177,99.6443271 10.7119506,55.3954943 8.23720704,42.3443519 Z" id="path-38"></path>
<linearGradient x1="76.2362807%" y1="86.2362536%" x2="67.0850084%" y2="62.8012707%" id="linearGradient-40">
<stop stop-color="#EDE9F5" offset="0%"></stop>
<stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
</linearGradient>
<path d="M79.4725442,0.118164151 C79.4725442,0.118164151 97.0035324,3.11836696 98.211168,5.42465277 C109.611442,14.1317372 120.579876,40.0452913 125.263174,53.4701695 C129.946472,66.8950477 138.927207,80.7591139 147.022924,91.5384336 C155.118447,102.317753 159.001893,104.541691 169.609298,112.517162 C180.216703,120.492632 184.113146,126.820233 178.110082,132.765923 C172.107018,138.711796 137.538377,136.402948 112.929966,168.733954 C91.4323071,178.001186 91.4588848,181.390253 85.0715112,161.365661 C78.6843316,141.341068 26.1641159,91.2734569 17.6454839,84.2162552 C9.12665777,77.1590535 12.4176344,70.3781743 10.2704681,48.7626235 C8.12330178,27.1472557 -7.36527892,9.62091081 5.66224722,9.62091081 C15.9287984,13.6392977 25.9295727,5.42465277 30.4435107,5.42465277 C46.889664,9.73015882 50.6345952,26.7507055 57.4619555,23.1813883 C64.2893158,19.6120711 68.6608595,19.6120711 68.6608595,19.6120711 C70.2537745,23.010471 70.7661223,28.8311755 72.3590373,32.2295754 C73.9521462,35.6279753 80.6173245,42.4441726 83.579281,48.7626235 L78.3430897,30.3756532 L79.8038922,19.3814974 L79.4725442,0.118164151 Z" id="path-41"></path>
<linearGradient x1="51.1067829%" y1="56.1417042%" x2="86.1217409%" y2="30.0186078%" id="linearGradient-43">
<stop stop-color="#B4AAD7" offset="0%"></stop>
<stop stop-color="#EDE9F5" offset="100%"></stop>
</linearGradient>
<linearGradient x1="121.686655%" y1="39.4293622%" x2="50%" y2="77.1316441%" id="linearGradient-44">
<stop stop-color="#EDE9F5" offset="0%"></stop>
<stop stop-color="#CFC7EA" offset="70.2334718%"></stop>
<stop stop-color="#B4AAD7" offset="100%"></stop>
</linearGradient>
<path d="M40.1647345,36.9374777 C52.6530641,42.2543513 93.0966118,21.0907524 105.930688,22.9702024 C117.728145,24.6979953 102.758903,5.29773603 98.328481,1.86470433 C93.898059,-1.56823587 5.31357068,-0.012366747 0.663861407,7.15252746 C-3.98572376,14.3174674 29.8080956,32.5280305 40.1647345,36.9374777 Z" id="path-45"></path>
<linearGradient x1="110.009435%" y1="19.1840632%" x2="13.8996672%" y2="50%" id="linearGradient-47">
<stop stop-color="#F94A8A" offset="0%"></stop>
<stop stop-color="#E12B6E" offset="100%"></stop>
</linearGradient>
<path d="M162.039881,90.0046927 C162.039881,90.0046927 156.012228,80.3744495 160.67175,70.8230929 C165.331272,61.2717364 189.929983,74.0112691 209.851334,50.4622472 C229.772579,26.9130807 212.071526,-4.86649021 191.591143,1.33153499 C171.110654,7.52956019 176.132766,18.6314363 179.845542,26.9130807 C183.558107,35.194725 164.455566,38.3051726 150.795046,44.1348191 C137.134525,49.9646104 125.984269,65.6507381 128.391403,90.0046927 C130.798538,114.358647 152.284779,134.29915 159.123115,137.968173 C157.134727,123.576219 157.04627,116.963786 157.04627,112.955479 C149.202182,116.766498 140.065753,97.8667183 145.385115,92.8945473 C155.546719,83.3961677 160.67175,105.030344 160.67175,105.030344 C160.67175,105.030344 162.039881,101.950004 164.455566,99.0306212 C163.53521,93.8201982 162.039881,90.0046927 162.039881,90.0046927 Z" id="path-48"></path>
<filter x="-17.1%" y="-11.3%" width="134.3%" height="122.6%" filterUnits="objectBoundingBox" id="filter-49">
<feGaussianBlur stdDeviation="9" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="13" dy="12" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13988904 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<linearGradient x1="23.861433%" y1="57.5324188%" x2="50%" y2="33.7873003%" id="linearGradient-50">
<stop stop-color="#EDE9F5" offset="0%"></stop>
<stop stop-color="#EDE9F5" offset="100%"></stop>
</linearGradient>
<path d="M120.657785,150.042889 C99.5632597,137.849341 57.4256779,103.183418 46.3502898,106.012792 C35.2750222,108.842166 38.1491869,114.09822 38.1491869,126.154031 C38.1491869,138.20997 96.0314542,178.922715 104.943595,199.06793 C108.758658,207.69148 118.532627,228.993349 136.028329,225.522358 C153.52391,222.051367 148.216499,203.770985 144.445792,189.02623 C140.013468,171.69423 133.647395,157.551464 120.657785,150.042889 Z" id="path-51"></path>
<filter x="-13.6%" y="-12.5%" width="127.2%" height="125.0%" filterUnits="objectBoundingBox" id="filter-52">
<feGaussianBlur stdDeviation="6" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="18" dy="-8" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.929411765 0 0 0 0 0.91372549 0 0 0 0 0.960784314 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<path d="M134.837067,237.717133 C231.358349,301.138566 331.043346,308.069343 364.561313,251.665722 C404.814664,169.441121 266.789019,205.01896 170.267736,141.597527 C73.746022,78.1764029 76.1317313,25.2378612 9.55372773,0.0261409219 C-23.9638076,56.4300707 38.3153529,174.296009 134.837067,237.717133 Z" id="path-53"></path>
<path d="M-37.8195327,157.654462 C12.5596141,192.057046 70.2700486,192.629984 91.0798637,158.934236 C111.889905,125.238489 87.9190852,70.0338707 37.5399385,35.6312872 C-12.8392083,1.22870373 -70.5496428,0.655572428 -91.359684,34.3515133 C-112.169499,68.0472607 -88.1989055,123.251879 -37.8195327,157.654462 Z" id="path-55"></path>
<filter x="-15.3%" y="-17.3%" width="130.5%" height="134.6%" filterUnits="objectBoundingBox" id="filter-56">
<feGaussianBlur stdDeviation="10.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="-27.5" dy="-39.3" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.705882353 0 0 0 0 0.666666667 0 0 0 0 0.843137255 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<path d="M138.922329,294.777578 C176.050029,276.572468 187.592406,219.970593 164.70262,168.353818 C141.812834,116.737043 93.1589432,89.6516225 56.0310612,107.856733 C18.9031791,126.061843 7.36098409,182.663718 30.2507702,234.280493 C53.1405564,285.897268 101.794447,312.982688 138.922329,294.777578 Z" id="path-57"></path>
<filter x="-14.5%" y="-11.6%" width="129.1%" height="123.2%" filterUnits="objectBoundingBox" id="filter-58">
<feGaussianBlur stdDeviation="10.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="-14.9" dy="-24.9" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.705882353 0 0 0 0 0.666666667 0 0 0 0 0.843137255 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<path d="M235.207942,381.775195 C272.335642,363.570085 283.878019,306.968209 260.988233,255.351434 C238.098446,203.734659 189.444556,176.649239 152.316674,194.854349 C115.188792,213.059459 103.646597,269.661335 126.536383,321.27811 C149.426169,372.894885 198.08006,399.980305 235.207942,381.775195 Z" id="path-59"></path>
<filter x="-14.5%" y="-11.6%" width="129.1%" height="123.2%" filterUnits="objectBoundingBox" id="filter-60">
<feGaussianBlur stdDeviation="10.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="-24.9" dy="-12.7" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.705882353 0 0 0 0 0.666666667 0 0 0 0 0.843137255 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<path d="M414.940904,411.024393 C452.068786,392.819283 463.610981,336.217408 440.721376,284.600633 C417.83159,232.983858 369.177518,205.898438 332.049818,224.103548 C294.921936,242.308658 283.379741,298.910533 306.269527,350.527308 C329.159313,402.144083 377.813203,429.229503 414.940904,411.024393 Z" id="path-61"></path>
<filter x="-10.6%" y="-8.5%" width="121.3%" height="116.9%" filterUnits="objectBoundingBox" id="filter-62">
<feGaussianBlur stdDeviation="10.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="-9.9" dy="12.6" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.705882353 0 0 0 0 0.666666667 0 0 0 0 0.843137255 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<path d="M287.765597,353.822408 C328.42644,359.072148 364.482293,336.831773 368.298812,304.147247 C372.115331,271.462721 342.247063,240.710847 301.586377,235.461106 C260.92569,230.211366 224.869837,252.451741 221.053475,285.136136 C217.236956,317.820662 247.105067,348.572536 287.765597,353.822408 Z" id="path-63"></path>
<filter x="-13.5%" y="-16.6%" width="126.9%" height="133.2%" filterUnits="objectBoundingBox" id="filter-64">
<feGaussianBlur stdDeviation="10.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="-18.8" dy="2.6" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.705882353 0 0 0 0 0.666666667 0 0 0 0 0.843137255 0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<linearGradient x1="75.5386921%" y1="0%" x2="50%" y2="100%" id="linearGradient-65">
<stop stop-color="#FFFFFF" offset="0%"></stop>
<stop stop-color="#EDE9F5" offset="100%"></stop>
</linearGradient>
<linearGradient x1="35.9218931%" y1="76.1029865%" x2="53.3233655%" y2="14.2075267%" id="linearGradient-66">
<stop stop-color="#ECF1FF" offset="0%"></stop>
<stop stop-color="#FFFFFF" offset="100%"></stop>
</linearGradient>
<path d="M768.074317,264.408013 C768.166862,226.829781 674.5892,231.625692 638.478513,233.832655 C602.367322,236.039903 600.938406,184.499537 632.255862,178.077052 C663.573821,171.654283 719.729572,177.809377 749.149854,171.900863 C778.570639,165.992348 743.025784,126.71029 782.932832,123.71142 C822.839377,120.71255 904.868519,128.162404 929.401012,128.198322 C967.934973,128.254765 985.943038,177.596435 918.445485,177.152021 C899.831853,177.029443 894.559802,220.027877 957.739925,210.641585 C997.38845,204.751315 1074.66359,207.614494 1090.05877,227.234001 C1098.89179,238.49088 1094.64981,267.634364 1078.21702,283.17404 C1066.00962,294.718263 1028.46901,295.587707 1013.6965,297.786973 C979.039376,302.946055 984.595602,338.155979 996.076724,345.811649 C1023.24474,363.928015 1100.62701,334.791088 1100.99971,381.622202 C1101.16418,402.316684 1031.68143,402.92729 1003.24947,401.557844 C933.516754,398.199224 887.451937,402.914177 885.127245,377.843113 C882.793499,352.673987 928.764262,371.40609 927.568217,340.529704 C926.943035,324.395101 931.381175,290.336834 901.4358,290.957418 C942.434277,290.107928 767.949079,315.161034 768.074317,264.408013 Z" id="path-67"></path>
<filter x="-4.0%" y="-7.0%" width="107.9%" height="114.0%" filterUnits="objectBoundingBox" id="filter-68">
<feGaussianBlur stdDeviation="12.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="0" dy="-14" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.788056219 0 0 0 0 0.827193393 0 0 0 0 0.897640306 0 0 0 0.337126359 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
<path d="M1191.47681,47.1360045 C1191.50753,34.6099269 1160.44204,36.2085639 1148.45417,36.9442182 C1136.46614,37.6799675 1135.99177,20.4998455 1146.3884,18.3590174 C1156.7852,16.2180943 1175.42754,18.2697925 1185.19435,16.3002876 C1194.96133,14.3307827 1183.16131,1.23676333 1196.40947,0.237140078 C1209.65747,-0.762483178 1236.88914,1.72080144 1245.03333,1.73277411 C1257.82566,1.75158831 1263.8039,18.1988116 1241.39636,18.0506735 C1235.21709,18.0098144 1233.4669,32.3426255 1254.44116,29.2138617 C1267.6035,27.2504382 1293.25696,28.2048314 1298.36778,34.744667 C1301.30013,38.49696 1299.89189,48.2114546 1294.43661,53.3913465 C1290.38405,57.2394209 1277.92148,57.5292357 1273.01737,58.2623244 C1261.51205,59.9820185 1263.35658,71.7186597 1267.16804,74.2705497 C1276.18715,80.3093384 1301.87618,70.5970292 1301.9999,86.2074006 C1302.0545,93.1055613 1278.98793,93.3090967 1269.54921,92.8526148 C1246.39966,91.7330748 1231.10726,93.3047258 1230.33552,84.9477043 C1229.56077,76.5579956 1244.82194,82.8020301 1244.42489,72.5099015 C1244.21734,67.1317003 1245.6907,55.7789448 1235.74956,55.985806 C1249.36006,55.7026427 1191.43523,64.0536778 1191.47681,47.1360045 Z" id="path-69"></path>
<filter x="-12.0%" y="-21.0%" width="123.9%" height="141.9%" filterUnits="objectBoundingBox" id="filter-70">
<feGaussianBlur stdDeviation="12.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
<feOffset dx="0" dy="-14" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.788056219 0 0 0 0 0.827193393 0 0 0 0 0.897640306 0 0 0 0.337126359 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
</filter>
</defs>
<g id="desktop-prototype" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Desktop/Contact" transform="translate(-22.000000, -2598.000000)">
<g id="Group-13" transform="translate(-48.000000, 2598.000000)">
<g id="artwork" transform="translate(0.000000, 605.000000)">
<g id="tree" opacity="0.205803571" transform="translate(1202.075825, 253.985433) rotate(-1.000000) translate(-1202.075825, -253.985433) translate(1142.075825, 95.985433)">
<path d="M91.9233876,270.999475 C85.2062052,277.217232 59.6607998,264.781718 49.5326192,245.479523 C39.4044386,226.177329 58.1922308,219.30675 32.6374972,188.435417 C7.08276359,157.564084 -9.3146275,145.741015 6.19355644,94.8550736 C21.7017404,43.9691322 0.277327138,15.6890976 28.5856076,2.41322394 C56.8938881,-10.8626497 73.196531,33.1984823 69.9494238,71.9547011 C66.7023166,110.71092 73.3437331,118.743039 101.032899,114.726979 C128.722064,110.71092 105.377528,167.608492 105.377528,180.02815 C105.377528,192.447808 122.167237,215.5158 118.684173,232.871156 C115.20111,250.226512 98.64057,264.781718 91.9233876,270.999475 Z" id="leaves" fill="url(#linearGradient-1)"></path>
<path d="M75.7508969,216.894649 C75.7508969,207.36224 78.0525538,177.661697 90.5733249,159.57389" id="branch" stroke="url(#linearGradient-2)" stroke-width="6" stroke-linecap="round"></path>
<path d="M18.077793,161.272735 C18.077793,151.740327 43.6555102,145.048066 56.1762813,126.960259" id="branch" stroke="url(#linearGradient-2)" stroke-width="6" stroke-linecap="round" transform="translate(37.127037, 144.116497) scale(-1, 1) translate(-37.127037, -144.116497) "></path>
<path d="M107.009102,315.647475 C107.009102,311.591784 100.333864,293.309394 93.9552505,272.12727 C73.980784,205.795989 41.7831553,124.116138 41.7831553,67.515346" id="stem" stroke="url(#linearGradient-2)" stroke-width="6" stroke-linecap="round"></path>
</g>
<g id="plant" transform="translate(283.757917, 241.002685) rotate(-7.000000) translate(-283.757917, -241.002685) translate(169.757917, 49.502685)">
<path d="M55.8465838,382.834824 C55.8465838,332.878138 95.5665728,178.278235 149.180929,93.6848329" id="stem" stroke="url(#linearGradient-3)" stroke-width="6" stroke-linecap="round"></path>
<path d="M102.735404,123.297254 C111.922027,109.728322 116.515338,94.5747943 116.515338,77.8366693 C116.515338,52.7294818 110.345852,32.3760849 102.735404,32.3760849 C95.1249566,32.3760849 88.9554699,52.7294818 88.9554699,77.8366693 C88.9554699,94.5747943 93.5487813,109.728322 102.735404,123.297254 Z" id="leaf" fill="url(#linearGradient-4)" transform="translate(102.735404, 77.836669) rotate(-30.000000) translate(-102.735404, -77.836669) "></path>
<path d="M181.300945,169.681975 C190.487568,156.113044 195.080879,140.959516 195.080879,124.221391 C195.080879,99.1142032 188.911393,78.7608063 181.300945,78.7608063 C173.690498,78.7608063 167.521011,99.1142032 167.521011,124.221391 C167.521011,140.959516 172.114322,156.113044 181.300945,169.681975 Z" id="leaf" fill="url(#linearGradient-4)" transform="translate(181.300945, 124.221391) rotate(88.000000) translate(-181.300945, -124.221391) "></path>
<path d="M155.641757,235.624801 C164.82838,222.05587 169.421692,206.902341 169.421692,190.164216 C169.421692,165.057029 163.252205,144.703632 155.641757,144.703632 C148.03131,144.703632 141.861823,165.057029 141.861823,190.164216 C141.861823,206.902341 146.455135,222.05587 155.641757,235.624801 Z" id="leaf" fill="url(#linearGradient-4)" transform="translate(155.641757, 190.164216) rotate(91.000000) translate(-155.641757, -190.164216) "></path>
<path d="M134.732166,299.572117 C143.918789,286.003185 148.5121,270.849657 148.5121,254.111532 C148.5121,229.004345 142.342614,208.650948 134.732166,208.650948 C127.121719,208.650948 120.952232,229.004345 120.952232,254.111532 C120.952232,270.849657 125.545543,286.003185 134.732166,299.572117 Z" id="leaf" fill="url(#linearGradient-4)" transform="translate(134.732166, 254.111532) rotate(91.000000) translate(-134.732166, -254.111532) "></path>
<path d="M177.273876,91.4956069 C186.460499,77.9266756 191.053811,62.7731475 191.053811,46.0350225 C191.053811,20.927835 184.884324,0.574438115 177.273876,0.574438115 C169.663429,0.574438115 163.493942,20.927835 163.493942,46.0350225 C163.493942,62.7731475 168.087254,77.9266756 177.273876,91.4956069 Z" id="leaf" fill="url(#linearGradient-4)" transform="translate(177.273876, 46.035023) rotate(33.000000) translate(-177.273876, -46.035023) "></path>
<path d="M68.5476639,193.057589 C77.7342867,179.488658 82.3275981,164.33513 82.3275981,147.597005 C82.3275981,122.489817 76.1581115,102.13642 68.5476639,102.13642 C60.9372164,102.13642 54.7677298,122.489817 54.7677298,147.597005 C54.7677298,164.33513 59.3610412,179.488658 68.5476639,193.057589 Z" id="leaf" fill="url(#linearGradient-4)" transform="translate(68.547664, 147.597005) rotate(-41.000000) translate(-68.547664, -147.597005) "></path>
<path d="M42.8884761,262.99695 C52.0750989,249.428018 56.6684103,234.27449 56.6684103,217.536365 C56.6684103,192.429178 50.4989236,172.075781 42.8884761,172.075781 C35.2780286,172.075781 29.108542,192.429178 29.108542,217.536365 C29.108542,234.27449 33.7018534,249.428018 42.8884761,262.99695 Z" id="leaf" fill="url(#linearGradient-4)" transform="translate(42.888476, 217.536365) rotate(-47.000000) translate(-42.888476, -217.536365) "></path>
</g>
<g id="plant" opacity="0.200000003" transform="translate(168.422799, 305.550733) rotate(-38.000000) translate(-168.422799, -305.550733) translate(75.922799, 150.550733)">
<path d="M45.6540774,309.309575 C45.6540774,268.914911 77.8962114,143.906396 121.4169,75.5046998" id="stem" stroke="#A69AD0" stroke-width="6" stroke-linecap="round"></path>
<path d="M83.7154079,99.4491181 C91.1725178,88.4773651 94.9010727,76.2243169 94.9010727,62.6899737 C94.9010727,42.3884588 89.89308,25.9308293 83.7154079,25.9308293 C77.5377357,25.9308293 72.529743,42.3884588 72.529743,62.6899737 C72.529743,76.2243169 76.2582979,88.4773651 83.7154079,99.4491181 Z" id="leaf" fill="#A1B8E3" transform="translate(83.715408, 62.689974) rotate(-30.000000) translate(-83.715408, -62.689974) "></path>
<path d="M147.489864,136.955514 C154.946974,125.983761 158.675529,113.730713 158.675529,100.196369 C158.675529,79.8948546 153.667536,63.4372251 147.489864,63.4372251 C141.312192,63.4372251 136.304199,79.8948546 136.304199,100.196369 C136.304199,113.730713 140.032754,125.983761 147.489864,136.955514 Z" id="leaf" fill="#A1B8E3" transform="translate(147.489864, 100.196369) rotate(88.000000) translate(-147.489864, -100.196369) "></path>
<path d="M126.661385,190.276471 C134.118495,179.304718 137.84705,167.051669 137.84705,153.517326 C137.84705,133.215811 132.839057,116.758182 126.661385,116.758182 C120.483713,116.758182 115.47572,133.215811 115.47572,153.517326 C115.47572,167.051669 119.204275,179.304718 126.661385,190.276471 Z" id="leaf" fill="#A1B8E3" transform="translate(126.661385, 153.517326) rotate(91.000000) translate(-126.661385, -153.517326) "></path>
<path d="M109.688323,241.983871 C117.145433,231.012118 120.873988,218.759069 120.873988,205.224726 C120.873988,184.923211 115.865995,168.465582 109.688323,168.465582 C103.510651,168.465582 98.5026579,184.923211 98.5026579,205.224726 C98.5026579,218.759069 102.231213,231.012118 109.688323,241.983871 Z" id="leaf" fill="#A1B8E3" transform="translate(109.688323, 205.224726) rotate(91.000000) translate(-109.688323, -205.224726) "></path>
<path d="M144.220949,73.7345053 C151.678059,62.7627523 155.406614,50.5097041 155.406614,36.9753609 C155.406614,16.673846 150.398621,0.216216447 144.220949,0.216216447 C138.043277,0.216216447 133.035284,16.673846 133.035284,36.9753609 C133.035284,50.5097041 136.763839,62.7627523 144.220949,73.7345053 Z" id="leaf" fill="#A1B8E3" transform="translate(144.220949, 36.975361) rotate(33.000000) translate(-144.220949, -36.975361) "></path>
<path d="M55.9639979,155.856889 C63.4211078,144.885136 67.1496627,132.632088 67.1496627,119.097745 C67.1496627,98.79623 62.14167,82.3386005 55.9639979,82.3386005 C49.7863257,82.3386005 44.778333,98.79623 44.778333,119.097745 C44.778333,132.632088 48.5068879,144.885136 55.9639979,155.856889 Z" id="leaf" fill="#A1B8E3" transform="translate(55.963998, 119.097745) rotate(-41.000000) translate(-55.963998, -119.097745) "></path>
<path d="M35.1355185,212.409419 C42.5926284,201.437666 46.3211833,189.184618 46.3211833,175.650275 C46.3211833,155.34876 41.3131906,138.89113 35.1355185,138.89113 C28.9578463,138.89113 23.9498536,155.34876 23.9498536,175.650275 C23.9498536,189.184618 27.6784086,201.437666 35.1355185,212.409419 Z" id="leaf" fill="#A1B8E3" transform="translate(35.135518, 175.650275) rotate(-47.000000) translate(-35.135518, -175.650275) "></path>
</g>
<path d="M561.020645,466 C604.828683,431.377518 745.215476,354.520928 906.458022,354.520928 C1067.70057,354.520928 1339.02065,632 1363.02065,638 C1372.7152,640.423639 1078.02065,645 752.020645,645 C673.522514,645 593.522514,645 512.020645,645 C503.353979,558.333333 519.687312,498.666667 561.020645,466 Z" id="ground" fill="url(#linearGradient-5)" transform="translate(936.510323, 499.760464) scale(-1, 1) translate(-936.510323, -499.760464) "></path>
<path d="M114,643 C238.7633,448.680619 354.892466,351.520928 462.387496,351.520928 C623.630042,351.520928 823.509458,461.94847 952.498507,474.479811 C1081.48756,487.011153 1140.58287,489.718954 1192,525 C1226.27809,548.520697 1216.61142,587.854031 1163,643 C1067.66667,643 1020,643 1020,643 C1020,643 259,643 259,643 C259,643 210.666667,643 114,643 Z" id="ground" fill="url(#linearGradient-6)"></path>
<ellipse id="shadow" fill="#8699BF" opacity="0.200000003" filter="url(#filter-7)" cx="1255.55936" cy="495.965053" rx="84.2189754" ry="5.24545205"></ellipse>
<g id="tree" opacity="0.821875" transform="translate(1258.718971, 247.996733) rotate(18.000000) translate(-1258.718971, -247.996733) translate(1171.218971, 16.496733)">
<path d="M134.307225,396.923159 C124.492899,406.030084 87.1690728,387.816235 72.3710125,359.545006 C57.5729522,331.273778 85.0233791,321.210688 47.685924,275.99456 C10.348469,230.778432 -13.6093959,213.461609 9.04926809,138.930806 C31.7079321,64.4000025 0.405196537,22.9792556 41.765798,3.53456208 C83.1263994,-15.9101314 106.94583,48.6246199 102.201553,105.389456 C97.4572769,162.154292 107.160904,173.918647 147.61693,168.03647 C188.072956,162.154292 153.964771,245.490115 153.964771,263.68074 C153.964771,281.871365 178.495843,315.65822 173.406816,341.077985 C168.317789,366.49775 144.121551,387.816235 134.307225,396.923159 Z" id="leaves" fill="url(#linearGradient-8)"></path>
<path d="M110.677957,317.677772 C110.677957,303.715996 114.040857,260.214682 132.334678,233.722123" id="branch" stroke="url(#linearGradient-9)" stroke-width="6" stroke-linecap="round"></path>
<path d="M26.4130629,236.21036 C26.4130629,222.248585 63.7840987,212.446671 82.0779199,185.954113" id="branch" stroke="url(#linearGradient-9)" stroke-width="6" stroke-linecap="round" transform="translate(54.245491, 211.082237) scale(-1, 1) translate(-54.245491, -211.082237) "></path>
<path d="M156.348627,462.317475 C156.348627,456.377251 146.595586,429.599693 137.275935,398.575 C108.091684,301.421965 61.0484425,181.788433 61.0484425,98.8872928" id="stem" stroke="url(#linearGradient-9)" stroke-width="6" stroke-linecap="round"></path>
</g>
</g>
<g id="Artwork" transform="translate(236.000000, 521.000000)">
<path d="M6.19183651,638.783244 C2.16356425,641.840284 -1.60507608,643.572687 0.705108128,644.634922 C0.889686507,645.763034 9.06311763,646.332335 20.1871799,646.716748 C27.6015895,651.427243 43.2938451,653.55352 65.6262383,653.276454 C57.0184213,659.961271 60.2575166,664.309021 68.7211592,666.036077 C78.1511816,667.960268 93.5306562,668.986933 86.6767711,671.720455 C79.8227011,674.453976 70.5951405,678.118371 85.8386954,680.164153 C101.082158,682.209934 130.408908,671.720455 123.201815,663.947584 C121.910121,662.554527 119.97987,661.5462 117.681858,660.811295 C121.029598,659.395411 132.48435,654.9051 138.272829,652.383967 C148.685746,654.39733 183.465714,660.986032 195.475709,661.538301 C197.140263,661.579952 197.607465,661.570199 198.005417,661.542499 C198.865464,661.482637 199.568837,661.336351 200.133503,661.118461 C206.962723,659.620074 215.12412,654.84559 216.256731,653.012259 C217.352456,651.238636 221.984596,642.8938 222.422549,633.194831 C260.53651,625.72217 298.394271,616.593852 331.413299,607.055479 C348.479417,612.640603 368.742191,617.556597 386.286686,618.821785 C409.286689,617.426975 495.524445,593.775232 495.524445,593.775232 C495.161982,593.438789 495.503461,592.243527 495.907088,590.683493 C498.705316,590.46774 500.711467,590.144213 510.182662,590.579283 C521.076035,591.079674 534.403397,596.647144 544.788754,595.735373 C555.174173,594.823555 563.442934,594.804953 556.45713,591.893945 C553.173741,590.525712 544.469331,582.187136 540.523671,580.542886 C534.0297,579.788042 531.316356,579.708297 526.720762,579.599484 C529.311504,578.415858 532.338719,577.749979 532.338719,577.749979 L523.032737,573.872171 C523.032737,573.872171 519.045382,574.574975 514.604526,575.479776 C515.393839,575.105951 516.200647,574.754227 517.024838,574.42921 C529.624187,569.460691 513.613973,573.507588 498.324227,577.280975 C490.398544,579.23697 486.177959,580.941114 485.662472,582.393408 C478.773607,583.890908 472.094789,585.238784 465.722231,586.470446 C507.576106,559.186369 549.936135,532.118037 564.019392,526.554721 C563.725237,526.165786 563.088518,525.790959 562.181112,525.435094 C564.454519,524.937516 567.835209,524.294311 573.641505,523.3377 C587.294453,521.088333 621.379937,518.47211 631.782787,515.554123 C642.185612,512.636153 645.948563,510.706803 632.319194,510.706803 L590.160623,510.706803 C581.162275,511.79351 577.846125,512.37877 572.278924,513.384701 C573.07477,512.124224 575.35422,511.050871 575.35422,511.050871 L557.198239,511.050871 C557.198239,511.050871 549.294391,514.175896 545.117922,516.407825 C541.537772,518.321036 538.053325,519.814154 535.801172,522.09932 C522.298482,528.349773 489.790935,543.42642 473.542778,550.883699 C457.294267,558.341053 442.819228,567.598034 439.759014,570.86201 C436.247796,570.397895 432.157528,569.755531 427.745326,569.003686 C428.289982,568.604297 428.809315,568.207846 429.302825,567.814466 C436.241506,562.769975 440.091823,557.808359 440.124206,553.019306 C441.792976,512.238059 339.561667,481.477498 240.701403,496.505054 C145.708898,510.944858 -14.2702284,594.90554 8.59062389,637.659916 C7.42869609,638.088946 6.60969958,638.46613 6.19183651,638.783244 Z M410.584915,597.646753 C408.473263,596.90001 405.349554,595.665041 402.106537,593.989479 C409.877661,593.917361 413.019442,593.340035 411.531881,592.257499 C423.397684,591.569587 436.510517,590.573327 451.199424,589.195829 C432.889032,592.553429 418.355677,595.02483 410.584915,597.646753 Z M185.385653,639.967652 C186.810329,641.99884 187.678864,644.181829 188.263674,646.350527 C185.166331,645.361153 181.46874,644.31789 176.128832,644.262139 C172.716825,644.226499 167.781204,643.922081 163.192114,643.579834 C170.392723,642.467688 177.795272,641.263108 185.385653,639.967652 Z" id="Combined-Shape" fill-opacity="0.47" fill="url(#linearGradient-10)" opacity="0.289005888"></path>
<g id="laptop" transform="translate(733.755079, 299.364933)">
<g id="table" opacity="0.62352808" transform="translate(91.866164, 124.392115)">
<mask id="mask-12" fill="white">
<use xlink:href="#path-11"></use>
</mask>
<use id="Rectangle-3" fill="#A092D0" xlink:href="#path-11"></use>
<mask id="mask-14" fill="white">
<use xlink:href="#path-13"></use>
</mask>
<use id="Rectangle-2-copy" fill="#A092D0" xlink:href="#path-13"></use>
<mask id="mask-16" fill="white">
<use xlink:href="#path-15"></use>
</mask>
<use id="Rectangle-2" fill="#A092D0" xlink:href="#path-15"></use>
</g>
<polygon id="front" fill="#B4AAD7" points="59.7709288 109.392505 80.7304445 0.645524953 201.703117 2.89543781 181.019562 109.392505"></polygon>
<polygon id="bottom" fill="#B4AAD7" points="0.57320821 103.279476 188.848116 103.279476 188.848116 110.14249 6.27891817 110.14249"></polygon>
<g id="back" transform="translate(66.190001, 0.000000)">
<mask id="mask-19" fill="white">
<use xlink:href="#path-18"></use>
</mask>
<use id="Shape-9" fill="url(#linearGradient-17)" xlink:href="#path-18"></use>
<path d="M72.7491182,44.8942865 C78.657717,44.8942865 83.447556,49.0914835 83.447556,54.2690176 C83.447556,59.4465518 78.657717,63.6437908 72.7491182,63.6437908 C66.8405901,63.6437908 62.0507511,59.4465518 62.0507511,54.2690176 C62.0507511,49.0914835 66.8405901,44.8942865 72.7491182,44.8942865 Z" id="Ellipse-5" fill="#B4AAD7" mask="url(#mask-19)"></path>
</g>
</g>
<g id="message" transform="translate(672.990716, 92.266129)">
<g id="rocket">
<g id="Group-7">
<polygon id="Shape-5" fill="url(#linearGradient-20)" points="0.721649256 51.7727804 15.5791819 31.363675 63.737834 63.0515099 26.850298 18.4737226 44.7818373 0.750016952 89.8665733 83.9976613"></polygon>
<polygon id="Shape-6" fill="#DADA06" points="15.0668782 31.9007488 26.3380507 30.2894892 65.7871806 64.6627702"></polygon>
<polygon id="Shape-7" fill="#D5D507" points="25.8257349 30.2894614 27.3626566 18.4736941 64.7625604 63.5885537"></polygon>
</g>
</g>
</g>
<g id="Person" transform="translate(55.870534, 0.000000)">
<path d="M121.840313,470.840969 C212.09777,516.369376 344.617538,510.355736 404.062214,386.802369 C443.334315,307.303736 359.543377,212.109676 267.504905,145.916872 C184.898958,86.5084017 111.425507,73.0364053 68.3150443,106.481847 C63.3920387,110.301014 54.6417655,109.550367 50.6667524,114.746982 C-58.7557841,246.082576 31.5833612,425.312116 121.840313,470.840969 Z" id="chair" fill="url(#radialGradient-21)"></path>
<path d="M199.405414,312.594519 C242.683223,341.047662 287.379459,344.157002 302.407983,318.852358 C316.352227,291.51343 282.523354,242.069198 239.245545,213.616055 C195.967736,185.163077 158.260254,180.653069 143.231541,205.957878 C128.203206,231.262522 156.127605,284.14154 199.405414,312.594519 Z" id="shadow" fill="#94B0D7" filter="url(#filter-22)"></path>
<g id="shoe" transform="translate(474.755005, 464.569362)">
<mask id="mask-25" fill="white">
<use xlink:href="#path-24"></use>
</mask>
<use id="Path-17" fill="url(#linearGradient-23)" xlink:href="#path-24"></use>
<path d="M2.79352401,44.6580926 C7.25909658,32.5592738 24.6632434,9.98745449 29.7058748,2.6417651 C33.0676291,-2.25536116 21.9294165,0.630462352 -3.70876307,11.2992356 C-2.35095339,41.6043529 -0.183524365,52.7239719 2.79352401,44.6580926 Z" id="Path-21" fill="#3D82F0" style="mix-blend-mode: multiply;" opacity="0.200000003" mask="url(#mask-25)"></path>
</g>
<g id="shoe" transform="translate(505.703931, 256.825054)">
<mask id="mask-27" fill="white">
<use xlink:href="#path-26"></use>
</mask>
<use id="Path-17-Copy" fill="url(#linearGradient-23)" xlink:href="#path-26"></use>
<path d="M19.1652378,65.4140754 C12.2555809,50.361147 19.3724241,16.3993859 16.2206744,13.3919095 C14.1195079,11.3869252 7.93159502,19.488362 -2.34306428,37.6962199 C-7.22995638,42.7934779 -5.74704358,49.1528019 2.10567414,56.7741919 C13.8847507,68.206277 26.0748946,80.4670038 19.1652378,65.4140754 Z" id="Path-19" fill="#617FC8" style="mix-blend-mode: multiply;" opacity="0.200000003" mask="url(#mask-27)"></path>
</g>
<g id="sleeve">
<use fill="url(#linearGradient-28)" fill-rule="evenodd" xlink:href="#path-29"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-30)" xlink:href="#path-29"></use>
</g>
<path d="M205.577089,87.959096 C205.577089,87.959096 281.553381,56.3638446 291.824429,58.4526348 C302.095378,60.5413636 271.397532,97.35856 265.11671,100.329359 C258.835888,103.300281 250.299269,110.548104 240.852954,110.806274 C231.406639,111.064566 209.693222,115.982464 209.693222,115.982464 L205.577089,87.959096 Z" id="arm" fill="url(#linearGradient-31)"></path>
<g id="leg" transform="translate(218.413634, 262.910708)">
<mask id="mask-34" fill="white">
<use xlink:href="#path-33"></use>
</mask>
<g id="Path-7">
<use fill="url(#linearGradient-32)" fill-rule="evenodd" xlink:href="#path-33"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-35)" xlink:href="#path-33"></use>
</g>
<path d="M175.514079,84.7037887 C175.514079,72.9684815 203.773644,11.0316253 211.340902,4.41017287 C216.38574,-0.00412877663 211.417237,-1.88307874 196.435393,-1.22667703 C162.305146,36.0232243 142.999064,64.6667128 138.517148,84.7037887 C131.794274,114.759402 175.514079,96.4390959 175.514079,84.7037887 Z" id="Path" fill="url(#linearGradient-36)" style="mix-blend-mode: multiply;" opacity="0.300000012" mask="url(#mask-34)"></path>
</g>
<g id="neck" transform="translate(154.516189, 112.287969)">
<mask id="mask-39" fill="white">
<use xlink:href="#path-38"></use>
</mask>
<use id="Path-4" fill="url(#linearGradient-37)" xlink:href="#path-38"></use>
<path d="M2.55507582,2.8887473 C2.55507582,7.80201531 20.0754972,28.8127009 29.5405853,34.5724101 C35.8506441,38.4122163 44.6899688,40.1542113 56.0585595,39.7983953 L53.4606645,11.5050077 L2.55507582,-2.01102684 C2.55507582,-2.02002276 2.55507582,-0.386764709 2.55507582,2.8887473 Z" id="Path-22" fill="#7B6ABA" style="mix-blend-mode: multiply;" opacity="0.200000003" mask="url(#mask-39)"></path>
</g>
<g id="shirt" transform="translate(123.541687, 143.369207)">
<mask id="mask-42" fill="white">
<use xlink:href="#path-41"></use>
</mask>
<g id="Path-9">
<use fill="#FFFFFF" xlink:href="#path-41"></use>
<use fill="url(#linearGradient-40)" xlink:href="#path-41"></use>
</g>
<path d="M133.971344,115.885631 L157.848588,144.580111 L157.505763,138.528559 C157.31513,135.163493 152.55023,130.476256 142.877551,122.782565 C141.976178,122.065609 141.030429,121.322281 140.022111,120.537466 C138.818116,119.600346 136.211694,117.601343 133.971344,115.885631 Z M72.0239094,35.1867144 L157.046324,137.362412 L153.512166,138.754799 C153.423767,137.194373 148.578936,132.428507 140.387553,125.913046 C139.49779,125.205324 138.562971,124.470588 137.56524,123.694012 C135.340885,121.962704 128.246158,116.54336 127.682762,116.108566 C124.236238,113.448754 122.296835,111.858441 121.258732,110.778545 C113.798311,103.017934 104.182081,92.6495854 101.170052,88.8945446 C98.1237183,85.0964944 81.6373669,55.4557105 78.8131851,49.5012109 L72.0239094,35.1867144 Z" id="Shape-1" stroke="#DDD5F8" stroke-width="4" fill-opacity="0" fill="#000000" opacity="0.6" mask="url(#mask-42)"></path>
<path d="M59.1549752,42.7815586 C64.3443934,32.8577454 68.4500664,27.8958387 71.4719943,27.8958387 C74.4939221,27.8958387 73.9649446,23.0707065 69.8850616,13.4204422 L55.7506809,24.6601202 L59.1549752,42.7815586 Z" id="Path-23" fill="#CCDFFD" opacity="0.300000012" mask="url(#mask-42)"></path>
</g>
<path d="M299.68261,267.952872 C325.519534,243.014675 399.473492,194.749369 441.647275,187.378949 C465.807054,191.604754 528.680039,263.261522 528.680039,263.261522 C525.845003,266.40279 518.372313,294.255155 506.569867,303.010307 C476.845085,277.063646 445.854298,264.94831 437.532529,251.532126 C427.152625,258.176794 400.470277,277.580898 385.122894,306.088151 C369.775815,334.595404 359.594476,367.07309 342.104599,367.886074 C324.614722,368.699058 299.950003,370.799498 277.229517,355.427577 C264.034068,346.499636 226.043859,326.599669 244.500066,313.560682 C255.077317,306.088151 288.851062,278.407459 299.68261,267.952872 Z" id="leg" fill="url(#linearGradient-43)"></path>
<path d="M198.971282,59.8223733 C200.721299,64.4663698 210.322838,84.8477447 211.24771,89.9280725 C212.172497,95.0085789 221.30986,128.896857 215.866807,134.115429 C210.423668,139.33418 194.101722,141.976443 189.540425,140.305283 C184.979042,138.634212 175.173041,137.563687 171.353457,130.515094 C168.418006,125.097857 159.091713,112.522608 156.64539,113.242658 C155.751667,115.174064 152.636537,117.237735 151.076638,115.911873 C144.336625,110.183162 138.559168,103.978851 141.301616,89.9280725 C144.044065,75.8773837 153.659099,68.9450799 163.968063,64.3837266 C174.277027,59.8223733 197.221181,55.178466 198.971282,59.8223733 Z" id="face" fill="url(#linearGradient-44)"></path>
<g id="arm" transform="translate(40.960258, 100.829327)">
<mask id="mask-46" fill="white">
<use xlink:href="#path-45"></use>
</mask>
<use id="Path-13" fill="url(#linearGradient-31)" xlink:href="#path-45"></use>
<path d="M15.5760373,7.82072511 C18.20173,8.82537476 71.4649977,33.2320342 84.6430068,29.8513626 C93.4283462,27.5975816 82.4818577,31.8576825 51.8035415,42.6316653 C25.9014103,18.7546054 13.8255755,7.15095867 15.5760373,7.82072511 Z" id="Path-24" fill="#6B84C2" opacity="0.5" mask="url(#mask-46)"></path>
</g>
<g id="hair">
<use fill="url(#linearGradient-47)" fill-rule="evenodd" xlink:href="#path-48"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-49)" xlink:href="#path-48"></use>
</g>
<path d="M203.440273,162.236096 C209.677027,164.565892 210.871796,176.679058 211.942463,180.095218 C213.013045,183.511329 207.447566,153.319916 207.447566,153.319916 C205.489288,156.160209 201.299779,136.879429 202.087438,139.707193 C204.205408,147.310473 202.431,155.923241 203.440273,162.236096 Z" id="colar" fill="#BCB3DB"></path>
<path d="M183.090474,192.75795 C183.090474,182.027485 187.147045,167.957624 192.155405,162.937867 C184.892175,163.409214 163.52626,149.985958 161.245616,142.503464 C158.965012,135.020909 158.541235,133.951677 158.541235,133.951677 C158.541235,133.951677 154.142928,142.900636 154.142928,148.576414 C157.255026,160.890162 171.139521,182.266408 183.090474,192.75795 Z" id="colar" fill="url(#linearGradient-50)"></path>
<g id="sleeve">
<use fill="url(#linearGradient-28)" fill-rule="evenodd" xlink:href="#path-51"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-52)" xlink:href="#path-51"></use>
</g>
<g id="glasses" transform="translate(154.949240, 69.330190)">
<path d="M22.1501124,22.1979256 C21.5791185,22.0381857 21.2393853,21.4219565 21.3912972,20.8215391 C21.543209,20.2211218 22.1292399,19.8638821 22.7002339,20.023622 C26.2742038,21.0234673 30.3651755,20.1434724 32.4099277,17.7963928 C32.8090456,17.3382632 33.4857822,17.3070973 33.9214612,17.7267818 C34.3571402,18.1464663 34.3867788,18.8580752 33.9876609,19.3162048 C31.3529069,22.3405212 26.4385158,23.3976391 22.1501124,22.1979256 Z" id="Path-18" fill="#270D4F" fill-rule="nonzero"></path>
<path d="M51.7309447,13.9361048 C51.1662741,13.7531919 50.8495318,13.1235674 51.0234811,12.5297992 C51.1974304,11.936031 51.7962001,11.602967 52.3608708,11.7858799 C55.3589281,12.7570361 58.784466,11.9038382 60.5113788,9.60853292 C60.8779742,9.12127708 61.5508005,9.03877642 62.0141785,9.42426255 C62.4775564,9.80974868 62.5560141,10.5172458 62.1894187,11.0045017 C59.8750752,14.0805833 55.5231642,15.1645127 51.7309447,13.9361048 Z" id="Path-18-Copy" fill="#270D4F" fill-rule="nonzero"></path>
<polygon id="Path-14" stroke="#270D4F" stroke-width="4" fill-opacity="0" fill="#000000" points="14.2644696 15.027821 18.2306808 33.4461974 40.3244717 27.8702374 36.9961933 8.68629919"></polygon>
<polygon id="Path-14-Copy" stroke="#270D4F" stroke-width="4" fill-opacity="0" fill="#000000" points="46.5515889 5.6162133 50.1496411 24.4358677 66.6929985 19.4470044 63.6735588 0.613250364"></polygon>
<polygon id="Path-15" fill="#270D4F" points="13.8191073 17.3449305 0.792448424 21.0948007 2.97039332 25.66656 17.0493291 29.1615333"></polygon>
<polygon id="Path-16" fill="#270D4F" points="37.7284625 14.4944671 47.6681575 11.2746463 48.7619514 16.7929381 38.441695 19.8186612"></polygon>
</g>
<g id="cushion" transform="translate(42.755823, 119.369864)">
<g id="Mask-by-Oval">
<g id="Oval-3-+-Oval-3-Copy-+-Oval-3-Copy-2-+-Oval-3-Copy-4-+-Oval-3-Copy-3-Mask">
<mask id="mask-54" fill="white">
<use xlink:href="#path-53"></use>
</mask>
<use id="Mask" fill-opacity="0" fill="#000000" xlink:href="#path-53"></use>
<g id="Oval-3" mask="url(#mask-54)">
<use fill="#EDE9F5" fill-rule="evenodd" xlink:href="#path-55"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-56)" xlink:href="#path-55"></use>
</g>
<g id="Oval-3-Copy" mask="url(#mask-54)">
<use fill="#EDE9F5" fill-rule="evenodd" xlink:href="#path-57"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-58)" xlink:href="#path-57"></use>
</g>
<g id="Oval-3-Copy-2" mask="url(#mask-54)">
<use fill="#EDE9F5" fill-rule="evenodd" xlink:href="#path-59"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-60)" xlink:href="#path-59"></use>
</g>
<g id="Oval-3-Copy-4" mask="url(#mask-54)">
<use fill="#EDE9F5" fill-rule="evenodd" xlink:href="#path-61"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-62)" xlink:href="#path-61"></use>
</g>
<g id="Oval-3-Copy-3" mask="url(#mask-54)">
<use fill="#EDE9F5" fill-rule="evenodd" xlink:href="#path-63"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-64)" xlink:href="#path-63"></use>
</g>
</g>
</g>
</g>
<path d="M218.646062,196.175509 C218.646062,196.175509 235.527146,192.818855 237.551558,190.431494 C239.576038,188.044132 251.008743,215.62642 251.008743,215.62642 L245.45742,222.252925 L232.225466,222.252925 L218.646062,196.175509 Z" id="pocket" fill="url(#linearGradient-65)"></path>
</g>
</g>
<g id="Group-3" transform="translate(1003.000000, 224.000000)">
<path d="M105,218.503401 C126.869409,218.503401 148.295692,210.051692 165.168539,198.707483 C185.604884,184.967409 197.21766,167.757853 204.101124,143.650085 C206.733122,134.432109 210,122.522569 210,111.892627 C210,106.048554 208.887764,101.616623 208.059616,96.0161565 C207.447221,91.8747516 209.095033,86.5021545 208.059616,82.5252656 C207.420677,80.0711925 206.109777,80.234073 204.101124,78.0761054 C202.925905,76.813527 202.255932,73.2583094 201.741573,71.889881 C200.504222,68.5979647 200.312004,62.6468491 198.792135,59.517432 C194.612232,50.9109934 186.586691,44.3770897 180.505618,37.2470238 C175.251916,31.0870519 169.368688,27.7661159 163.398876,23.0187075 C159.322,19.7766291 155.365737,14.7057605 150.907444,12.1972617 C142.701651,7.58019835 134.739355,6.91850006 125.05618,5.07865646 C119.271059,3.97945941 112.278683,0.74829932 105.897788,0.74829932 C99.9205632,0.74829932 94.7801444,4.07988223 89.0730337,5.07865646 C38.9374109,13.8526528 0,56.7826667 0,111.892627 C0,173.275945 46.5142668,218.503401 105,218.503401 Z" id="Oval-8" fill="#533EA5"></path>
<g id="Page-1">
<path d="M33.3539742,92.5843593 C29.5322635,93.009667 26.5528789,95.1863972 26.5428809,99.9096904 C26.532883,104.498259 29.8272026,106.492714 33.5964241,106.677631 C37.7280708,106.878397 40.1325742,104.466559 40.080085,99.7670406 C40.0300954,95.3026304 38.2229686,92.7085174 33.3539742,92.5843593 M106.306407,167.37776 C106.376393,172.711278 108.448465,175.474457 112.372654,175.469174 C116.356831,175.46389 120.321013,170.346989 120.026073,165.261788 C119.771126,160.908328 118.716344,156.716009 113.704879,156.280135 C109.818182,155.942002 106.233922,161.650635 106.306407,167.37776 M130.071499,121.550193 C134.503083,120.905627 139.374577,119.880662 143.853652,117.452974 C146.488108,116.026476 147.970302,113.691246 147.25545,110.449925 C146.505605,107.055389 143.808662,106.96293 141.294181,107.182188 C135.770322,107.665613 130.823843,109.755168 126.792176,113.884087 C125.332478,115.38191 123.48036,116.958983 124.632622,119.489696 C125.594923,121.600384 127.676993,121.439243 130.071499,121.550193 M82.7362751,185.016143 C76.437576,184.818019 71.6110728,188.500497 71.4885981,193.596264 C71.3636239,198.913932 77.1999185,204.675398 82.7087808,204.672757 C88.3376182,204.670115 93.539044,200.321938 93.7689965,195.429578 C94.0639355,189.234879 89.8323095,185.243326 82.7362751,185.016143 M57.9588925,34.3198429 C48.1484187,34.2432347 42.5795688,40.0813097 38.4229273,46.9628414 C34.5937182,53.3081157 38.3479428,58.7446579 45.5364581,58.171417 C52.7049776,57.5981762 57.4539967,52.5156168 62.110535,47.4700407 C64.2300973,45.1770773 67.3094613,43.1139386 65.6972942,39.162011 C64.0776287,35.1915917 60.7883081,34.0820933 57.9588925,34.3198429 M78.3896728,92.5896426 C87.9277029,92.5024677 96.3009735,88.8199897 103.017086,81.9199663 C109.140822,75.6275253 107.281206,68.2150193 99.0229114,66.0831973 C88.0551766,63.2486931 79.3544736,68.3550274 71.9535021,76.6155072 C68.9016324,80.0206107 66.9945263,84.0385799 68.6866768,88.4422319 C70.3363361,92.7428591 74.510474,92.7798423 78.3896728,92.5896426 M73.9905814,145.906324 C73.7231366,140.844898 74.7954152,136.570688 71.0261936,134.367541 C65.4248505,131.089237 59.3785992,131.115654 53.6547814,133.897325 C48.6808087,136.314447 46.6937191,141.080006 46.3737852,146.730523 C46.016359,153.041456 47.628526,158.890097 50.0955165,164.498348 C53.2573635,171.688954 60.0484609,172.893552 65.1499073,166.989436 C70.6062804,160.670578 73.8056196,153.205239 73.9905814,145.906324 M35.1960938,193.17624 C8.16167728,167.660418 -3.57589851,135.754414 0.945667635,97.2046276 C3.59512043,74.6078434 11.8809091,54.7874469 26.2454424,38.4144204 C39.4877074,23.3199587 55.6593674,12.0902498 75.0278671,7.04203208 C76.9074789,6.55332445 78.8670742,6.57709942 80.5067356,7.6311229 C88.2526358,12.6106574 105.439995,-5.84052337 110.338983,2.99319728 C110.721974,3.6826524 121.603317,2.09316286 133.830508,7.6311229 C138.821163,9.89149848 145.95296,10.4310982 150.915254,13.4693878 C162.676424,20.6704593 170.948993,30.8283006 172.271186,31.4285714 C175.403628,32.8515263 181.618178,37.7564457 184.372881,43.4013605 C185.920125,46.5719589 183.609511,49.6855721 185.79661,53.2552824 C189.358005,59.0680723 194.187035,56.5690418 197.898305,61.8301201 C201.989745,67.6301254 204.837045,81.0317244 205.728814,83.8095238 C211.125199,100.634275 205.728814,129.455782 201.457627,146.666667 C198.706632,157.75189 192.358151,172.831999 180.813559,184.829932 C174.434052,191.459954 160.713582,195.531819 158.745763,201.292517 C158.045907,203.345089 145.390835,203.396834 144.915933,205.523372 C144.196082,208.764692 142.546422,211.091997 139.462059,212.143379 C127.349561,216.272298 114.934625,218.64187 104.201842,219.402669 C77.1924201,218.306379 54.0946906,211.015389 35.1960938,193.17624 Z" id="Fill-4" fill="#3BC2CA"></path>
<path d="M74.013374,147.175442 C73.8282474,154.548978 70.6260581,162.087911 65.1648243,168.466393 C60.0588333,174.431381 53.2641879,173.214908 50.0970225,165.950748 C47.630336,160.287211 46.0167328,154.380912 46.3744774,148.007766 C46.6921946,142.304213 48.6835561,137.489006 53.6594581,135.048056 C59.388375,132.238963 65.4400124,132.214954 71.0463455,135.525576 C74.8189247,137.750441 73.745691,142.06412 74.013374,147.175442" id="Fill-6" fill="#6855B0"></path>
<path d="M78.7512132,93.2878865 C74.8454299,93.4790798 70.6374583,93.4419033 68.9754229,89.1188105 C67.2730957,84.6921547 69.1945094,80.6531964 72.2667567,77.2303054 C79.7232521,68.9266745 88.4917481,63.7936657 99.5417656,66.6429769 C107.862016,68.785935 109.733065,76.2371625 103.563388,82.5624739 C96.7968889,89.4985417 88.3633181,93.2002562 78.7512132,93.2878865" id="Fill-8" fill="#6855B0"></path>
<path d="M145.392822,49.1797698 C142.513892,49.3206973 139.412221,49.2932947 138.187144,46.1067686 C136.932369,42.8439067 138.348632,39.8668143 140.613167,37.3438216 C146.109306,31.2232642 152.572513,27.4397537 160.717415,29.5399641 C166.850223,31.1195259 168.229362,36.6117818 163.681729,41.2741315 C158.694183,46.3866661 152.477848,49.1151781 145.392822,49.1797698" id="Fill-8-Copy" fill="#6855B0" transform="translate(152.043575, 39.089040) rotate(95.000000) translate(-152.043575, -39.089040) "></path>
<path d="M57.8283948,35.382883 C60.658734,35.146054 63.9545401,36.2417135 65.5761668,40.1532959 C67.190286,44.0466608 64.1046907,46.0766238 61.9850644,48.3382107 C57.3203851,53.3090175 52.568118,58.3162594 45.3909183,58.878403 C38.191196,59.4457517 34.4324255,54.0871699 38.2687738,47.8385275 C42.4304485,41.0589717 48.0060416,35.30741 57.8283948,35.382883" id="Fill-10" fill="#6855B0"></path>
<path d="M83.1670179,185.742758 C90.28442,185.976169 94.5262814,190.077155 94.2329612,196.438976 C94.0023162,201.468179 88.7852279,205.932853 83.1369338,205.935567 C77.6114832,205.938281 71.7601213,200.021571 71.8854718,194.558113 C72.0058083,189.319925 76.8468451,185.539201 83.1670179,185.742758" id="Fill-12" fill="#6855B0"></path>
<path d="M130.463795,121.766184 C128.041862,121.654059 125.935942,121.819578 124.962618,119.683849 C123.797157,117.126314 125.67049,115.532526 127.146909,114.021498 C131.224758,109.846149 136.227896,107.734447 141.81503,107.248569 C144.360841,107.026987 147.086148,107.117755 147.844583,110.548269 C148.570152,113.823943 147.068452,116.183923 144.403819,117.62554 C139.873438,120.078959 134.946142,121.114787 130.463795,121.766184" id="Fill-14" fill="#6855B0"></path>
<path d="M106.495228,167.595831 C106.419642,161.903351 110.03517,156.234492 113.953043,156.570425 C119.002185,157.003463 120.067947,161.168499 120.32242,165.491004 C120.622244,170.545737 116.623747,175.629339 112.607613,175.634588 C108.654467,175.637212 106.565775,172.894639 106.495228,167.595831" id="Fill-16" fill="#6855B0"></path>
<path d="M33.3041305,93.537415 C38.2832358,93.6559592 40.1312302,96.1327778 40.1823503,100.395327 C40.2360265,104.882354 37.777146,107.185139 33.5520633,106.993451 C29.6976019,106.816896 26.3287822,104.912621 26.3390063,100.531527 C26.3492303,96.0218002 29.3959929,93.9434922 33.3041305,93.537415" id="Fill-18" fill="#6855B0"></path>
<path d="M202.015995,101.020408 C206.9951,101.138952 208.843095,103.615771 208.894215,107.87832 C208.947891,112.365347 206.48901,114.668133 202.263928,114.476444 C198.409466,114.299889 195.040647,112.395614 195.050871,108.01452 C195.061095,103.504793 198.107857,101.426485 202.015995,101.020408" id="Fill-18-Copy" fill="#6855B0"></path>
</g>
</g>
<g id="cloud" opacity="0.123346923" transform="translate(855.500000, 262.500000) scale(-1, -1) translate(-855.500000, -262.500000) ">
<use fill="url(#linearGradient-66)" fill-rule="evenodd" xlink:href="#path-67"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-68)" xlink:href="#path-67"></use>
</g>
<g id="cloud" opacity="0.15086051" transform="translate(1220.500000, 46.500000) scale(-1, 1) translate(-1220.500000, -46.500000) ">
<use fill="url(#linearGradient-66)" fill-rule="evenodd" xlink:href="#path-69"></use>
<use fill="black" fill-opacity="1" filter="url(#filter-70)" xlink:href="#path-69"></use>
</g>
<path d="M880.704374,641.580423 C882.014683,642.459459 882.394046,644.280545 881.551704,645.647934 C880.709362,647.015323 878.964294,647.411211 877.653984,646.532175 L828.295626,613.419577 C826.985317,612.540541 826.605954,610.719455 827.448296,609.352066 C828.290638,607.984677 830.035706,607.588789 831.346016,608.467825 L880.704374,641.580423 Z" id="Path-44" fill="#988BC8" fill-rule="nonzero"></path>
<path d="M908.867863,624.384149 C910.105052,625.40338 910.368984,627.350969 909.457371,628.734212 C908.545757,630.117454 906.803808,630.412543 905.566619,629.393312 L879.132137,607.615851 C877.894948,606.59662 877.631016,604.649031 878.542629,603.265788 C879.454243,601.882546 881.196192,601.587457 882.433381,602.606688 L908.867863,624.384149 Z" id="Path-44-Copy" fill="#988BC8" fill-rule="nonzero"></path>
</g>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 68 KiB

2
src/pages/about.js
View File

@@ -4,7 +4,7 @@ import PageIntro from '../components/PageIntro'
import SectionIntro from '../components/SectionIntro'
import IntroImage from '../images/web-development-consultants.jpg'
import MeaningSaburly from '../images/coding-tutorial-patience.svg'
import MeaningSaburly from '../images/coding-tutorials-patience.svg'
import PageTransition from 'gatsby-plugin-page-transitions'

102
src/pages/contact.js
View File

@@ -6,7 +6,7 @@ import PageIntro from '../components/PageIntro'
import ContactImage from '../images/saburly-web-agency.jpg'
import Sarajevo from '../images/sarajevo-web-agency.jpg'
import Stockholm from '../images/stockholm-web-agency.jpg'
import FormImage from '../images/contact-web-consultancy.svg'
import FormImage from '../images/contact-web-consultancy-sweden.svg'
import PageTransition from 'gatsby-plugin-page-transitions'
@@ -108,56 +108,58 @@ const ContactPage = () => (
</div>
</section>
<section className="bg-contact-form">
<form
action="https://formspree.io/info@saburly.com"
className="mx-auto pt-16 p-6 max-w-md"
method="POST"
>
<SectionIntro headline="Send us a message" light />
<div className="flex flex-wrap">
<input
className="appearance-none bg-transparent border-contact block w-full text-white py-2 border-grey-light"
id="grid-first-name"
type="text"
placeholder="Name"
name="name"
required
/>
<input
className="appearance-none bg-transparent border-contact block w-full text-white py-2 border-grey-light"
id="grid-first-name"
type="text"
placeholder="Email"
name="_replyto"
required
/>
<textarea
className="appearance-none bg-transparent border-contact block w-full text-white py-2 border-grey-light"
id="grid-last-name"
type="text"
name="message"
placeholder="Project description or message"
required
/>
</div>
<button
className="mt-4 shadow bg-teal hover:bg-teal-light text-white py-2 px-4 rounded"
value="Send"
type="submit"
<div className="bg-contact-form p-8">
<section className="container flex mx-auto">
<form
action="https://formspree.io/info@saburly.com"
className="w-full mx-auto pt-16 p-6 max-w-md"
method="POST"
>
Send
</button>
</form>
<img
src={FormImage}
alt="Contact Form Image"
className="text-center block m-x-auto md:max-w-lg mx-auto"
/>
</section>
<SectionIntro headline="Send us a message" light />
<div className="flex flex-wrap">
<input
className="appearance-none bg-transparent border-contact block w-full text-white py-2 border-grey-light"
id="grid-first-name"
type="text"
placeholder="Name"
name="name"
required
/>
<input
className="appearance-none bg-transparent border-contact block w-full text-white py-2 border-grey-light"
id="grid-first-name"
type="text"
placeholder="Email"
name="_replyto"
required
/>
<textarea
className="appearance-none bg-transparent border-contact block w-full text-white py-2 border-grey-light"
id="grid-last-name"
type="text"
name="message"
placeholder="Project description or message"
required
/>
</div>
<button
className="mt-4 shadow bg-teal hover:bg-teal-light text-white py-2 px-4 rounded"
value="Send"
type="submit"
>
Send
</button>
</form>
<img
src={FormImage}
alt="Contact Form Image"
className="max-h-sm text-center block m-x-auto md:max-w-lg mx-auto"
/>
</section>
</div>
</PageTransition>
)