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
img/what_we_do/mobile/main.svg
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