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

More adjustments

Browse Source
This commit is contained in:
Edin Dazdarevic
2017-12-13 12:50:26 +01:00
parent b8dc0f1df5
commit 1f624e6fdc
42 changed files with 618 additions and 469 deletions
Download Patch File Download Diff File Expand all files Collapse all files

122
dist/img/what_we_do/mobile/main.svg vendored
View File

@@ -1,109 +1,115 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="733px" height="342px" viewBox="0 0 733 342" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 47 (45396) - http://www.bohemiancoding.com/sketch -->
<title>Mobile_Development_mobile_parallax</title>
<svg width="369px" height="175px" viewBox="0 0 369 175" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
<title>Mobile_Development_mobile</title>
<desc>Created with Sketch.</desc>
<defs>
<polygon id="path-1" points="0 0 5.15277778 0 5.15277778 201.903614 0 201.903614"></polygon>
<polygon id="path-3" points="0 0 5.15277778 0 5.15277778 201.903614 0 201.903614"></polygon>
<polygon id="path-5" points="0 0 5.15277778 0 5.15277778 201.903614 0 201.903614"></polygon>
<path d="M50,0 L1,297.570997 C-0.18742195,306.588848 5.09237271,314.788003 13,317.202417 L114,342 L174,342 L174,0 L50,0 Z" id="path-7"></path>
<filter x="-1.7%" y="-0.3%" width="102.3%" height="100.6%" filterUnits="objectBoundingBox" id="filter-8">
<feOffset dx="-2" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feColorMatrix values="0 0 0 0 0.392156863 0 0 0 0 0.431372549 0 0 0 0 0.949019608 0 0 0 0.352100317 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
<polygon id="path-1" points="0 0 2.40989484 0 2.40989484 97.7864745 0 97.7864745"></polygon>
<polygon id="path-3" points="0 0 2.40989484 0 2.40989484 97.7864745 0 97.7864745"></polygon>
<polygon id="path-5" points="0 0 2.40989484 0 2.40989484 97.7864745 0 97.7864745"></polygon>
<path d="M24.6612281,0 L0.352426156,144.434618 C-0.35730105,148.572212 2.28718553,152.545503 6.38840512,153.503607 L56.7781764,165.73237 L86.8878154,165.73237 L86.8878154,0 L24.6612281,0 Z" id="path-7"></path>
<filter x="-3.5%" y="-1.8%" width="106.9%" height="103.6%" filterUnits="objectBoundingBox" id="filter-8">
<feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 0.816618835 0 0 0 0 0.816618835 0 0 0 0 0.816618835 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
</filter>
<path d="M46.9403995,0 L0.995393251,276.715533 C-0.429592846,285.17936 -1.53964262,283.022338 6.69533764,284.982949 L150,318 L150,0 L46.9403995,0 Z" id="path-9"></path>
<path d="M23.5318356,0 L0.63134193,134.604567 C-0.0789177413,138.721682 -0.632202851,137.672428 3.47238062,138.626141 L74.9001108,154.686843 L74.9001108,0 L23.5318356,0 Z" id="path-9"></path>
</defs>
<g id="assets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Mobile_Development_mobile_parallax">
<g id="Group" transform="translate(-7.000000, 0.000000)">
<g id="Mobile_Development_mobile">
<g id="Group" transform="translate(4.000000, 3.000000)">
<g id="background">
<polygon id="Fill-1" fill="#F6F7FE" points="0 342 742 342 742 0 0 0"></polygon>
<g id="Page-1" transform="translate(21.641667, 135.975904)" opacity="0.699999988">
<polygon id="Fill-1" fill="#FAFAFA" points="0 166 360 166 360 0 0 0"></polygon>
<g id="Page-1" transform="translate(10.514503, 66.000000)" opacity="0.699999988">
<g transform="translate(0.000000, 0.000000)">
<g id="Group-3" transform="translate(99.963889, 0.000000)">
<g id="Group-3" transform="translate(48.714303, 0.000000)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Clip-2"></g>
<path d="M0,-5.79181343e-14 L0,201.903614" id="Stroke-1" stroke="#FFFFFF" stroke-width="0.25" mask="url(#mask-2)"></path>
<path d="M0,-0.000203722246 L0,97.7864745" id="Stroke-1" stroke="#FFFFFF" stroke-width="0.25" mask="url(#mask-2)"></path>
</g>
<path d="M200.958333,100.951807 L0,100.951807" id="Stroke-4" stroke="#FFFFFF" stroke-width="0.5"></path>
<path d="M200.958333,67.9879518 L0,67.9879518" id="Stroke-6" stroke="#FFFFFF" stroke-width="0.5"></path>
<path d="M200.958333,133.915663 L0,133.915663" id="Stroke-8" stroke="#FFFFFF" stroke-width="0.5"></path>
<g id="Group-12" transform="translate(132.941667, 0.000000)">
<path d="M97.2564703,48.979876 L0,48.979876" id="Stroke-4" stroke="#FFFFFF" stroke-width="0.5"></path>
<path d="M97.2564703,32.8840157 L0,32.8840157" id="Stroke-6" stroke="#FFFFFF" stroke-width="0.5"></path>
<path d="M97.2564703,64.9026625 L0,64.9026625" id="Stroke-8" stroke="#FFFFFF" stroke-width="0.5"></path>
<g id="Group-12" transform="translate(64.550755, 0.000000)">
<mask id="mask-4" fill="white">
<use xlink:href="#path-3"></use>
</mask>
<g id="Clip-11"></g>
<path d="M0,201.903614 L0,-5.79181343e-14" id="Stroke-10" stroke="#FFFFFF" stroke-width="0.5" mask="url(#mask-4)"></path>
<path d="M0,97.7864745 L0,-0.000203722246" id="Stroke-10" stroke="#FFFFFF" stroke-width="0.5" mask="url(#mask-4)"></path>
</g>
<g id="Group-15" transform="translate(66.986111, 0.000000)">
<g id="Group-15" transform="translate(32.705716, 0.000000)">
<mask id="mask-6" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<g id="Clip-14"></g>
<path d="M0,201.903614 L0,-5.79181343e-14" id="Stroke-13" stroke="#FFFFFF" stroke-width="0.5" mask="url(#mask-6)"></path>
<path d="M0,97.7864745 L0,-0.000203722246" id="Stroke-13" stroke="#FFFFFF" stroke-width="0.5" mask="url(#mask-6)"></path>
</g>
<path d="M198.897222,1.03012048 L1.03055556,199.843373" id="Stroke-16" stroke="#C0C4FF"></path>
<path d="M1.03055556,1.03012048 L198.897222,199.843373" id="Stroke-18" stroke="#C0C4FF"></path>
<path d="M99.4486111,57.686747 C76.4011636,57.686747 57.7111111,76.364737 57.7111111,99.4066265 C57.7111111,122.444344 76.4011636,141.126506 99.4486111,141.126506 C122.496059,141.126506 141.186111,122.444344 141.186111,99.4066265 C141.186111,76.364737 122.496059,57.686747 99.4486111,57.686747 Z" id="Stroke-20" stroke="#C0C4FF"></path>
<path d="M101.509722,16.4819277 C55.0882957,16.4819277 17.5194444,54.2695283 17.5194444,100.951807 C17.5194444,147.634086 55.0882957,185.421687 101.509722,185.421687 C147.926949,185.421687 185.5,147.634086 185.5,100.951807 C185.5,54.2695283 147.926949,16.4819277 101.509722,16.4819277 Z" id="Stroke-22" stroke="#C0C4FF"></path>
<path d="M158.476543,24.7228916 L41.4512346,24.7228916 C32.2104147,24.7228916 24.7333333,32.2564202 24.7333333,41.5481928 L24.7333333,159.325301 C24.7333333,168.617074 32.2104147,176.150602 41.4512346,176.150602 L158.476543,176.150602 C167.717363,176.150602 175.194444,168.617074 175.194444,159.325301 L175.194444,41.5481928 C175.194444,32.2564202 167.717363,24.7228916 158.476543,24.7228916 Z" id="Stroke-24" stroke="#C0C4FF"></path>
<path d="M168.701944,32.9638554 L34.3175,32.9638554 C25.0407738,32.9638554 17.5194444,40.4589477 17.5194444,49.7033133 L17.5194444,150.14006 C17.5194444,159.384426 25.0407738,166.879518 34.3175,166.879518 L168.701944,166.879518 C177.978671,166.879518 185.5,159.380241 185.5,150.14006 L185.5,49.7033133 C185.5,40.4589477 177.978671,32.9638554 168.701944,32.9638554 Z" id="Stroke-26" stroke="#C0C4FF"></path>
<path d="M165.919444,168.527711 L165.919444,33.3759036 C165.919444,24.0462054 158.478866,16.4819277 149.301736,16.4819277 L49.5954861,16.4819277 C40.4183567,16.4819277 32.9777778,24.0462054 32.9777778,33.3759036 L32.9777778,168.527711 C32.9777778,177.857409 40.4183567,185.421687 49.5954861,185.421687 L149.301736,185.421687 C158.478866,185.421687 165.919444,177.857409 165.919444,168.527711 Z" id="Stroke-28" stroke="#C0C4FF"></path>
<path d="M96.3957936,0.346147534 L0.344270691,96.9213094" id="Stroke-16" stroke="#D0D0D0"></path>
<path d="M0.344270691,0.346147534 L96.3957936,96.9213094" id="Stroke-18" stroke="#D0D0D0"></path>
<path d="M48.3700321,28.211024 C37.1537619,28.211024 28.0580613,37.2767837 28.0580613,48.4606547 C28.0580613,59.6425008 37.1537619,68.7102854 48.3700321,68.7102854 C59.5863024,68.7102854 68.6820029,59.6425008 68.6820029,48.4606547 C68.6820029,37.2767837 59.5863024,28.211024 48.3700321,28.211024 Z" id="Stroke-20" stroke="#D0D0D0"></path>
<path d="M48.9725058,7.96139327 C26.4720837,7.96139327 8.26249659,26.2722992 8.26249659,48.8933391 C8.26249659,71.514379 26.4720837,89.825285 48.9725058,89.825285 C71.4708924,89.825285 89.6825151,71.514379 89.6825151,48.8933391 C89.6825151,26.2722992 71.4708924,7.96139327 48.9725058,7.96139327 Z" id="Stroke-22" stroke="#D0D0D0"></path>
<path d="M76.9253733,12.1151637 L20.1589616,12.1151637 C15.6764424,12.1151637 12.0494742,15.7659817 12.0494742,20.2688611 L12.0494742,77.3447433 C12.0494742,81.8476228 15.6764424,85.4984408 20.1589616,85.4984408 L76.9253733,85.4984408 C81.4078925,85.4984408 85.0348607,81.8476228 85.0348607,77.3447433 L85.0348607,20.2688611 C85.0348607,15.7659817 81.4078925,12.1151637 76.9253733,12.1151637 Z" id="Stroke-24" stroke="#D0D0D0"></path>
<path d="M81.5405132,15.9227865 L16.4044984,15.9227865 C11.9080779,15.9227865 8.26249659,19.5553074 8.26249659,24.0356194 L8.26249659,72.7126163 C8.26249659,77.1929282 11.9080779,80.8254491 16.4044984,80.8254491 L81.5405132,80.8254491 C86.0369337,80.8254491 89.6825151,77.1909 89.6825151,72.7126163 L89.6825151,24.0356194 C89.6825151,19.5553074 86.0369337,15.9227865 81.5405132,15.9227865 Z" id="Stroke-26" stroke="#D0D0D0"></path>
<path d="M80.3872064,81.6388958 L80.3872064,16.1477824 C80.3872064,11.626849 76.7743814,7.96139327 72.3183621,7.96139327 L23.9052961,7.96139327 C19.4492768,7.96139327 15.8364518,11.626849 15.8364518,16.1477824 L15.8364518,81.6388958 C15.8364518,86.1598292 19.4492768,89.825285 23.9052961,89.825285 L72.3183621,89.825285 C76.7743814,89.825285 80.3872064,86.1598292 80.3872064,81.6388958 Z" id="Stroke-28" stroke="#D0D0D0"></path>
</g>
</g>
<g id="ic_computer" opacity="0.233865489" transform="translate(41.222222, 43.265060)" fill="#2C38C3">
<path d="M42.9398148,30.6460843 C45.3015046,30.6460843 47.2123264,28.6759789 47.2123264,26.2680723 L47.2337963,4.37801205 C47.2337963,1.97010542 45.3015046,0 42.9398148,0 L8.58796296,0 C6.22627315,0 4.29398148,1.97010542 4.29398148,4.37801205 L4.29398148,26.2680723 C4.29398148,28.6759789 6.22627315,30.6460843 8.58796296,30.6460843 L0,30.6460843 L0,35.0240964 L51.5277778,35.0240964 L51.5277778,30.6460843 L42.9398148,30.6460843 L42.9398148,30.6460843 Z M8.24444444,4.12048193 L42.2527778,4.12048193 L42.2527778,25.753012 L8.24444444,25.753012 L8.24444444,4.12048193 L8.24444444,4.12048193 Z" id="Icon"></path>
<g id="ic_computer" opacity="0.233865489" transform="translate(20.000000, 21.000000)" fill="#D0D0D0">
<path d="M20.8333333,14.875 C21.9791667,14.875 22.90625,13.91875 22.90625,12.75 L22.9166667,2.125 C22.9166667,0.95625 21.9791667,0 20.8333333,0 L4.16666667,0 C3.02083333,0 2.08333333,0.95625 2.08333333,2.125 L2.08333333,12.75 C2.08333333,13.91875 3.02083333,14.875 4.16666667,14.875 L0,14.875 L0,17 L25,17 L25,14.875 L20.8333333,14.875 L20.8333333,14.875 Z M4.16666667,2.125 L20.8333333,2.125 L20.8333333,12.75 L4.16666667,12.75 L4.16666667,2.125 L4.16666667,2.125 Z" id="Icon"></path>
</g>
<g id="ic_phone_iphone" transform="translate(197.866667, 26.783133)" fill="#B8E986">
<path d="M41.6185897,0 L9.90918803,0 C4.43931624,0 0,4.61493976 0,10.3012048 L0,80.3493976 C0,86.0356627 4.43931624,90.6506024 9.90918803,90.6506024 L41.6185897,90.6506024 C47.0884615,90.6506024 51.5277778,86.0356627 51.5277778,80.3493976 L51.5277778,10.3012048 C51.5277778,4.61493976 47.0884615,0 41.6185897,0 L41.6185897,0 Z M25.7638889,86.5301205 C22.3424444,86.5301205 19.5805556,83.7693976 19.5805556,80.3493976 C19.5805556,76.9293976 22.3424444,74.1686747 25.7638889,74.1686747 C29.1853333,74.1686747 31.9472222,76.9293976 31.9472222,80.3493976 C31.9472222,83.7693976 29.1853333,86.5301205 25.7638889,86.5301205 L25.7638889,86.5301205 Z M44.3138889,70.0481928 L8.24444444,70.0481928 L8.24444444,12.3614458 L44.3138889,12.3614458 L44.3138889,70.0481928 L44.3138889,70.0481928 Z" id="Icon"></path>
<g id="ic_phone_iphone" transform="translate(96.000000, 13.000000)" fill="#D0D0D0">
<path d="M20.1923077,0 L4.80769231,0 C2.15384615,0 0,2.24 0,5 L0,39 C0,41.76 2.15384615,44 4.80769231,44 L20.1923077,44 C22.8461538,44 25,41.76 25,39 L25,5 C25,2.24 22.8461538,0 20.1923077,0 L20.1923077,0 Z M12.5,42 C10.9038462,42 9.61538462,40.66 9.61538462,39 C9.61538462,37.34 10.9038462,36 12.5,36 C14.0961538,36 15.3846154,37.34 15.3846154,39 C15.3846154,40.66 14.0961538,42 12.5,42 L12.5,42 Z M21.1538462,34 L3.84615385,34 L3.84615385,6 L21.1538462,6 L21.1538462,34 L21.1538462,34 Z" id="Icon"></path>
</g>
<g id="ic_tablet_mac" opacity="0.233865489" transform="translate(123.666667, 26.783133)" fill="#2C38C3">
<path d="M35.7982456,0 L5.42397661,0 C2.42994152,0 0,2.40361446 0,5.36521084 L0,46.1408133 C0,49.1024096 2.42994152,51.5060241 5.42397661,51.5060241 L35.7982456,51.5060241 C38.7922807,51.5060241 41.2222222,49.1024096 41.2222222,46.1408133 L41.2222222,5.36521084 C41.2222222,2.40361446 38.7922807,0 35.7982456,0 L35.7982456,0 Z M20.6111111,49.4457831 C18.9003889,49.4457831 17.5194444,48.0654217 17.5194444,46.3554217 C17.5194444,44.6454217 18.9003889,43.2650602 20.6111111,43.2650602 C22.3218333,43.2650602 23.7027778,44.6454217 23.7027778,46.3554217 C23.7027778,48.0654217 22.3218333,49.4457831 20.6111111,49.4457831 L20.6111111,49.4457831 Z M37.1,40.1746988 L4.12222222,40.1746988 L4.12222222,6.18072289 L37.1,6.18072289 L37.1,40.1746988 L37.1,40.1746988 Z" id="Icon"></path>
<g id="ic_tablet_mac" opacity="0.233865489" transform="translate(60.000000, 13.000000)" fill="#D0D0D0">
<path d="M17.3684211,0 L2.63157895,0 C1.17894737,0 0,1.16666667 0,2.60416667 L0,22.3958333 C0,23.8333333 1.17894737,25 2.63157895,25 L17.3684211,25 C18.8210526,25 20,23.8333333 20,22.3958333 L20,2.60416667 C20,1.16666667 18.8210526,0 17.3684211,0 L17.3684211,0 Z M10,23.9583333 C9.12631579,23.9583333 8.42105263,23.2604167 8.42105263,22.3958333 C8.42105263,21.53125 9.12631579,20.8333333 10,20.8333333 C10.8736842,20.8333333 11.5789474,21.53125 11.5789474,22.3958333 C11.5789474,23.2604167 10.8736842,23.9583333 10,23.9583333 L10,23.9583333 Z M17.8947368,19.7916667 L2.10526316,19.7916667 L2.10526316,3.125 L17.8947368,3.125 L17.8947368,19.7916667 L17.8947368,19.7916667 Z" id="Icon"></path>
</g>
</g>
<g id="mobile" transform="translate(566.000000, 0.000000)">
<g id="mobile" transform="translate(275.000000, 0.000000)">
<g id="Group-28">
<g id="Fill-5">
<use fill="black" fill-opacity="1" filter="url(#filter-8)" xlink:href="#path-7"></use>
<use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-7"></use>
</g>
<path d="M71.6274635,0 L25.9887573,278.455882 C24.5732711,286.972941 23.4706217,284.802353 31.6507021,286.775294 L174,320 L174,0 L71.6274635,0 Z" id="Fill-7" fill="#E1E7FF"></path>
<path d="M110.803333,315.196667 C113.732222,318.125556 113.732222,322.873889 110.803333,325.803333 C107.874444,328.732222 103.126111,328.732222 100.196667,325.803333 C97.2677778,322.873889 97.2677778,318.125556 100.196667,315.196667 C103.126111,312.267778 107.874444,312.267778 110.803333,315.196667" id="Fill-9" fill="#E1E7FF"></path>
<path d="M55.3575463,153.146454 C56.8693369,154.652904 56.8693369,157.095171 55.3575463,158.601907 C53.8457557,160.108357 51.394831,160.108357 49.8827537,158.601907 C48.370963,157.095171 48.370963,154.652904 49.8827537,153.146454 C51.394831,151.640004 53.8457557,151.640004 55.3575463,153.146454" id="Fill-9" fill="#F3F3F3"></path>
</g>
<g id="Group-21" transform="translate(25.000000, 0.000000)">
<g id="Group-21" transform="translate(12.000000, 0.000000)">
<mask id="mask-10" fill="white">
<use xlink:href="#path-9"></use>
</mask>
<g id="Mask"></g>
<use id="Mask" fill="#F3F3F3" xlink:href="#path-9"></use>
<g mask="url(#mask-10)" id="Group-20">
<g transform="translate(36.000000, 73.000000)">
<g transform="translate(0.000000, 76.000000)">
<rect id="Rectangle-3" fill="#FFFFFF" transform="translate(37.823831, 37.573599) rotate(9.000000) translate(-37.823831, -37.573599) " x="5.76194811" y="4.60974367" width="64" height="66" rx="24"></rect>
<ellipse id="Oval-4" fill="#FFFFFF" opacity="0.892719656" transform="translate(37.838789, 38.019830) rotate(9.000000) translate(-37.838789, -38.019830) " cx="37.7885097" cy="38.251758" rx="26" ry="26.5"></ellipse>
<g id="ic_chevron_left" transform="translate(36.179561, 39.179561) rotate(9.000000) translate(-36.179561, -39.179561) translate(7.179561, 10.179561)">
<polygon id="Bounds" points="0.987688341 -0.156434465 57.9876883 -0.156434465 57.9876883 57.8435655 0.987688341 57.8435655"></polygon>
<polygon id="Icon" fill="#E1E7FF" points="36.0642174 17.1388075 34.0573987 15.0465124 20.0642174 29.5465124 34.0573987 44.0465124 36.0642174 41.8631552 23.8819452 29.5465124"></polygon>
<g transform="translate(17.792363, 35.259501)">
<g transform="translate(0.000000, 37.249957)">
<rect id="Rectangle-3" fill="#FFFFFF" transform="translate(18.653284, 18.482803) rotate(9.000000) translate(-18.653284, -18.482803) " x="2.58276244" y="2.55915733" width="32.1410437" height="31.8472913" rx="15.9236456"></rect>
<ellipse id="Oval-4" fill="#FFFFFF" opacity="0.892719656" transform="translate(18.653284, 18.482803) rotate(9.000000) translate(-18.653284, -18.482803) " cx="18.6532843" cy="18.482803" rx="12.9138122" ry="12.7957867"></ellipse>
<g id="ic_chevron_left" transform="translate(18.447553, 19.374660) rotate(9.000000) translate(-18.447553, -19.374660) translate(3.947553, 4.874660)">
<polygon id="Bounds" points="0 0 28.4103869 0 28.4103869 28.1507307 0 28.1507307"></polygon>
<polygon id="Icon" fill="#F3F3F3" points="17.5913378 8.05319364 16.5727257 7.03768267 9.47012896 14.0753653 16.5727257 21.113048 17.5913378 20.0533394 11.4079142 14.0753653"></polygon>
</g>
</g>
<g transform="translate(80.000000, 94.000000)">
<ellipse id="Oval-4" fill="#FFFFFF" opacity="0.431499094" transform="translate(37.838789, 38.019830) rotate(9.000000) translate(-37.838789, -38.019830) " cx="37.7885097" cy="38.251758" rx="26" ry="26.5"></ellipse>
<rect id="Rectangle-3" stroke="#FFFFFF" opacity="0.576200181" transform="translate(37.823831, 37.573599) rotate(9.000000) translate(-37.823831, -37.573599) " x="6.26194811" y="5.10974367" width="63" height="65" rx="24"></rect>
<g transform="translate(40.176305, 45.496130)">
<ellipse id="Oval-4" fill="#FFFFFF" opacity="0.431499094" transform="translate(18.653284, 18.482803) rotate(9.000000) translate(-18.653284, -18.482803) " cx="18.6532843" cy="18.482803" rx="12.9138122" ry="12.7957867"></ellipse>
<rect id="Rectangle-3" stroke="#FFFFFF" opacity="0.576200181" transform="translate(18.653284, 18.482803) rotate(9.000000) translate(-18.653284, -18.482803) " x="3.08276244" y="3.05915733" width="31.1410437" height="30.8472913" rx="15.4236456"></rect>
</g>
<g transform="translate(13.000000, 0.000000)">
<ellipse id="Oval-4" fill="#FFFFFF" opacity="0.431499094" transform="translate(37.838789, 38.019830) rotate(9.000000) translate(-37.838789, -38.019830) " cx="37.7885097" cy="38.251758" rx="26" ry="26.5"></ellipse>
<rect id="Rectangle-3" stroke="#FFFFFF" opacity="0.576200181" transform="translate(37.823831, 37.573599) rotate(9.000000) translate(-37.823831, -37.573599) " x="6.26194811" y="5.10974367" width="63" height="65" rx="24"></rect>
<g transform="translate(6.313419, 0.000000)">
<ellipse id="Oval-4" fill="#FFFFFF" opacity="0.431499094" transform="translate(18.653284, 18.482803) rotate(9.000000) translate(-18.653284, -18.482803) " cx="18.6532843" cy="18.482803" rx="12.9138122" ry="12.7957867"></ellipse>
<rect id="Rectangle-3" stroke="#FFFFFF" opacity="0.576200181" transform="translate(18.653284, 18.482803) rotate(9.000000) translate(-18.653284, -18.482803) " x="3.08276244" y="3.05915733" width="31.1410437" height="30.8472913" rx="15.4236456"></rect>
</g>
<g transform="translate(93.000000, 14.000000)">
<ellipse id="Oval-4" fill="#FFFFFF" opacity="0.431499094" transform="translate(37.838789, 38.019830) rotate(9.000000) translate(-37.838789, -38.019830) " cx="37.7885097" cy="38.251758" rx="26" ry="26.5"></ellipse>
<rect id="Rectangle-3" stroke="#FFFFFF" opacity="0.576200181" transform="translate(37.823831, 37.573599) rotate(9.000000) translate(-37.823831, -37.573599) " x="6.26194811" y="5.10974367" width="63" height="65" rx="24"></rect>
<g transform="translate(46.489724, 7.108770)">
<ellipse id="Oval-4" fill="#FFFFFF" opacity="0.431499094" transform="translate(18.653284, 18.482803) rotate(9.000000) translate(-18.653284, -18.482803) " cx="18.6532843" cy="18.482803" rx="12.9138122" ry="12.7957867"></ellipse>
<rect id="Rectangle-3" stroke="#FFFFFF" opacity="0.576200181" transform="translate(18.653284, 18.482803) rotate(9.000000) translate(-18.653284, -18.482803) " x="3.08276244" y="3.05915733" width="31.1410437" height="30.8472913" rx="15.4236456"></rect>
</g>
</g>
</g>
</g>
</g>
<g id="ic_touch_app" transform="translate(240.500000, 82.000000) rotate(-226.000000) translate(-240.500000, -82.000000) translate(205.000000, 3.000000)" fill="#D0D0D0" opacity="0.400000006">
<path d="M45.1574471,42.0608275 C44.3575695,41.6786063 43.5106403,41.4601942 42.6166595,41.4601942 L39.0407362,41.4601942 L39.0407362,8.69837489 C39.0407362,4.16632322 35.8882775,0.507920065 31.9829928,0.507920065 C28.0777082,0.507920065 24.9252495,4.16632322 24.9252495,8.69837489 L24.9252495,67.3420314 L8.78654306,63.4106131 C8.41013008,63.3560101 8.08076872,63.246804 7.65730412,63.246804 C6.19870383,63.246804 4.88125841,63.9566434 3.94022596,65.0487041 L0.223147803,69.4169466 L23.4666492,96.3908445 C23.6897319,96.6497302 27.2396639,96.0870449 27.6375531,99.8141341 C29.5055328,117.311785 26.6412405,157.937383 28.2316019,157.937383 L60.5341425,140.684535 C61.2261543,140.31493 60.4021727,98.7933779 60.4021727,98.7933779 C63.9310444,98.7933779 66.6600385,95.7902112 67.1776063,91.8041898 L70.706478,63.0283919 C70.7535296,62.6461707 70.8005812,62.2639494 70.8005812,61.9363312 C70.8005812,58.5509432 69.0126196,55.6023795 66.5188836,54.4011128 L45.1574471,42.0608275 Z" id="Combined-Shape"></path>
</g>
<g id="ic_touch_app" transform="translate(239.500000, 89.000000) rotate(-226.000000) translate(-239.500000, -89.000000) translate(204.000000, 10.000000)" fill="#367EDD">
<path d="M45.1574471,42.0608275 C44.3575695,41.6786063 43.5106403,41.4601942 42.6166595,41.4601942 L39.0407362,41.4601942 L39.0407362,8.69837489 C39.0407362,4.16632322 35.8882775,0.507920065 31.9829928,0.507920065 C28.0777082,0.507920065 24.9252495,4.16632322 24.9252495,8.69837489 L24.9252495,67.3420314 L8.78654306,63.4106131 C8.41013008,63.3560101 8.08076872,63.246804 7.65730412,63.246804 C6.19870383,63.246804 4.88125841,63.9566434 3.94022596,65.0487041 L0.223147803,69.4169466 L23.4666492,96.3908445 C23.6897319,96.6497302 27.2396639,96.0870449 27.6375531,99.8141341 C29.5055328,117.311785 26.6412405,157.937383 28.2316019,157.937383 L60.5341425,140.684535 C61.2261543,140.31493 60.4021727,98.7933779 60.4021727,98.7933779 C63.9310444,98.7933779 66.6600385,95.7902112 67.1776063,91.8041898 L70.706478,63.0283919 C70.7535296,62.6461707 70.8005812,62.2639494 70.8005812,61.9363312 C70.8005812,58.5509432 69.0126196,55.6023795 66.5188836,54.4011128 L45.1574471,42.0608275 Z" id="Combined-Shape"></path>
</g>
</g>
</g>
</g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 15 KiB

