Files
old-saburly-website2/img/what_we_do/Mobile_Development_mobile_parallax.svg

120 lines
14 KiB
XML
Raw Normal View History

2017-10-05 15:50:18 +02:00
<?xml version="1.0" encoding="UTF-8"?>
<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 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
<title>Mobile_Development_mobile_parallax</title>
<desc>Created with Sketch.</desc>
<defs>
<filter x="-1.9%" y="-4.2%" width="104.4%" height="110.8%" filterUnits="objectBoundingBox" id="filter-1">
<feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="2" 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 0.7 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
<feMerge>
<feMergeNode in="shadowMatrixOuter1"></feMergeNode>
<feMergeNode in="SourceGraphic"></feMergeNode>
</feMerge>
</filter>
<polygon id="path-2" points="0 0 2.40989484 0 2.40989484 97.7864745 0 97.7864745"></polygon>
<polygon id="path-4" points="0 0 2.40989484 0 2.40989484 97.7864745 0 97.7864745"></polygon>
<polygon id="path-6" 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-8"></path>
<filter x="-3.5%" y="-1.8%" width="106.9%" height="103.6%" filterUnits="objectBoundingBox" id="filter-9">
<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.392156863 0 0 0 0 0.431372549 0 0 0 0 0.949019608 0 0 0 0.352100317 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
</filter>
<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-10"></path>
</defs>
<g id="assets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Mobile_Development_mobile_parallax">
<g id="Group" filter="url(#filter-1)" transform="translate(4.000000, 3.000000)">
<g id="background">
<polygon id="Fill-1" fill="#F6F7FE" 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(48.714303, 0.000000)">
<mask id="mask-3" fill="white">
<use xlink:href="#path-2"></use>
</mask>
<g id="Clip-2"></g>
<path d="M0,-0.000203722246 L0,97.7864745" id="Stroke-1" stroke="#FFFFFF" stroke-width="0.25" mask="url(#mask-3)"></path>
</g>
<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-5" fill="white">
<use xlink:href="#path-4"></use>
</mask>
<g id="Clip-11"></g>
<path d="M0,97.7864745 L0,-0.000203722246" id="Stroke-10" stroke="#FFFFFF" stroke-width="0.5" mask="url(#mask-5)"></path>
</g>
<g id="Group-15" transform="translate(32.705716, 0.000000)">
<mask id="mask-7" fill="white">
<use xlink:href="#path-6"></use>
</mask>
<g id="Clip-14"></g>
<path d="M0,97.7864745 L0,-0.000203722246" id="Stroke-13" stroke="#FFFFFF" stroke-width="0.5" mask="url(#mask-7)"></path>
</g>
<path d="M96.3957936,0.346147534 L0.344270691,96.9213094" id="Stroke-16" stroke="#C0C4FF"></path>
<path d="M0.344270691,0.346147534 L96.3957936,96.9213094" id="Stroke-18" stroke="#C0C4FF"></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="#C0C4FF"></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="#C0C4FF"></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="#C0C4FF"></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="#C0C4FF"></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="#C0C4FF"></path>
</g>
</g>
<g id="ic_computer" opacity="0.233865489" transform="translate(20.000000, 21.000000)" fill="#2C38C3">
<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(96.000000, 13.000000)" fill="#B8E986">
<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(60.000000, 13.000000)" fill="#2C38C3">
<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(275.000000, 0.000000)">
<g id="Group-28">
<g id="Fill-5">
<use fill="black" fill-opacity="1" filter="url(#filter-9)" xlink:href="#path-8"></use>
<use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-8"></use>
</g>
<path d="M35.5580499,0 L12.6747242,135.26476 C11.964997,139.402069 11.4121267,138.347668 15.5136331,139.306058 L86.8878154,155.445534 L86.8878154,0 L35.5580499,0 Z" id="Fill-7" 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="#E1E7FF"></path>
</g>
<g id="Group-21" transform="translate(12.000000, 0.000000)">
<mask id="mask-11" fill="white">
<use xlink:href="#path-10"></use>
</mask>
<use id="Mask" fill="#E1E7FF" xlink:href="#path-10"></use>
<g mask="url(#mask-11)" id="Group-20">
<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="#E1E7FF" 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(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(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(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>
</g>
</g>
</svg>