98
dist/img/what_we_do/ux/main.svg vendored
View File

@@ -1,70 +1,78 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="722px" height="334px" viewBox="0 0 722 334" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 47 (45396) - http://www.bohemiancoding.com/sketch -->
<title>main</title>
<svg width="369px" height="175px" viewBox="0 0 369 175" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
<title>UX_UI_Design_mobile</title>
<desc>Created with Sketch.</desc>
<defs>
<path d="M257,0 L10,173.606061 C-0.218461392,180.655459 -3.05675448,194.382935 4,205.263636 L84,334.957576 L432,337 L432,0 L257,0 Z" id="path-1"></path>
<filter x="-0.7%" y="-0.3%" width="100.9%" height="100.6%" filterUnits="objectBoundingBox" id="filter-2">
<feOffset dx="-2" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feColorMatrix values="0 0 0 0 0.392156863 0 0 0 0 0.431372549 0 0 0 0 0.949019608 0 0 0 0.353572237 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
<path d="M128.715596,0.181640939 L5.02789125,85.1622095 C-0.109230696,88.6511201 -1.52837724,95.3736549 1.7889635,100.506098 L42.1613688,164.134831 L216,165.215206 L216,0.181640939 L128.715596,0.181640939 Z" id="path-1"></path>
<filter x="-2.1%" y="-2.1%" width="103.2%" height="104.2%" filterUnits="objectBoundingBox" id="filter-2">
<feOffset dx="-1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 0.816618835 0 0 0 0 0.816618835 0 0 0 0 0.816618835 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
</filter>
<path d="M363.878702,0.727991695 C365.701358,-0.551781507 368.209988,-0.100331855 369.478841,1.73742779 L387.278481,27.4847068 C388.547335,29.3211347 388.099271,31.8473884 386.275294,33.1271616 L24.1206287,287.272008 C22.2979731,288.551782 19.7906651,288.100332 18.5204896,286.262572 L0.722171603,260.515293 C-0.548003918,258.678865 -0.0986181977,256.152612 1.72403741,254.872838 L363.878702,0.727991695 Z" id="path-3"></path>
<filter x="-0.9%" y="-0.9%" width="101.8%" height="102.4%" filterUnits="objectBoundingBox" id="filter-4">
<path d="M181.939351,0.363995847 C182.850679,-0.275890754 184.104994,-0.0501659277 184.739421,0.868713895 L193.639241,13.7423534 C194.273667,14.6605674 194.049635,15.9236942 193.137647,16.5635808 L12.0603143,143.636004 C11.1489865,144.275891 9.89533254,144.050166 9.26024478,143.131286 L0.361085801,130.257647 C-0.274001959,129.339433 -0.0493090988,128.076306 0.862018707,127.436419 L181.939351,0.363995847 Z" id="path-3"></path>
<filter x="-1.8%" y="-1.7%" width="103.6%" height="104.9%" filterUnits="objectBoundingBox" id="filter-4">
<feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 0.392156863 0 0 0 0 0.431372549 0 0 0 0 0.949019608 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
<feColorMatrix values="0 0 0 0 0.816618835 0 0 0 0 0.816618835 0 0 0 0 0.816618835 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
</filter>
</defs>
<g id="assets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="main">
<g id="Group-4" transform="translate(0.000000, -1.000000)">
<g id="UX_UI_Design_mobile">
<g id="Group-4" transform="translate(4.000000, 3.000000)">
<g id="background">
<polygon id="Fill-3" fill="#F6F7FE" points="0 336 720 336 720 1 0 1"></polygon>
<g id="Group-58" transform="translate(290.000000, 0.000000)">
<polygon id="Fill-3" fill="#FAFAFA" points="0 165.242265 360 165.242265 360 0 0 0"></polygon>
<g id="Group-58" transform="translate(145.000000, 0.000000)">
<g id="Fill-15">
<use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
<use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
</g>
<path d="M317,1 L57,180.465875 C47.4186674,187.783651 48.4654035,184.498783 55,194.424332 L145,335.005935 L432,335.005935 L432,1 L317,1 Z" id="Fill-17" fill="#E1E7FF"></path>
<path d="M197.737003,300.561798 C197.737003,307.772677 191.890842,313.617978 184.678899,313.617978 C177.466957,313.617978 171.620795,307.772677 171.620795,300.561798 C171.620795,293.350918 177.466957,287.505618 184.678899,287.505618 C191.890842,287.505618 197.737003,293.350918 197.737003,300.561798" id="Fill-19" fill="#E1E7FF"></path>
<path d="M158.728042,0.181640939 L28.9210295,89.3251811 C23.8940599,92.7950407 24.4169251,91.1717122 27.663134,96.2747114 L71.6894761,164.134831 L216,165.215206 L216,0.181640939 L158.728042,0.181640939 Z" id="Fill-17" fill="#F3F3F3"></path>
</g>
</g>
<g id="checkbox" transform="translate(30.000000, 49.000000)">
<polygon id="Fill-9" fill="#B8E986" points="0 50.580453 51.9063126 50.580453 51.9063126 0 0 0"></polygon>
<polygon id="Stroke-10" stroke="#646EF2" points="0 124.091244 51.9063126 124.091244 51.9063126 73.5107914 0 73.5107914"></polygon>
<polygon id="Stroke-13" stroke="#646EF2" points="0 191.94736 51.9063126 191.94736 51.9063126 141.366906 0 141.366906"></polygon>
<polygon id="Stroke-13" stroke="#646EF2" points="0 261.688367 51.9063126 261.688367 51.9063126 211.107914 0 211.107914"></polygon>
<g id="Group-13" transform="translate(9.585253, 15.079137)" stroke="#FFFFFF" stroke-width="2">
<path d="M0,14.2257524 L12.9765781,25.2902265" id="Stroke-11"></path>
<path d="M34.0635176,0 L12.9765781,25.2902265" id="Stroke-12"></path>
<g id="checkbox" transform="translate(15.000000, 24.000000)">
<polygon id="Fill-9" fill="#D0D0D0" points="0 25.2902265 25.9531563 25.2902265 25.9531563 0 0 0"></polygon>
<polygon id="Stroke-10" stroke="#D0D0D0" points="0 62.0456222 25.9531563 62.0456222 25.9531563 36.7553957 0 36.7553957"></polygon>
<polygon id="Stroke-13" stroke="#D0D0D0" points="0 95.9736798 25.9531563 95.9736798 25.9531563 70.6834532 0 70.6834532"></polygon>
<polygon id="Stroke-13" stroke="#D0D0D0" points="0 130.844183 25.9531563 130.844183 25.9531563 105.553957 0 105.553957"></polygon>
<g id="Group-13" transform="translate(4.792627, 7.539568)" stroke="#FFFFFF" stroke-width="2">
<path d="M0,7.11287621 L6.48828907,12.6451133" id="Stroke-11"></path>
<path d="M17.0317588,0 L6.48828907,12.6451133" id="Stroke-12"></path>
</g>
</g>
<g id="ruler" transform="translate(310.000000, 17.000000)">
<g id="ruler" transform="translate(155.000000, 8.000000)">
<g id="Fill-36">
<use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
<use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-3"></use>
</g>
<path d="M18,244 L22,250" id="Stroke-38" stroke="#92A1F7"></path>
<path d="M46,224 L50,230" id="Stroke-40" stroke="#92A1F7"></path>
<path d="M76,204 L80,210" id="Stroke-42" stroke="#92A1F7"></path>
<path d="M106,182 L110,188" id="Stroke-44" stroke="#92A1F7"></path>
<path d="M138,160 L142,166" id="Stroke-46" stroke="#92A1F7"></path>
<path d="M172,138 L176,144" id="Stroke-48" stroke="#92A1F7"></path>
<path d="M204,114 L208,120" id="Stroke-50" stroke="#92A1F7"></path>
<path d="M238,90 L242,96" id="Stroke-52" stroke="#92A1F7"></path>
<path d="M276,64 L280,70" id="Stroke-54" stroke="#92A1F7"></path>
<path d="M310,40 L314,46" id="Stroke-56" stroke="#92A1F7"></path>
<polygon id="1" fill="#92A1F7" points="320 56 320 54.6341463 322.997468 54.6341463 322.997468 43.8549769 320 44.5379038 320 43.1351351 325.002532 42 325.002532 54.6341463 328 54.6341463 328 56"></polygon>
<path d="M284,80 L284,78.4034278 C284.516519,77.1667703 285.561554,75.8193876 287.135135,74.3612393 L288.153153,73.4291365 C289.462469,72.2170891 290.117117,71.0142885 290.117117,69.8206987 C290.117117,69.0577857 289.893396,68.4579235 289.445946,68.0210943 C288.998496,67.584265 288.384388,67.3658537 287.603604,67.3658537 C286.678674,67.3658537 285.588595,67.7319234 284.333333,68.4640738 L284.333333,66.8582729 C285.516522,66.2860881 286.690685,66 287.855856,66 C289.105111,66 290.108104,66.3445362 290.864865,67.033619 C291.621625,67.7227018 292,68.636338 292,69.774555 C292,70.5928408 291.809311,71.3188279 291.427928,71.9525379 C291.046545,72.5862479 290.336342,73.355302 289.297297,74.2597231 L288.612613,74.8595913 C287.189182,76.0962488 286.366367,77.2775158 286.144144,78.4034278 L291.936937,78.4034278 L291.936937,80 L284,80 Z" id="2" fill="#92A1F7"></path>
<path d="M248.669584,96.3917112 L249.754923,96.3917112 C250.355948,96.3917112 250.881106,96.2778532 251.330416,96.0501337 C251.779725,95.8224142 252.122537,95.5104744 252.358862,95.1143048 C252.595187,94.7181353 252.713348,94.2611434 252.713348,93.7433155 C252.713348,92.8698709 252.482862,92.1867226 252.021882,91.6938503 C251.560902,91.2009779 250.898618,90.9545455 250.035011,90.9545455 C249.218085,90.9545455 248.548507,91.2118958 248.026258,91.7266043 C247.504009,92.2413127 247.242888,92.9197819 247.242888,93.7620321 L246.19256,93.7620321 C246.19256,93.0570375 246.35886,92.4128817 246.691466,91.8295455 C247.024072,91.2462092 247.485044,90.7954561 248.074398,90.4772727 C248.663752,90.1590893 249.317283,90 250.035011,90 C251.190378,90 252.100653,90.336895 252.765864,91.0106952 C253.431076,91.6844953 253.763676,92.6078373 253.763676,93.7807487 C253.763676,94.4358322 253.569659,95.0394357 253.181619,95.5915775 C252.793579,96.1437193 252.261127,96.5570396 251.584245,96.8315508 C252.37783,97.0686286 252.978846,97.4757101 253.387309,98.0528075 C253.795772,98.6299048 254,99.3177322 254,100.11631 C254,101.282983 253.644059,102.221922 252.932166,102.933155 C252.220274,103.644389 251.269153,104 250.078775,104 C249.3202,104 248.624365,103.837791 247.991247,103.513369 C247.35813,103.188947 246.867981,102.735074 246.520788,102.151738 C246.173594,101.568402 246,100.889933 246,100.11631 L247.050328,100.11631 C247.050328,100.983516 247.333331,101.69006 247.899344,102.235963 C248.465357,102.781865 249.191826,103.054813 250.078775,103.054813 C250.983228,103.054813 251.687817,102.806821 252.19256,102.310829 C252.697304,101.814837 252.949672,101.095816 252.949672,100.153743 C252.949672,99.2428653 252.676881,98.5472395 252.131291,98.0668449 C251.585701,97.5864504 250.781916,97.3462567 249.719912,97.3462567 L248.669584,97.3462567 L248.669584,96.3917112 Z" id="3" fill="#92A1F7"></path>
<path d="M219.800388,123.490385 L222,123.490385 L222,124.461538 L219.800388,124.461538 L219.800388,128 L218.637597,128 L218.637597,124.461538 L212,124.461538 L212,123.807692 L218.531008,114 L219.800388,114 L219.800388,123.490385 Z M213.424419,123.490385 L218.637597,123.490385 L218.637597,115.490385 L218.124031,116.375 L213.424419,123.490385 Z" id="4" fill="#92A1F7"></path>
<path d="M180.455581,144.734417 L181.102506,138 L187.735763,138 L187.735763,139.052846 L182.041002,139.052846 L181.57631,143.719512 C182.287019,143.213638 183.119206,142.960705 184.072893,142.960705 C185.269558,142.960705 186.223231,143.365398 186.933941,144.174797 C187.64465,144.984196 188,146.062324 188,147.409214 C188,148.863603 187.653762,149.992318 186.961276,150.795393 C186.268789,151.598468 185.293856,152 184.036446,152 C182.882303,152 181.946852,151.664863 181.230068,150.99458 C180.513284,150.324297 180.103266,149.385282 180,148.177507 L181.047836,148.177507 C181.151102,149.119698 181.457856,149.832653 181.968109,150.316396 C182.478362,150.800138 183.167801,151.042005 184.036446,151.042005 C184.984059,151.042005 185.699314,150.729 186.182232,150.102981 C186.66515,149.476962 186.906606,148.585372 186.906606,147.428184 C186.906606,146.416436 186.636297,145.591241 186.095672,144.952575 C185.555047,144.313908 184.817013,143.99458 183.881549,143.99458 C183.365221,143.99458 182.915719,144.062556 182.53303,144.198509 C182.15034,144.334463 181.746395,144.598462 181.321185,144.990515 L180.455581,144.734417 Z" id="5" fill="#92A1F7"></path>
<path d="M152.323725,160 L152.323725,160.988568 L152.199557,160.988568 C150.656312,160.988568 149.441246,161.470293 148.554324,162.433759 C147.667401,163.397225 147.176645,164.735701 147.08204,166.449227 C147.436809,165.928265 147.889133,165.524996 148.439024,165.239408 C148.988916,164.953821 149.60384,164.811029 150.283814,164.811029 C151.419074,164.811029 152.322244,165.226851 152.993348,166.058507 C153.664453,166.890163 154,167.977577 154,169.32078 C154,170.212065 153.843313,171.015464 153.529933,171.731002 C153.216554,172.44654 152.767187,173.003585 152.181818,173.402152 C151.596449,173.800719 150.928311,174 150.177384,174 C148.941605,174 147.936441,173.524551 147.161863,172.573638 C146.387284,171.622726 146,170.39409 146,168.887693 L146,167.757902 C146,165.303731 146.526233,163.403504 147.578714,162.057162 C148.631195,160.71082 150.124159,160.025107 152.05765,160 L152.323725,160 Z M150.115299,165.780767 C149.441238,165.780767 148.813011,165.9926 148.230599,166.416274 C147.648186,166.839948 147.259424,167.378163 147.064302,168.030935 L147.064302,168.991258 C147.064302,170.183821 147.352547,171.156688 147.929047,171.909886 C148.505546,172.663084 149.254984,173.039677 150.177384,173.039677 C151.005178,173.039677 151.674794,172.691328 152.186253,171.99462 C152.697711,171.297912 152.953437,170.419194 152.953437,169.35844 C152.953437,168.278856 152.697711,167.412691 152.186253,166.759919 C151.674794,166.107148 150.984483,165.780767 150.115299,165.780767 Z" id="6" fill="#92A1F7"></path>
<polygon id="7" fill="#92A1F7" points="122 182.663462 116.800418 196 115.755486 196 120.92163 182.980769 114 182.980769 114 182 122 182"></polygon>
<path d="M91.6720604,207.696524 C91.6720604,208.401519 91.4822025,209.033197 91.1024811,209.591578 C90.7227597,210.149958 90.2222253,210.560159 89.600863,210.822193 C90.3257857,211.090465 90.9068658,211.524061 91.3441208,212.122995 C91.7813758,212.721928 92,213.414435 92,214.200535 C92,215.367207 91.6346674,216.292109 90.9039914,216.975267 C90.1733153,217.658426 89.2067662,218 88.004315,218 C86.7903571,218 85.819493,217.659986 85.0916936,216.979947 C84.3638942,216.299907 84,215.373446 84,214.200535 C84,213.426912 84.2099943,212.737525 84.6299892,212.132353 C85.0499841,211.527181 85.625311,211.090465 86.3559871,210.822193 C85.7346247,210.560159 85.2398436,210.149958 84.8716289,209.591578 C84.5034142,209.033197 84.3193096,208.401519 84.3193096,207.696524 C84.3193096,206.567285 84.6544375,205.668898 85.3247033,205.001337 C85.9949692,204.333776 86.8824109,204 87.987055,204 C89.0916992,204 89.9820175,204.336895 90.6580367,205.010695 C91.3340559,205.684495 91.6720604,206.579763 91.6720604,207.696524 Z M90.9644013,214.209893 C90.9644013,213.361404 90.6853678,212.664218 90.1272923,212.118316 C89.5692169,211.572413 88.8558116,211.299465 87.987055,211.299465 C87.1182984,211.299465 86.4077698,211.567734 85.8554477,212.104278 C85.3031256,212.640823 85.0269687,213.342687 85.0269687,214.209893 C85.0269687,215.077099 85.2944957,215.768046 85.8295577,216.282754 C86.3646197,216.797462 87.0895316,217.054813 88.004315,217.054813 C88.896085,217.054813 89.6123669,216.799022 90.1531823,216.287433 C90.6939977,215.775844 90.9644013,215.083338 90.9644013,214.209893 Z M90.6364617,207.687166 C90.6364617,206.907304 90.3876328,206.25691 89.8899676,205.735963 C89.3923024,205.215015 88.7580046,204.954545 87.987055,204.954545 C87.2045987,204.954545 86.5703009,205.205657 86.0841424,205.707888 C85.5979839,206.210118 85.3549083,206.869871 85.3549083,207.687166 C85.3549083,208.485744 85.5979839,209.12834 86.0841424,209.614973 C86.5703009,210.101607 87.2074754,210.34492 87.995685,210.34492 C88.7723879,210.34492 89.4066858,210.100047 89.8985976,209.610294 C90.3905095,209.120541 90.6364617,208.479505 90.6364617,207.687166 Z" id="8" fill="#92A1F7"></path>
<path d="M62.9368771,231.550773 C62.5588759,232.140779 62.0893347,232.597398 61.5282392,232.920646 C60.9671437,233.243893 60.3588073,233.405514 59.7032115,233.405514 C58.9708343,233.405514 58.3241076,233.204665 57.7630122,232.802959 C57.2019167,232.401253 56.7678125,231.845778 56.4606866,231.136516 C56.1535607,230.427255 56,229.6521 56,228.811029 C56,227.907191 56.1638965,227.084962 56.4916944,226.344317 C56.8194922,225.603673 57.2772211,225.027799 57.8648948,224.616678 C58.4525685,224.205557 59.1303025,224 59.8981174,224 C61.1915901,224 62.1985937,224.481726 62.9191584,225.445192 C63.6397231,226.408658 64,227.775378 64,229.545393 L64,230.562206 C64,233.035206 63.5038809,234.893067 62.5116279,236.135844 C61.5193749,237.378621 60.0044399,238 57.9667774,238 L57.7718715,238 L57.7807309,237.020847 L58.1528239,237.020847 C59.6943599,236.995741 60.8667365,236.531276 61.6699889,235.627438 C62.4732414,234.7236 62.8955332,233.364726 62.9368771,231.550773 Z M59.8361019,232.435777 C60.544854,232.435777 61.1812449,232.21139 61.7452935,231.762609 C62.3093421,231.313829 62.7094857,230.731678 62.9457364,230.01614 L62.9457364,229.36651 C62.9457364,227.973093 62.6725756,226.891956 62.1262458,226.123067 C61.5799161,225.354177 60.8431202,224.969738 59.9158361,224.969738 C59.077146,224.969738 58.3890761,225.329071 57.8516058,226.047747 C57.3141354,226.766424 57.0454042,227.671817 57.0454042,228.763954 C57.0454042,229.812155 57.3037996,230.686166 57.820598,231.386012 C58.3373965,232.085859 59.0092244,232.435777 59.8361019,232.435777 Z" id="9" fill="#92A1F7"></path>
<path d="M28.7099391,261.812834 L27.6146045,261.812834 L27.6146045,249.534759 L24,250.910428 L24,249.862299 L28.5273834,248.140374 L28.7099391,248.140374 L28.7099391,261.812834 Z M42,256.132353 C42,258.053931 41.6561901,259.51225 40.9685598,260.507353 C40.2809296,261.502456 39.2677552,262 37.9290061,262 C36.6145979,262 35.6075086,261.511814 34.9077079,260.535428 C34.2079073,259.559041 33.8488845,258.138155 33.8306288,256.272727 L33.8306288,253.830214 C33.8306288,251.914875 34.1774813,250.464354 34.8711968,249.47861 C35.5649122,248.492865 36.5780866,248 37.9107505,248 C39.2251587,248 40.2292055,248.475708 40.9229209,249.427139 C41.6166363,250.37857 41.9756591,251.780739 42,253.63369 L42,256.132353 Z M40.9046653,253.68984 C40.9046653,252.130117 40.6566962,250.950984 40.1607505,250.152406 C39.6648048,249.353828 38.9148123,248.954545 37.9107505,248.954545 C36.9249444,248.954545 36.1825583,249.34447 35.68357,250.124332 C35.1845817,250.904193 34.9290061,252.055251 34.9168357,253.57754 L34.9168357,256.254011 C34.9168357,257.807494 35.1739325,258.995985 35.6881339,259.819519 C36.2023352,260.643052 36.9492852,261.054813 37.9290061,261.054813 C38.9026418,261.054813 39.640464,260.65241 40.1424949,259.847594 C40.6445258,259.042777 40.8985801,257.863644 40.9046653,256.31016 L40.9046653,253.68984 Z" id="10" fill="#92A1F7"></path>
<path d="M9,122 L11,125" id="Stroke-38" stroke="#D0D0D0"></path>
<path d="M23,112 L25,115" id="Stroke-40" stroke="#D0D0D0"></path>
<path d="M38,102 L40,105" id="Stroke-42" stroke="#D0D0D0"></path>
<path d="M53,91 L55,94" id="Stroke-44" stroke="#D0D0D0"></path>
<path d="M69,80 L71,83" id="Stroke-46" stroke="#D0D0D0"></path>
<path d="M86,69 L88,72" id="Stroke-48" stroke="#D0D0D0"></path>
<path d="M102,57 L104,60" id="Stroke-50" stroke="#D0D0D0"></path>
<path d="M119,45 L121,48" id="Stroke-52" stroke="#D0D0D0"></path>
<path d="M138,32 L140,35" id="Stroke-54" stroke="#D0D0D0"></path>
<path d="M155,20 L157,23" id="Stroke-56" stroke="#D0D0D0"></path>
<polygon id="1" fill="#9B9B9B" points="160 28 160 27.3170732 161.498734 27.3170732 161.498734 21.9274885 160 22.2689519 160 21.5675676 162.501266 21 162.501266 27.3170732 164 27.3170732 164 28"></polygon>
<path d="M142,40 L142,39.2017139 C142.25826,38.5833852 142.780777,37.9096938 143.567568,37.1806196 L144.076577,36.7145682 C144.731235,36.1085445 145.058559,35.5071443 145.058559,34.9103494 C145.058559,34.5288928 144.946698,34.2289618 144.722973,34.0105471 C144.499248,33.7921325 144.192194,33.6829268 143.801802,33.6829268 C143.339337,33.6829268 142.794297,33.8659617 142.166667,34.2320369 L142.166667,33.4291365 C142.758261,33.1430441 143.345342,33 143.927928,33 C144.552556,33 145.054052,33.1722681 145.432432,33.5168095 C145.810813,33.8613509 146,34.318169 146,34.8872775 C146,35.2964204 145.904656,35.6594139 145.713964,35.976269 C145.523272,36.293124 145.168171,36.677651 144.648649,37.1298616 L144.306306,37.4297956 C143.594591,38.0481244 143.183184,38.6387579 143.072072,39.2017139 L145.968468,39.2017139 L145.968468,40 L142,40 Z" id="2" fill="#9B9B9B"></path>
<path d="M124.334792,48.1958556 L124.877462,48.1958556 C125.177974,48.1958556 125.440553,48.1389266 125.665208,48.0250668 C125.889863,47.9112071 126.061269,47.7552372 126.179431,47.5571524 C126.297594,47.3590676 126.356674,47.1305717 126.356674,46.8716578 C126.356674,46.4349354 126.241431,46.0933613 126.010941,45.8469251 C125.780451,45.600489 125.449309,45.4772727 125.017505,45.4772727 C124.609042,45.4772727 124.274254,45.6059479 124.013129,45.8633021 C123.752005,46.1206564 123.621444,46.4598909 123.621444,46.881016 L123.09628,46.881016 C123.09628,46.5285187 123.17943,46.2064409 123.345733,45.9147727 C123.512036,45.6231046 123.742522,45.3977281 124.037199,45.2386364 C124.331876,45.0795447 124.658642,45 125.017505,45 C125.595189,45 126.050327,45.1684475 126.382932,45.5053476 C126.715538,45.8422477 126.881838,46.3039186 126.881838,46.8903743 C126.881838,47.2179161 126.78483,47.5197179 126.59081,47.7957888 C126.39679,48.0718597 126.130563,48.2785198 125.792123,48.4157754 C126.188915,48.5343143 126.489423,48.7378551 126.693654,49.0264037 C126.897886,49.3149524 127,49.6588661 127,50.0581551 C127,50.6414913 126.822029,51.1109608 126.466083,51.4665775 C126.110137,51.8221943 125.634576,52 125.039387,52 C124.6601,52 124.312182,51.9188956 123.995624,51.7566845 C123.679065,51.5944733 123.433991,51.3675371 123.260394,51.075869 C123.086797,50.7842009 123,50.4449663 123,50.0581551 L123.525164,50.0581551 C123.525164,50.491758 123.666665,50.8450298 123.949672,51.1179813 C124.232678,51.3909327 124.595913,51.5274064 125.039387,51.5274064 C125.491614,51.5274064 125.843908,51.4034103 126.09628,51.1554144 C126.348652,50.9074185 126.474836,50.5479079 126.474836,50.0768717 C126.474836,49.6214327 126.33844,49.2736197 126.065646,49.0334225 C125.792851,48.7932252 125.390958,48.6731283 124.859956,48.6731283 L124.334792,48.6731283 L124.334792,48.1958556 Z" id="3" fill="#9B9B9B"></path>
<path d="M109.900194,61.7451923 L111,61.7451923 L111,62.2307692 L109.900194,62.2307692 L109.900194,64 L109.318798,64 L109.318798,62.2307692 L106,62.2307692 L106,61.9038462 L109.265504,57 L109.900194,57 L109.900194,61.7451923 Z M106.712209,61.7451923 L109.318798,61.7451923 L109.318798,57.7451923 L109.062016,58.1875 L106.712209,61.7451923 Z" id="4" fill="#9B9B9B"></path>
<path d="M90.2277904,72.3672087 L90.5512528,69 L93.8678815,69 L93.8678815,69.5264228 L91.0205011,69.5264228 L90.7881549,71.8597561 C91.1435097,71.606819 91.5596028,71.4803523 92.0364465,71.4803523 C92.634779,71.4803523 93.1116155,71.682699 93.4669704,72.0873984 C93.8223252,72.4920978 94,73.0311619 94,73.704607 C94,74.4318013 93.826881,74.9961588 93.4806378,75.3976965 C93.1343946,75.7992342 92.646928,76 92.0182232,76 C91.4411513,76 90.9734262,75.8324317 90.6150342,75.49729 C90.2566421,75.1621483 90.0516328,74.6926408 90,74.0887534 L90.523918,74.0887534 C90.5755508,74.5598488 90.7289281,74.9163267 90.9840547,75.1581978 C91.2391812,75.400069 91.5839006,75.5210027 92.0182232,75.5210027 C92.4920297,75.5210027 92.8496571,75.3645002 93.0911162,75.0514905 C93.3325752,74.7384808 93.453303,74.2926858 93.453303,73.7140921 C93.453303,73.2082179 93.3181487,72.7956204 93.047836,72.4762873 C92.7775233,72.1569541 92.4085065,71.99729 91.9407745,71.99729 C91.6826107,71.99729 91.4578597,72.0312779 91.2665148,72.0992547 C91.0751699,72.1672316 90.8731977,72.2992312 90.6605923,72.4952575 L90.2277904,72.3672087 Z" id="5" fill="#9B9B9B"></path>
<path d="M76.1618625,80 L76.1618625,80.4942838 L76.0997783,80.4942838 C75.3281558,80.4942838 74.7206231,80.7351467 74.2771619,81.2168796 C73.8337007,81.6986126 73.5883225,82.3678505 73.54102,83.2246133 C73.7184044,82.9641323 73.9445663,82.7624979 74.2195122,82.6197041 C74.4944581,82.4769103 74.80192,82.4055145 75.1419069,82.4055145 C75.7095372,82.4055145 76.1611218,82.6134254 76.4966741,83.0292535 C76.8322264,83.4450817 77,83.9887884 77,84.66039 C77,85.1060323 76.9216564,85.5077319 76.7649667,85.865501 C76.6082771,86.2232701 76.3835935,86.5017923 76.0909091,86.701076 C75.7982247,86.9003597 75.4641556,87 75.0886918,87 C74.4708025,87 73.9682207,86.7622754 73.5809313,86.2868191 C73.1936418,85.8113628 73,85.1970448 73,84.4438467 L73,83.8789509 C73,82.6518656 73.2631164,81.7017519 73.789357,81.028581 C74.3155976,80.3554102 75.0620794,80.0125533 76.0288248,80 L76.1618625,80 Z M75.0576497,82.8903833 C74.7206192,82.8903833 74.4065055,82.9963002 74.1152993,83.2081372 C73.8240931,83.4199742 73.6297122,83.6890815 73.5321508,84.0154674 L73.5321508,84.4956288 C73.5321508,85.0919106 73.6762735,85.5783438 73.9645233,85.9549428 C74.2527731,86.3315419 74.6274922,86.5198386 75.0886918,86.5198386 C75.5025889,86.5198386 75.8373971,86.3456641 76.0931264,85.99731 C76.3488557,85.6489559 76.4767184,85.2095969 76.4767184,84.6792199 C76.4767184,84.1394279 76.3488557,83.7063455 76.0931264,83.3799597 C75.8373971,83.0535738 75.4922416,82.8903833 75.0576497,82.8903833 Z" id="6" fill="#9B9B9B"></path>
<polygon id="7" fill="#9B9B9B" points="61 91.3317308 58.400209 98 57.8777429 98 60.460815 91.4903846 57 91.4903846 57 91 61 91"></polygon>
<path d="M45.8360302,103.848262 C45.8360302,104.200759 45.7411013,104.516598 45.5512406,104.795789 C45.3613798,105.074979 45.1111127,105.28008 44.8004315,105.411096 C45.1628929,105.545232 45.4534329,105.762031 45.6720604,106.061497 C45.8906879,106.360964 46,106.707217 46,107.100267 C46,107.683604 45.8173337,108.146054 45.4519957,108.487634 C45.0866576,108.829213 44.6033831,109 44.0021575,109 C43.3951786,109 42.9097465,108.829993 42.5458468,108.489973 C42.1819471,108.149954 42,107.686723 42,107.100267 C42,106.713456 42.1049972,106.368763 42.3149946,106.066176 C42.5249921,105.76359 42.8126555,105.545232 43.1779935,105.411096 C42.8673124,105.28008 42.6199218,105.074979 42.4358145,104.795789 C42.2517071,104.516598 42.1596548,104.200759 42.1596548,103.848262 C42.1596548,103.283642 42.3272187,102.834449 42.6623517,102.500668 C42.9974846,102.166888 43.4412054,102 43.9935275,102 C44.5458496,102 44.9910087,102.168448 45.3290183,102.505348 C45.6670279,102.842248 45.8360302,103.289881 45.8360302,103.848262 Z M45.4822006,107.104947 C45.4822006,106.680702 45.3426839,106.332109 45.0636462,106.059158 C44.7846085,105.786206 44.4279058,105.649733 43.9935275,105.649733 C43.5591492,105.649733 43.2038849,105.783867 42.9277238,106.052139 C42.6515628,106.320411 42.5134844,106.671344 42.5134844,107.104947 C42.5134844,107.538549 42.6472479,107.884023 42.9147789,108.141377 C43.1823099,108.398731 43.5447658,108.527406 44.0021575,108.527406 C44.4480425,108.527406 44.8061835,108.399511 45.0765912,108.143717 C45.3469988,107.887922 45.4822006,107.541669 45.4822006,107.104947 Z M45.3182309,103.843583 C45.3182309,103.453652 45.1938164,103.128455 44.9449838,102.867981 C44.6961512,102.607508 44.3790023,102.477273 43.9935275,102.477273 C43.6022994,102.477273 43.2851504,102.602829 43.0420712,102.853944 C42.798992,103.105059 42.6774542,103.434936 42.6774542,103.843583 C42.6774542,104.242872 42.798992,104.56417 43.0420712,104.807487 C43.2851504,105.050803 43.6037377,105.17246 43.9978425,105.17246 C44.386194,105.17246 44.7033429,105.050024 44.9492988,104.805147 C45.1952547,104.560271 45.3182309,104.239752 45.3182309,103.843583 Z" id="8" fill="#9B9B9B"></path>
<path d="M31.4684385,115.775387 C31.279438,116.070389 31.0446673,116.298699 30.7641196,116.460323 C30.4835719,116.621947 30.1794036,116.702757 29.8516058,116.702757 C29.4854171,116.702757 29.1620538,116.602332 28.8815061,116.401479 C28.6009584,116.200627 28.3839063,115.922889 28.2303433,115.568258 C28.0767803,115.213627 28,114.82605 28,114.405514 C28,113.953596 28.0819482,113.542481 28.2458472,113.172159 C28.4097461,112.801836 28.6386106,112.513899 28.9324474,112.308339 C29.2262842,112.102779 29.5651513,112 29.9490587,112 C30.595795,112 31.0992968,112.240863 31.4595792,112.722596 C31.8198615,113.204329 32,113.887689 32,114.772697 L32,115.281103 C32,116.517603 31.7519405,117.446534 31.255814,118.067922 C30.7596874,118.68931 30.0022199,119 28.9833887,119 L28.8859358,119 L28.8903654,118.510424 L29.076412,118.510424 C29.8471799,118.49787 30.4333682,118.265638 30.8349945,117.813719 C31.2366207,117.3618 31.4477666,116.682363 31.4684385,115.775387 Z M29.9180509,116.217888 C30.272427,116.217888 30.5906224,116.105695 30.8726467,115.881305 C31.154671,115.656914 31.3547429,115.365839 31.4728682,115.00807 L31.4728682,114.683255 C31.4728682,113.986547 31.3362878,113.445978 31.0631229,113.061533 C30.789958,112.677088 30.4215601,112.484869 29.9579181,112.484869 C29.538573,112.484869 29.1945381,112.664535 28.9258029,113.023874 C28.6570677,113.383212 28.5227021,113.835909 28.5227021,114.381977 C28.5227021,114.906077 28.6518998,115.343083 28.910299,115.693006 C29.1686982,116.042929 29.5046122,116.217888 29.9180509,116.217888 Z" id="9" fill="#9B9B9B"></path>
<path d="M14.3549696,130.906417 L13.8073022,130.906417 L13.8073022,124.76738 L12,125.455214 L12,124.93115 L14.2636917,124.070187 L14.3549696,124.070187 L14.3549696,130.906417 Z M21,128.066176 C21,129.026966 20.828095,129.756125 20.4842799,130.253676 C20.1404648,130.751228 19.6338776,131 18.964503,131 C18.3072989,131 17.8037543,130.755907 17.453854,130.267714 C17.1039536,129.779521 16.9244422,129.069078 16.9153144,128.136364 L16.9153144,126.915107 C16.9153144,125.957437 17.0887407,125.232177 17.4355984,124.739305 C17.7824561,124.246432 18.2890433,124 18.9553753,124 C19.6125794,124 20.1146027,124.237854 20.4614604,124.71357 C20.8083182,125.189285 20.9878296,125.89037 21,126.816845 L21,128.066176 Z M20.4523327,126.84492 C20.4523327,126.065058 20.3283481,125.475492 20.0803753,125.076203 C19.8324024,124.676914 19.4574062,124.477273 18.9553753,124.477273 C18.4624722,124.477273 18.0912791,124.672235 17.841785,125.062166 C17.5922908,125.452096 17.4645031,126.027625 17.4584178,126.78877 L17.4584178,128.127005 C17.4584178,128.903747 17.5869663,129.497993 17.8440669,129.909759 C18.1011676,130.321526 18.4746426,130.527406 18.964503,130.527406 C19.4513209,130.527406 19.820232,130.326205 20.0712475,129.923797 C20.3222629,129.521388 20.44929,128.931822 20.4523327,128.15508 L20.4523327,126.84492 Z" id="10" fill="#9B9B9B"></path>
</g>
<g id="Page-1" opacity="0.400000006" transform="translate(72.000000, 13.000000)" fill="#D0D0D0">
<path d="M0.950784817,12.5613573 C17.9696342,39.3667801 30.7337713,59.4708471 39.243196,72.8735585 C39.5989102,73.4338237 40.1324814,74.2742215 40.8439098,75.394752 L55.2255888,65.6042467 L15.3324638,2.77085208 C13.5961462,0.0356788024 10.0830643,-0.705109891 7.46963184,1.11209013 L2.53571634,4.33225322 C-0.0777161322,6.14945324 -0.785532796,9.82678879 0.950784817,12.5613573 Z"></path>
<path d="M45.2383831,89.0500577 C42.7538022,101.947642 50.7235289,114.500534 63.0476282,117.100853 C71.4680464,118.876932 81.0995533,116.171995 87.6016438,110.133811 C82.917342,109.145085 77.2241848,103.753957 78.6970213,96.1084133 C80.5627682,86.4201066 74.5968849,77.0232776 65.3397986,75.0706191 C56.08329,73.1173559 47.1041301,79.361751 45.2383831,89.0500577 Z" id="Stroke-3"></path>
</g>
<g id="Page-1" transform="translate(78.000000, 9.000000)" fill="#367EDD">
<path d="M0.944831708,12.6115081 C17.8571217,39.5239506 30.5413392,59.7082825 38.9974842,73.1645038 C39.3509712,73.7270058 39.8812016,74.5707589 40.5881756,75.695763 L54.8798072,65.8661695 L15.2364633,2.78191461 C13.5110172,0.0358212488 10.0199316,-0.707925019 7.42286255,1.11653011 L2.51983956,4.3495496 C-0.0772295314,6.17400473 -0.780614373,9.86602192 0.944831708,12.6115081 Z"></path>
<path d="M44.9551339,89.4055871 C42.4861096,102.354665 50.4059358,114.957673 62.6528708,117.568374 C71.0205665,119.351544 80.5917681,116.635808 87.0531474,110.573517 C82.3981752,109.580843 76.7406643,104.168192 78.204279,96.492123 C80.058344,86.765136 74.1298146,77.3307905 64.9306893,75.3703361 C55.7321381,73.4092745 46.809199,79.6786002 44.9551339,89.4055871 Z" id="Stroke-3"></path>
</g>
</g>
</g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 18 KiB

144
dist/img/what_we_do/web/main.svg vendored
View File

@@ -1,94 +1,102 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="722px" height="334px" viewBox="0 0 722 334" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 47 (45396) - http://www.bohemiancoding.com/sketch -->
<title>Software_Development_mobile_parallax</title>
<svg width="369px" height="175px" viewBox="0 0 369 175" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
<title>Software_Development_mobile</title>
<desc>Created with Sketch.</desc>
<defs>
<path d="M0,0 L245.00964,172.03012 C255.26746,179.519531 258.079511,193.277471 251.034467,204.222892 L171.707575,334 L0,334 L0,0 Z" id="path-1"></path>
<filter x="-0.4%" y="-0.3%" width="101.6%" height="100.6%" filterUnits="objectBoundingBox" id="filter-2">
<feOffset dx="2" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feColorMatrix values="0 0 0 0 0.392156863 0 0 0 0 0.431372549 0 0 0 0 0.949019608 0 0 0 0.350656703 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
<path d="M0,0 L122.143029,85.5550275 C127.215996,89.098838 128.617419,95.9271559 125.341507,101.140361 L85.4732933,165.77033 L0,165.77033 L0,0 Z" id="path-1"></path>
<filter x="-2.4%" y="-1.8%" width="104.7%" height="103.6%" filterUnits="objectBoundingBox" id="filter-2">
<feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 0.816618835 0 0 0 0 0.816618835 0 0 0 0 0.816618835 0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
</filter>
<path d="M0,0 L201.571072,141.084131 C211.767847,148.212239 210.70726,144.877447 204.122605,155.360502 L107.87807,294.76506 L0,294.76506 L0,0 Z" id="path-3"></path>
<path d="M0,0 L100.283022,70.1496609 C105.355989,73.693889 104.82834,72.0357681 101.552428,77.2481385 L57.3518355,147.207972 L0,147.207972 L0,0 Z" id="path-3"></path>
</defs>
<g id="assets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Software_Development_mobile_parallax">
<g id="Group-2" transform="translate(-2.000000, 0.000000)">
<g id="Software_Development_mobile">
<g id="Group-2" transform="translate(3.000000, 4.000000)">
<g id="Group-18">
<g id="Page-1">
<g id="background">
<polygon id="Fill-2" fill="#173C8E" points="0.593578783 333.107934 443.549531 333.107934 443.549531 164.653635 0.593578783 164.653635"></polygon>
<polygon id="Fill-3" fill="#F6F7FE" points="1.00554018 334 724.994468 334 724.994468 0 1.00554018 0"></polygon>
<g id="Group-32" transform="translate(0.004159, 0.000000)">
<g id="Group" transform="translate(162.670335, 0.000000)">
<polygon id="Fill-3" fill="#EDEFFD" opacity="0.338032156" points="437.80411 334 560.30893 334 560.30893 6.03614458 437.80411 6.03614458"></polygon>
<polygon id="Fill-3" fill="#EDEFFD" points="0 334 437.80411 334 437.80411 0 0 0"></polygon>
<polygon id="Fill-3" fill="#FFFFFF" opacity="0.534363678" points="437.80411 215.289157 560.30893 215.289157 560.30893 122.73494 437.80411 122.73494"></polygon>
<g id="Group-22" transform="translate(0.000000, 48.289157)" stroke-linecap="square">
<path d="M10.5329878,3.52108434 L294.787896,3.52108434" id="Line-5" stroke="#FFFFFF"></path>
<path d="M10.5347912,36.7198795 L181.491833,36.7198795" id="Line-5" stroke="#FFFFFF"></path>
<path d="M10.531202,69.9186747 L130.048099,69.9186747" id="Line-5" stroke="#FFFFFF"></path>
<path d="M7.47043948,100.60241 L172.498336,100.60241" id="Line-5" stroke="#FFFFFF"></path>
<path d="M1.49396122,136.316265 L121.010859,136.316265" id="Line-5" stroke="#FFFFFF"></path>
<path d="M10.531202,169.51506 L130.048099,169.51506" id="Line-5" stroke="#FFFFFF"></path>
<path d="M7.46178312,199.695783 L87.8799944,199.695783" id="Line-5" stroke="#FFFFFF"></path>
<path d="M1.49396122,234.906627 L121.010859,234.906627" id="Line-5" stroke="#FFFFFF"></path>
<path d="M490.386647,67.4036145 L519.776048,67.4036145" id="Line-5" stroke="#646EF2"></path>
<path d="M490.382847,80.4819277 L531.886868,80.4819277" id="Line-5" stroke="#646EF2"></path>
<path d="M490.386647,95.5722892 L519.776048,95.5722892" id="Line-5" stroke="#646EF2"></path>
<path d="M490.386647,109.656627 L519.776048,109.656627" id="Line-5" stroke="#646EF2"></path>
<path d="M490.382847,122.73494 L510.729623,122.73494" id="Line-5" stroke="#646EF2"></path>
<path d="M490.386647,135.813253 L519.776048,135.813253" id="Line-5" stroke="#646EF2"></path>
<path d="M490.386647,146.879518 L519.776048,146.879518" id="Line-5" stroke="#646EF2"></path>
<path d="M490.382847,159.957831 L531.886868,159.957831" id="Line-5" stroke="#646EF2"></path>
<path d="M490.386647,175.048193 L519.776048,175.048193" id="Line-5" stroke="#646EF2"></path>
<path d="M490.386647,189.13253 L519.776048,189.13253" id="Line-5" stroke="#646EF2"></path>
<path d="M490.382847,202.210843 L510.729623,202.210843" id="Line-5" stroke="#646EF2"></path>
<path d="M490.386647,215.289157 L519.776048,215.289157" id="Line-5" stroke="#646EF2"></path>
<path d="M493.251348,1.0060241 L534.995076,1.0060241" id="Line-5" stroke="#646EF2"></path>
<path d="M493.239446,14.0843373 L516.95603,14.0843373" id="Line-5" stroke="#646EF2"></path>
<path d="M493.252114,27.1626506 L510.885754,27.1626506" id="Line-5" stroke="#646EF2"></path>
<path d="M493.239446,41.246988 L516.95603,41.246988" id="Line-5" stroke="#646EF2"></path>
<path d="M493.252114,54.3253012 L510.885754,54.3253012" id="Line-5" stroke="#646EF2"></path>
<polygon id="Fill-2" fill="#173C8E" points="1.79515419 166.556638 222.052863 166.556638 222.052863 82.8338426 1.79515419 82.8338426"></polygon>
<polygon id="Fill-3" fill="#FAFAFA" points="1.79515419 167 362 167 362 1 1.79515419 1"></polygon>
<g id="Group-32" transform="translate(0.795154, 0.991075)">
<g id="Group" transform="translate(82.204846, 1.008925)">
<polygon id="Fill-3" fill="#F8F8F8" opacity="0.338032156" points="218 163 279 163 279 0 218 0"></polygon>
<polygon id="Fill-3" fill="#F3F3F3" points="0 163 218 163 218 0 0 0"></polygon>
<polygon id="Fill-3" fill="#FFFFFF" opacity="0.534363678" points="218 104 279 104 279 58 218 58"></polygon>
<g id="Group-22" transform="translate(0.000000, 21.000000)" stroke="#D0D0D0" stroke-linecap="square">
<path d="M5.21172258,1.64589361 L146.704109,1.64589361" id="Line-5"></path>
<path d="M5.21172258,18.1048298 L90.2058238,18.1048298" id="Line-5"></path>
<path d="M5.21172258,34.5637659 L64.7742664,34.5637659" id="Line-5"></path>
<path d="M3.69698548,49.9254396 L85.7602556,49.9254396" id="Line-5"></path>
<path d="M0.744531797,67.4816382 L60.3070756,67.4816382" id="Line-5"></path>
<path d="M5.21172258,83.9405743 L64.7742664,83.9405743" id="Line-5"></path>
<path d="M3.69698548,99.302248 L43.927376,99.302248" id="Line-5"></path>
<path d="M0.744531797,116.858447 L60.3070756,116.858447" id="Line-5"></path>
<path d="M244.388023,33.4665035 L258.915472,33.4665035" id="Line-5"></path>
<path d="M244.386144,40.0500779 L264.901962,40.0500779" id="Line-5"></path>
<path d="M244.388023,47.7309148 L258.915472,47.7309148" id="Line-5"></path>
<path d="M244.388023,54.3144893 L258.915472,54.3144893" id="Line-5"></path>
<path d="M244.386144,60.8980637 L254.443742,60.8980637" id="Line-5"></path>
<path d="M244.388023,67.4816382 L258.915472,67.4816382" id="Line-5"></path>
<path d="M244.388023,72.9679502 L258.915472,72.9679502" id="Line-5"></path>
<path d="M244.386144,79.5515247 L264.901962,79.5515247" id="Line-5"></path>
<path d="M244.388023,87.2323615 L258.915472,87.2323615" id="Line-5"></path>
<path d="M244.388023,93.815936 L258.915472,93.815936" id="Line-5"></path>
<path d="M244.386144,100.39951 L254.443742,100.39951" id="Line-5"></path>
<path d="M244.388023,106.983085 L258.915472,106.983085" id="Line-5"></path>
<path d="M245.804071,0.548631205 L266.438377,0.548631205" id="Line-5"></path>
<path d="M245.798187,7.13220566 L257.521511,7.13220566" id="Line-5"></path>
<path d="M245.804449,13.7157801 L254.520919,13.7157801" id="Line-5"></path>
<path d="M245.798187,20.2993546 L257.521511,20.2993546" id="Line-5"></path>
<path d="M245.804449,26.882929 L254.520919,26.882929" id="Line-5"></path>
</g>
</g>
<g id="Fill-6">
<use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
<use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
</g>
<path d="M1,39.2289157 L202.289965,180.313047 C212.472519,187.441155 211.413411,184.106363 204.837939,194.589417 L108.727626,333.993976 L1,333.993976 L1,39.2289157 Z" id="Fill-8" fill="#E1E7FF"></path>
<path d="M147.608267,305.328313 C147.608267,311.717982 152.778163,316.89759 159.155852,316.89759 C165.533541,316.89759 170.703437,311.717982 170.703437,305.328313 C170.703437,298.938644 165.533541,293.759036 159.155852,293.759036 C152.778163,293.759036 147.608267,298.938644 147.608267,305.328313" id="Fill-10" fill="#E1E7FF"></path>
<path d="M74.4717803,151.782153 C74.4717803,154.895462 77.0292089,157.419179 80.1841043,157.419179 C83.3389997,157.419179 85.8964284,154.895462 85.8964284,151.782153 C85.8964284,148.668844 83.3389997,146.145127 80.1841043,146.145127 C77.0292089,146.145127 74.4717803,148.668844 74.4717803,151.782153" id="Fill-10" fill="#F3F3F3"></path>
</g>
<g id="Group-17" transform="translate(1.005540, 39.228916)">
<g id="Group-17" transform="translate(0.795154, 19.504707)">
<mask id="mask-4" fill="white">
<use xlink:href="#path-3"></use>
</mask>
<g id="Mask"></g>
<g mask="url(#mask-4)">
<g transform="translate(-51.288097, 53.325301)">
<g transform="translate(87.273759, 127.068471) rotate(-3.000000) translate(-87.273759, -127.068471) translate(6.273759, 5.068471)">
<rect id="Rectangle-14" fill="#FFFFFF" transform="translate(49.309285, 201.212191) rotate(-55.000000) translate(-49.309285, -201.212191) " x="22.6624704" y="197.188095" width="53.2936294" height="8.04819277"></rect>
<rect id="Rectangle-14" fill="#FFFFFF" transform="translate(68.497887, 219.344187) rotate(-55.000000) translate(-68.497887, -219.344187) " x="41.8510724" y="215.320091" width="53.2936294" height="8.04819277"></rect>
<rect id="Rectangle-14" fill="#FFFFFF" transform="translate(77.148075, 161.496416) rotate(-55.000000) translate(-77.148075, -161.496416) " x="64.5788232" y="157.47232" width="25.1385044" height="8.04819277"></rect>
<rect id="Rectangle-14" fill="#FFFFFF" transform="translate(42.848686, 162.720210) rotate(-55.000000) translate(-42.848686, -162.720210) " x="30.2794334" y="158.696114" width="25.1385044" height="8.04819277"></rect>
<rect id="Rectangle-14" fill="#FFFFFF" transform="translate(96.696519, 134.314068) rotate(-55.000000) translate(-96.696519, -134.314068) " x="84.1272667" y="130.289972" width="25.1385044" height="8.04819277"></rect>
<rect id="Rectangle-14" fill="#FFFFFF" transform="translate(116.192337, 108.136365) rotate(-55.000000) translate(-116.192337, -108.136365) " x="103.623084" y="104.112269" width="25.1385044" height="8.04819277"></rect>
<rect id="Rectangle-14" fill="#FFFFFF" transform="translate(53.298504, 97.786820) rotate(-55.000000) translate(-53.298504, -97.786820) " x="40.7292522" y="93.7627233" width="25.1385044" height="8.04819277"></rect>
<rect id="Rectangle-14" fill="#FFFFFF" transform="translate(72.794322, 71.609117) rotate(-55.000000) translate(-72.794322, -71.609117) " x="60.2250698" y="67.5850204" width="25.1385044" height="8.04819277"></rect>
<rect id="Rectangle-14" fill="#FFFFFF" transform="translate(91.285978, 45.378763) rotate(-55.000000) translate(-91.285978, -45.378763) " x="78.7167253" y="41.3546662" width="25.1385044" height="8.04819277"></rect>
<rect id="Rectangle-14" fill="#FFFFFF" transform="translate(112.556879, 158.315983) rotate(-55.000000) translate(-112.556879, -158.315983) " x="99.9876269" y="154.291886" width="25.1385044" height="8.04819277"></rect>
<rect id="Rectangle-14" fill="#FFFFFF" transform="translate(94.065224, 184.546337) rotate(-55.000000) translate(-94.065224, -184.546337) " x="81.4959714" y="180.52224" width="25.1385044" height="8.04819277"></rect>
<rect id="Rectangle-14" fill="#FFFFFF" transform="translate(132.052697, 132.138280) rotate(-55.000000) translate(-132.052697, -132.138280) " x="119.483445" y="128.114183" width="25.1385044" height="8.04819277"></rect>
<rect id="Rectangle-14" fill="#FFFFFF" transform="translate(150.544352, 105.907925) rotate(-55.000000) translate(-150.544352, -105.907925) " x="137.9751" y="101.883829" width="25.1385044" height="8.04819277"></rect>
<rect id="Rectangle-14" fill="#FFFFFF" transform="translate(38.547558, 71.828266) rotate(-55.000000) translate(-38.547558, -71.828266) " x="25.978306" y="67.8041692" width="25.1385044" height="8.04819277"></rect>
<rect id="Rectangle-14" fill="#FFFFFF" transform="translate(58.096002, 44.645917) rotate(-55.000000) translate(-58.096002, -44.645917) " x="45.5267495" y="40.6218209" width="25.1385044" height="8.04819277"></rect>
<rect id="Rectangle-14" fill="#FFFFFF" transform="translate(76.535031, 19.420208) rotate(-55.000000) translate(-76.535031, -19.420208) " x="63.9657791" y="15.3961121" width="25.1385044" height="8.04819277"></rect>
<rect id="Rectangle-14" fill="#FFFFFF" transform="translate(48.681621, 12.922747) rotate(-55.000000) translate(-48.681621, -12.922747) " x="36.1123693" y="8.8986507" width="25.1385044" height="8.04819277"></rect>
</g>
<use id="Mask" fill="#F3F3F3" xlink:href="#path-3"></use>
<g mask="url(#mask-4)" fill="#FFFFFF" id="Rectangle-14">
<g transform="translate(22.329342, 95.663018) rotate(-3.000000) translate(-22.329342, -95.663018) translate(-18.170658, 34.663018)">
<rect transform="translate(24.868635, 99.806454) rotate(-55.000000) translate(-24.868635, -99.806454) " x="11.6322084" y="97.7186662" width="26.4728528" height="4.17557505"></rect>
<rect transform="translate(34.600742, 109.194404) rotate(-55.000000) translate(-34.600742, -109.194404) " x="21.364316" y="107.106617" width="26.4728528" height="4.17557505"></rect>
<rect transform="translate(39.111847, 80.242108) rotate(-55.000000) translate(-39.111847, -80.242108) " x="32.7648207" y="78.1543209" width="12.6940535" height="4.17557505"></rect>
<rect transform="translate(21.763308, 81.077223) rotate(-55.000000) translate(-21.763308, -81.077223) " x="15.416281" y="78.9894359" width="12.6940535" height="4.17557505"></rect>
<rect transform="translate(48.843955, 66.880268) rotate(-55.000000) translate(-48.843955, -66.880268) " x="42.4969284" y="64.7924807" width="12.6940535" height="4.17557505"></rect>
<rect transform="translate(58.152928, 53.935986) rotate(-55.000000) translate(-58.152928, -53.935986) " x="51.8059009" y="51.8481981" width="12.6940535" height="4.17557505"></rect>
<rect transform="translate(26.869080, 48.925296) rotate(-55.000000) translate(-26.869080, -48.925296) " x="20.5220531" y="46.837508" width="12.6940535" height="4.17557505"></rect>
<rect transform="translate(17.531957, 61.869578) rotate(-55.000000) translate(-17.531957, -61.869578) " x="11.1849298" y="59.7817907" width="12.6940535" height="4.17557505"></rect>
<rect transform="translate(36.601187, 35.563455) rotate(-55.000000) translate(-36.601187, -35.563455) " x="30.2541607" y="33.4756678" width="12.6940535" height="4.17557505"></rect>
<rect transform="translate(45.910160, 22.619173) rotate(-55.000000) translate(-45.910160, -22.619173) " x="39.5631333" y="20.5313852" width="12.6940535" height="4.17557505"></rect>
<rect transform="translate(56.488538, 78.989436) rotate(-55.000000) translate(-56.488538, -78.989436) " x="50.1415111" y="76.9016484" width="12.6940535" height="4.17557505"></rect>
<rect transform="translate(47.151415, 91.933719) rotate(-55.000000) translate(-47.151415, -91.933719) " x="40.8043879" y="89.845931" width="12.6940535" height="4.17557505"></rect>
<rect transform="translate(66.220646, 65.627596) rotate(-55.000000) translate(-66.220646, -65.627596) " x="59.8736188" y="63.5398082" width="12.6940535" height="4.17557505"></rect>
<rect transform="translate(75.529618, 52.683313) rotate(-55.000000) translate(-75.529618, -52.683313) " x="69.1825913" y="50.5955255" width="12.6940535" height="4.17557505"></rect>
<rect transform="translate(19.887350, 35.909945) rotate(-55.000000) translate(-19.887350, -35.909945) " x="13.5403237" y="33.8221579" width="12.6940535" height="4.17557505"></rect>
<rect transform="translate(29.619458, 22.548105) rotate(-55.000000) translate(-29.619458, -22.548105) " x="23.2724313" y="20.4603178" width="12.6940535" height="4.17557505"></rect>
<rect transform="translate(38.928431, 9.603823) rotate(-55.000000) translate(-38.928431, -9.603823) " x="32.5814039" y="7.51603509" width="12.6940535" height="4.17557505"></rect>
<rect transform="translate(15.444432, 19.554135) rotate(-55.000000) translate(-15.444432, -19.554135) " x="9.09740498" y="17.4663478" width="12.6940535" height="4.17557505"></rect>
<rect transform="translate(24.753404, 6.609853) rotate(-55.000000) translate(-24.753404, -6.609853) " x="18.4063775" y="4.52206515" width="12.6940535" height="4.17557505"></rect>
</g>
</g>
</g>
</g>
<g id="code-icon" opacity="0.400000006" transform="translate(120.000000, 16.000000)" fill="#D0D0D0">
<polygon id="Stroke-20" points="91.4427313 51.3394499 88.2621145 12.6374031 49.2995595 15.7967538 48.5044053 3.94918845 99.3942731 0 103.370044 50.5496122"></polygon>
<polygon id="Stroke-22" points="96.8537627 79.1069462 26.8247837 84.5813893 21.3134915 15.0206323 0 16.686182 7.18805292 107.417926 98.5312008 100.277933"></polygon>
</g>
<g id="code-icon" transform="translate(109.000000, 11.000000)" fill="#367EDD">
<polygon id="Stroke-20" points="91.4427313 51.3394499 88.2621145 12.6374031 49.2995595 15.7967538 48.5044053 3.94918845 99.3942731 0 103.370044 50.5496122"></polygon>
<polygon id="Stroke-22" points="96.8537627 79.1069462 26.8247837 84.5813893 21.3134915 15.0206323 0 16.686182 7.18805292 107.417926 98.5312008 100.277933"></polygon>
</g>
</g>
</g>
</g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB