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

Restructuring of components, extracting to reusable components, styling

Browse Source
This commit is contained in:
Moris Zen
2018-07-04 11:24:50 +02:00
parent c6cd4d19ad
commit 6df7085f1b
11 changed files with 981 additions and 1635 deletions
Download Patch File Download Diff File Expand all files Collapse all files

164
src/images/mobile-development-agency.svg Normal file
View File

@@ -0,0 +1,164 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="367px" height="633px" viewBox="0 0 367 633" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
<title>spot hero 6-01</title>
<desc>Created with Sketch.</desc>
<defs>
<linearGradient x1="49.9851371%" y1="-43.6240741%" x2="49.9851371%" y2="157.523045%" id="linearGradient-1">
<stop stop-color="#E1EEF9" offset="0%"></stop>
<stop stop-color="#E1EEF9" offset="100%"></stop>
</linearGradient>
<linearGradient x1="56.9837872%" y1="33.3615058%" x2="37.9841901%" y2="78.6028851%" id="linearGradient-2">
<stop stop-color="#E1EEF9" offset="0%"></stop>
<stop stop-color="#E1EEF9" stop-opacity="0" offset="100%"></stop>
</linearGradient>
<linearGradient x1="49.965756%" y1="7.08578353%" x2="49.965756%" y2="91.2436543%" id="linearGradient-3">
<stop stop-color="#424BCB" offset="0%"></stop>
<stop stop-color="#646EF2" offset="100%"></stop>
</linearGradient>
<linearGradient x1="1.78680507%" y1="50.0097564%" x2="100.051296%" y2="50.0097564%" id="linearGradient-4">
<stop stop-color="#A9B6FD" offset="0%"></stop>
<stop stop-color="#C5CEFF" offset="100%"></stop>
</linearGradient>
<linearGradient x1="1.8%" y1="91.6789289%" x2="1.8%" y2="17.6877878%" id="linearGradient-5">
<stop stop-color="#BFD1FF" offset="1.813472%"></stop>
<stop stop-color="#FFFFFF" offset="100%"></stop>
</linearGradient>
<linearGradient x1="49.9766339%" y1="19.8078798%" x2="49.9766339%" y2="121.566436%" id="linearGradient-6">
<stop stop-color="#7F85F4" offset="0%"></stop>
<stop stop-color="#FFFFFF" offset="100%"></stop>
</linearGradient>
<linearGradient x1="44.0320014%" y1="33.4157192%" x2="60.8723945%" y2="83.8644928%" id="linearGradient-7">
<stop stop-color="#424ACD" offset="0%"></stop>
<stop stop-color="#646EF2" offset="100%"></stop>
</linearGradient>
<linearGradient x1="-2.99673566%" y1="13.2669236%" x2="104.989691%" y2="88.053798%" id="linearGradient-8">
<stop stop-color="#EEEFFF" offset="0%"></stop>
<stop stop-color="#646EF2" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50.2%" y1="13.152079%" x2="50.2%" y2="137.341261%" id="linearGradient-9">
<stop stop-color="#8389F4" offset="0%"></stop>
<stop stop-color="#ABCBFC" stop-opacity="0" offset="100%"></stop>
</linearGradient>
<linearGradient x1="70.6021843%" y1="1.17311156%" x2="31.1590363%" y2="99.4512635%" id="linearGradient-10">
<stop stop-color="#646EF2" offset="0%"></stop>
<stop stop-color="#8D95FF" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Moris-version" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Landing-Page" transform="translate(-366.000000, -2682.000000)">
<g id="Services" transform="translate(168.000000, 1069.000000)">
<g id="section" transform="translate(0.000000, 279.000000)">
<g id="Mobile-Development" transform="translate(126.111979, 1332.000000)">
<g id="spot-hero-6-01">
<ellipse id="Oval" fill="url(#linearGradient-1)" fill-rule="nonzero" cx="153.5" cy="589.5" rx="79.5" ry="27.5"></ellipse>
<path d="M416.34934,631.812664 C410.275324,642.165629 363.402257,626.465528 311.601215,596.77186 C259.800173,567.078191 222.668453,534.540301 228.627865,524.187336 C234.701881,513.834371 281.574948,529.534472 333.375989,559.22814 C385.291635,588.921809 422.423356,621.459699 416.34934,631.812664 Z" id="Shape" fill="url(#linearGradient-2)" fill-rule="nonzero"></path>
<g id="Group" transform="translate(72.000000, 78.000000)" fill-rule="nonzero">
<path d="M127.411075,493.025163 C127.411075,493.025163 129.245978,501.468547 140.370077,516.301518 C144.383927,521.664208 140.026033,524.174403 137.044315,524.744902 C134.062598,525.315401 129.934066,523.832104 127.640438,522.234707 C125.46149,520.63731 121.562322,517.898915 121.332959,516.529718 C121.103596,515.160521 119.956782,509.113232 117.548471,508.428633 C115.140161,507.744035 110.896948,505.690239 110.323541,504.206941 C109.750134,502.837744 110.323541,493.253362 110.323541,493.253362 L127.411075,493.025163 Z" id="Shape" fill="#322A9A"></path>
<path d="M46.7900257,491.770065 C46.7900257,491.770065 44.9551227,500.213449 33.8310235,515.046421 C29.8171732,520.409111 34.1750678,522.919306 37.1567851,523.489805 C40.1385024,524.060304 44.2670341,522.577007 46.5606628,520.97961 C48.7396101,519.382213 52.6387789,516.643818 52.8681418,515.27462 C53.0975046,513.905423 54.244319,507.858134 56.6526291,507.173536 C59.0609393,506.488937 63.3041524,504.435141 63.8775596,502.951844 C64.4509668,501.582646 63.8775596,491.998265 63.8775596,491.998265 L46.7900257,491.770065 Z" id="Shape" fill="#322A9A"></path>
<path d="M66.1711883,142.510629 C67.7767284,134.409544 66.629914,130.986551 66.0565068,129.617354 C62.7307452,126.993059 59.1756207,123.113666 55.5058148,118.663774 C47.93684,109.535792 50.0011059,98.6963124 50.2304688,92.0785249 C50.4598316,84.662039 56.9966734,78.6147505 63.3041524,76.3327549 C69.6116313,74.0507592 79.5889162,80.3262473 81.9972264,83.635141 C84.520218,86.9440347 88.7634311,104.629501 89.1074754,109.992191 C89.4515197,115.354881 88.3047053,120.489371 87.3872539,125.053362 C87.0432095,126.764859 86.4698024,128.134056 85.4376694,129.275054 C84.7495808,137.946638 94.26814,163.16269 94.26814,163.16269 L62.6160638,165.102386 C62.8454267,165.102386 65.1390554,148.101518 66.1711883,142.510629 Z" id="Shape" fill="#FFCED2"></path>
<path d="M57.2260363,105.770499 C54.4736819,102.119306 53.4415489,100.293709 53.7855933,98.0117137 C54.244319,95.3874187 57.4553992,93.7900217 58.4875321,93.3336226 C64.4509668,90.5952278 67.6620469,94.9310195 73.8548445,92.5349241 C78.0980576,90.9375271 82.1119078,86.7158351 82.2265893,86.6017354 L86.4698024,96.1861171 C88.4193868,90.0247289 87.960661,85.1184382 87.3872539,82.3800434 C87.2725724,81.9236443 85.5523509,72.9097614 82.1119078,72.6815618 C80.5063677,72.567462 79.1301905,74.3930586 77.9833761,73.7084599 C77.2952875,73.3661605 77.409969,72.4533623 77.1806061,71.540564 C76.4925175,68.5739696 73.2814373,65.9496746 71.2171714,65.8355748 C68.2354541,65.6073753 67.2033212,69.943167 63.3041524,73.5943601 C55.2764519,80.8967462 45.8725742,75.762256 41.2853168,81.4672451 C37.5008294,86.259436 40.4825467,94.3605206 42.5468126,99.95141 C42.5468126,99.95141 37.9595552,115.240781 59.2903022,124.939262 C59.7490279,125.167462 61.1252051,124.939262 61.1252051,124.939262 C61.1252051,124.939262 56.7673106,115.354881 58.716895,112.388286 C59.6343465,110.904989 58.2581692,107.139696 57.2260363,105.770499 Z" id="Shape" fill="#322A9A"></path>
<path d="M13.8764537,310.693709 C13.8764537,310.693709 12.5002765,319.821692 12.2709136,322.902386 C12.0415507,325.070282 12.9590022,329.634273 11.8121879,331.45987 C11.3534621,332.258568 8.60110766,333.171367 8.25706336,330.547072 C7.91301905,327.922777 8.7157891,321.761388 6.99556757,322.788286 C5.27534603,323.815184 2.86703589,328.607375 4.35789455,332.030369 C5.84875321,335.453362 6.76620469,339.332755 5.1606646,338.876356 C3.44044307,338.419957 0,334.426464 0,329.862473 C0,325.298482 1.72022153,311.834707 4.58725742,309.438612 L13.8764537,310.693709 Z" id="Shape" fill="#FFCED2"></path>
<path d="M149.42991,67.6611714 C149.42991,67.6611714 155.163982,48.4924078 154.475894,44.1566161 C153.902486,39.8208243 147.136282,30.9210412 146.792237,27.7262473 C146.448193,23.7327549 142.549024,15.5175705 141.287529,14.1483731 C140.255396,13.0073753 141.860936,10.8394794 143.351794,12.3227766 C144.842653,13.8060738 148.283096,20.1956616 148.283096,20.1956616 C148.283096,20.1956616 149.315229,19.1687636 149.200548,16.4303688 C149.085866,13.691974 148.62714,1.14099783 150.117999,0.684598698 C154.590575,-0.684598698 164.453179,12.4368764 164.682541,14.1483731 C164.911904,15.8598698 166.1734,25.9006508 166.1734,28.2967462 C166.1734,30.6928416 165.829356,40.6195228 164.56786,43.8143167 C163.306364,47.0091106 161.815505,49.975705 161.700824,53.0563991 C161.586143,56.1370933 161.35678,71.8828633 161.35678,71.8828633 L149.42991,67.6611714 Z" id="Shape" fill="#FFCED2"></path>
<path d="M51.1479202,280.913666 C49.3130173,291.867245 47.0193886,308.411714 45.8725742,328.721475 C44.2670341,357.132321 45.7578928,377.213883 46.5606628,394.785249 C47.7074772,417.605206 26.4914116,462.78872 46.6753442,491.884165 C49.0836544,495.421258 63.7628781,492.112364 63.7628781,492.112364 C65.9418254,481.501085 69.4969499,463.929718 71.3318529,442.935358 C73.8548445,413.725813 72.0199415,401.403037 75.3457031,376.985683 C76.9512432,365.005206 80.2770049,347.31974 87.6166167,325.98308 C90.1396083,332.714967 93.2360071,341.72885 96.3324058,352.68243 C99.4288046,363.864208 104.474788,381.777874 106.539054,403.114534 C109.750134,438.143167 101.837115,451.036443 109.520771,488.689371 C109.979497,490.743167 110.323541,492.454664 110.552904,493.595662 C110.552904,493.595662 124.888083,495.763557 127.869801,492.682863 C145.186697,474.655098 130.278111,442.250759 129.819385,416.236009 C129.360659,390.107158 128.443208,364.548807 127.296393,339.560954 C127.296393,339.560954 126.378942,310.009111 124.65872,300.767028 C122.938499,291.410846 121.677003,278.51757 121.677003,275.779176 L51.1479202,280.913666 Z" id="Shape" fill="url(#linearGradient-3)"></path>
<path d="M64.7950111,150.954013 C64.7950111,150.954013 41.5146797,163.619089 34.9778378,167.726681 C28.440996,171.834273 28.3263146,181.076356 28.2116331,184.955748 C28.0969517,188.835141 20.0692512,220.098482 20.0692512,220.098482 C20.0692512,220.098482 10.4360106,258.664208 8.60110766,265.510195 C6.65152326,272.356182 -2.98171732,301.223427 4.12853168,309.780911 C5.73407178,311.720607 13.8764537,310.921909 13.8764537,310.921909 L30.5052618,264.825597 C36.4686965,248.623427 41.1706353,216.789588 41.2853168,215.192191 C41.3999982,213.480694 41.6293611,213.366594 43.2349012,214.165293 C44.8404413,214.963991 48.8542915,229.911063 49.771743,238.240347 C50.6891945,246.569631 48.3955658,285.477657 48.3955658,285.477657 C48.3955658,285.477657 48.8542915,277.604772 76.4925175,283.537961 C104.130743,289.47115 121.562322,275.665076 121.562322,275.665076 C120.874233,263.798698 110.20886,195.909328 116.057613,170.693275 C117.892516,162.93449 129.590022,146.846421 133.718554,141.141432 C137.847085,135.436443 152.640991,101.548807 155.737389,94.3605206 C158.833788,87.1722343 166.97617,70.7418655 163.650408,63.4394794 C162.044868,60.1305857 154.017168,54.7678959 150.691406,56.2511931 C138.19113,61.7279826 132.686421,92.9913232 128.443208,105.770499 C125.805535,113.643384 117.892516,129.046855 112.731851,134.865944 C107.571187,140.685033 88.6487496,145.933623 89.5662011,148.786117 C95.1855915,167.384382 64.7950111,150.954013 64.7950111,150.954013 Z" id="Shape" fill="url(#linearGradient-4)"></path>
</g>
<path d="M232,0 L232,228" id="Shape" fill="url(#linearGradient-5)" fill-rule="nonzero"></path>
<g id="Group" transform="translate(219.000000, 2.000000)">
<polygon id="Shape" fill="url(#linearGradient-6)" fill-rule="nonzero" points="210.05856 603.429112 22.6287241 495.302836 22.6287241 4.68128544 210.05856 112.807561"></polygon>
<path d="M198.401339,555.588658 L33.8287997,460.592817 C29.6001997,458.195085 26.1716051,451.686957 26.1716051,445.978072 L26.1716051,57.3172023 C26.1716051,51.7224953 29.6001997,49.0964083 33.8287997,51.6083176 L198.401339,146.604159 C202.629938,149.00189 206.058533,155.510019 206.058533,161.218904 L206.058533,549.879773 C206.058533,555.360302 202.629938,557.986389 198.401339,555.588658 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
<ellipse id="Oval" fill="#FFFFFF" fill-rule="nonzero" transform="translate(89.301791, 62.977995) rotate(-23.052647) translate(-89.301791, -62.977995) " cx="89.301791" cy="62.9779953" rx="3.31450461" ry="5.82340768"></ellipse>
<path d="M143.08668,99.1062382 L104.229275,76.6132325 C102.286404,75.4714556 100.686394,72.3886578 100.686394,69.7625709 L100.686394,69.1916824 C100.686394,66.5655955 102.286404,65.3096408 104.229275,66.4514178 L143.08668,88.9444234 C145.02955,90.0862004 146.629561,93.1689981 146.629561,95.7950851 L146.629561,96.3659735 C146.743847,99.1062382 145.143836,100.248015 143.08668,99.1062382 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
<path d="M206.058533,223.78828 L26.1716051,120.000756 L26.1716051,57.3172023 C26.1716051,51.7224953 29.6001997,49.0964083 33.8287997,51.4941399 L198.401339,146.375803 C202.629938,148.773535 206.058533,155.395841 206.058533,160.990548 L206.058533,223.78828 Z" id="Shape" fill="url(#linearGradient-7)" fill-rule="nonzero"></path>
<path d="M201.94422,307.93724 L201.94422,432.048393 C201.94422,437.6431 198.515625,440.269187 194.287025,437.757278 L37.7145402,354.750095 C33.4859402,352.352363 30.0573456,345.844234 30.0573456,340.249527 L30.0573456,208.831002 C30.0573456,203.236295 33.4859402,200.610208 37.7145402,203.122117 L194.287025,293.436673 C198.515625,295.834405 201.94422,302.342533 201.94422,307.93724 Z" id="Shape" fill="url(#linearGradient-7)" fill-rule="nonzero"></path>
<g transform="translate(35.428810, 142.722117)" fill-rule="nonzero" id="Shape">
<g>
<path d="M132.115177,112.236673 L4.34288644,38.4778828 C2.40001619,37.3361059 0.800005397,34.3674858 0.800005397,31.7413989 L0.800005397,3.42533081 C0.800005397,0.799243856 2.40001619,-0.342533081 4.34288644,0.799243856 L132.115177,74.558034 C134.058047,75.699811 135.658058,78.668431 135.658058,81.294518 L135.658058,109.610586 C135.658058,112.236673 134.172334,113.37845 132.115177,112.236673 Z" fill="url(#linearGradient-8)"></path>
<g transform="translate(11.428649, 17.126654)" fill="#FFFFFF">
<g transform="translate(18.285838, 10.275992)">
<polygon points="41.3717077 38.2495274 0.228572971 14.5005671 0.228572971 11.6461248 41.3717077 35.3950851"></polygon>
<polygon points="14.8572431 11.6461248 0.228572971 3.19697543 0.228572971 0.342533081 14.8572431 8.79168242"></polygon>
</g>
<path d="M7.771481,18.6109641 L3.54288104,16.0990548 C1.60001079,14.9572779 0,11.9886578 0,9.36257089 L0,3.6536862 C0,1.02759924 1.60001079,-0.114177694 3.54288104,1.02759924 L7.771481,3.53950851 C9.71435125,4.68128544 11.314362,7.64990548 11.314362,10.2759924 L11.314362,15.9848771 C11.314362,18.6109641 9.82863774,19.752741 7.771481,18.6109641 Z"></path>
</g>
</g>
<g transform="translate(81.000540, 49.096408)" fill="#FFFFFF">
<polygon points="2.20002159 1.48431002 0.0285783679 0.228355388 0.0285783679 28.6586011 2.20002159 29.9145558"></polygon>
<polygon points="8.60006477 14.6147448 6.42862155 13.3587902 6.42862155 32.3122873 8.60006477 33.568242"></polygon>
<polygon points="27.6859078 25.6899811 25.6287511 24.4340265 25.6287511 43.3875236 27.6859078 44.6434783"></polygon>
<polygon points="14.8858215 8.90586011 12.8286647 7.64990548 12.8286647 35.9659735 14.8858215 37.2219282"></polygon>
<polygon points="21.2858646 34.2533081 19.2287079 33.1115312 19.2287079 39.7338374 21.2858646 40.8756144"></polygon>
<polygon points="34.085951 19.8669187 32.0287943 18.7251418 32.0287943 47.0412098 34.085951 48.2971645"></polygon>
<polygon points="40.4859942 45.3285444 38.4288374 44.0725898 38.4288374 50.694896 40.4859942 51.9508507"></polygon>
</g>
</g>
<g transform="translate(33.143081, 379.069943)" fill="url(#linearGradient-8)" fill-rule="nonzero" id="Shape">
<path d="M58.628967,59.6007561 C58.628967,71.2468809 54.7432265,79.8102079 48.0003238,83.2355388 C47.4288914,83.5780718 46.7431725,83.8064272 46.0574536,84.0347826 C45.6003076,83.2355388 45.1431617,82.3221172 44.8003022,81.1803403 C44.4574428,80.152741 44.3431563,79.2393195 44.1145833,78.3258979 C42.2859996,67.1364839 50.628913,62.7977316 52.5717832,60.7425331 C54.7432265,58.5731569 53.4860751,50.8090737 52.1146373,46.5844991 C50.857486,42.3599244 46.0574536,37.3361059 40.8002753,27.2884688 C35.5430969,17.2408318 29.9430592,18.7251418 25.6001727,19.0676749 C22.0572917,19.4102079 18.2858377,14.5005671 16.9143998,12.673724 C16.5715404,12.2170132 16.4572539,11.9886578 16.4572539,11.9886578 C16.4572539,11.9886578 14.8572431,9.1342155 13.8286647,6.96483932 C13.3715188,5.82306238 13.0286593,4.90964083 13.1429458,4.56710775 C13.3715188,4.11039698 13.7143782,2.62608696 14.1715242,1.14177694 C18.7429836,-1.11022302e-15 24.0001619,1.02759924 29.4859132,4.11039698 C45.6003076,13.7013233 58.628967,38.3637051 58.628967,59.6007561 Z" opacity="0.4"></path>
<path d="M58.628967,59.6007561 C58.628967,71.2468809 54.7432265,79.8102079 48.0003238,83.2355388 C47.2003184,82.4362949 46.5145995,81.4086957 45.9431671,80.3810964 C45.6003076,79.5818526 45.2574482,78.7826087 45.0288752,77.9833648 C42.857432,71.1327032 44.3431563,65.3096408 45.4860212,63.9395085 C46.7431725,62.3410208 52.9146427,59.4865784 53.7146481,55.9470699 C54.62894,52.4075614 46.7431725,43.8442344 41.9431401,38.1353497 C37.1431077,32.426465 38.857405,27.7451796 38.5145456,24.5482042 C38.0573996,21.3512287 34.1716591,22.0362949 29.8287727,22.378828 C25.4858862,22.7213611 20.2287079,13.9296786 20.2287079,13.9296786 C20.2287079,13.9296786 17.1429728,10.9610586 14.9715296,9.1342155 C14.2858107,8.56332703 13.7143782,7.64990548 13.1429458,6.39395085 C12.6857999,5.36635161 12.3429404,4.22457467 12.000081,3.08279773 C12.000081,2.39773157 12.3429404,1.8268431 12.8000864,1.71266541 C17.7144052,-0.114177694 23.543016,0.799243856 29.4859132,4.22457467 C45.6003076,13.7013233 58.628967,38.3637051 58.628967,59.6007561 Z" opacity="0.3"></path>
<path d="M37.2573942,80.0385633 C36.9145348,80.152741 36.5716753,80.152741 36.2288158,80.152741 C31.6573564,80.7236295 26.5144646,78.8967864 21.4858592,75.1289225 C9.48577828,63.4827977 0.800005397,43.7300567 0.800005397,26.2608696 L0.800005397,25.9183365 C1.02857837,24.0914934 1.37143782,22.2646503 1.94287025,20.5519849 C3.54288104,15.7565217 6.17147021,12.3311909 9.71435125,10.7327032 C10.1714972,10.5043478 10.5143566,10.3901701 10.9715026,10.1618147 C11.4286485,10.0476371 11.8857945,10.1618147 12.3429404,10.6185255 C12.8000864,11.5319471 13.2572323,12.4453686 13.6000918,13.3587902 C13.9429512,14.3863894 14.1715242,15.299811 14.0572377,15.9848771 C13.8286647,18.268431 13.6000918,21.6937618 13.6000918,21.6937618 C13.6000918,21.6937618 15.542962,30.0287335 12.5715134,31.9697543 C9.60006477,34.0249527 6.74290263,35.6234405 8.34291343,37.9069943 C9.94292422,40.0763705 13.8286647,42.2457467 14.1715242,48.2971645 C14.4000972,52.4075614 14.5143836,58.2306238 15.4286755,61.9984877 C15.8858215,63.7111531 16.4572539,65.0812854 17.2572593,65.6521739 C17.6001187,65.8805293 18.0572647,66.1088847 18.5144106,66.2230624 C21.3715728,67.1364839 25.7144592,66.1088847 27.2001835,66.3372401 C28.8001943,66.5655955 33.2573672,69.5342155 35.8859564,75.0147448 C36.2288158,75.5856333 36.4573888,76.2706994 36.6859618,76.9557656 C37.1431077,78.0975425 37.2573942,79.0109641 37.2573942,80.0385633 Z" opacity="0.3"></path>
<path d="M36.9145348,75.8139887 C36.9145348,77.8691871 36.8002483,79.4676749 36.5716753,80.9519849 C36.3431023,82.2079395 36.0002429,83.2355388 35.6573834,84.0347826 C35.5430969,84.0347826 35.4288104,84.0347826 35.2002375,83.9206049 C33.3716537,83.3497164 31.5430699,82.5504726 29.7144862,81.5228733 C13.8286647,72.2744802 0.800005397,47.6120983 0.800005397,26.3750473 C0.800005397,18.268431 2.62858916,11.6461248 6.17147021,7.07901701 C6.40004318,6.73648393 6.74290263,6.62230624 7.08576209,6.62230624 L9.71435125,10.7327032 L11.6572215,13.7013233 C11.6572215,13.7013233 15.0858161,18.0400756 13.8286647,19.6385633 C12.5715134,21.237051 7.771481,28.8869565 12.1143674,31.9697543 C16.4572539,35.052552 20.8001403,39.2771267 20.3429944,42.4741021 C19.8858484,45.6710775 15.542962,56.5179584 21.2572863,59.7149338 C26.9716105,62.9119093 36.9145348,67.1364839 36.9145348,75.8139887 Z" opacity="0.3"></path>
<path d="M35.5430969,84.0347826 C35.4288104,84.0347826 35.314524,84.0347826 35.085951,83.9206049 C33.2573672,83.3497164 31.4287835,82.5504726 29.6001997,81.5228733 C26.7430376,79.9243856 24.0001619,77.7550095 21.3715728,75.2431002 C9.3714918,63.5969754 0.685718912,43.8442344 0.685718912,26.3750473 L0.685718912,26.0325142 C0.685718912,18.0400756 2.62858916,11.5319471 6.05718372,7.07901701 C6.28575669,6.73648393 6.62861615,6.62230624 6.9714756,6.62230624 C7.54290803,6.62230624 8.22862694,7.19319471 8.80005937,7.99243856 C9.3714918,8.90586011 9.60006477,9.93345936 9.60006477,10.7327032 C9.60006477,10.7327032 9.60006477,10.8468809 9.60006477,10.8468809 C9.60006477,11.3035917 9.48577828,11.6461248 9.25720531,11.8744802 C6.17147021,15.7565217 4.57145941,21.5795841 4.57145941,28.5444234 C4.57145941,39.8480151 8.80005937,52.4075614 15.4286755,62.2268431 C16.4572539,63.7111531 17.4858323,65.0812854 18.5144106,66.4514178 C21.8287187,70.5618147 25.6001727,73.9871456 29.6001997,76.2706994 C31.2002105,77.184121 32.8002213,77.8691871 34.2859456,78.4400756 C34.9716645,78.668431 35.6573834,79.3534972 36.1145294,80.2669187 C36.2288158,80.4952741 36.3431023,80.7236295 36.4573888,80.9519849 C36.5716753,81.294518 36.5716753,81.5228733 36.6859618,81.8654064 C36.8002483,83.1213611 36.3431023,84.0347826 35.5430969,84.0347826 Z"></path>
<path d="M58.628967,59.6007561 C58.628967,71.2468809 54.7432265,79.8102079 48.0003238,83.2355388 C47.4288914,83.5780718 46.7431725,83.8064272 46.0574536,84.0347826 C45.9431671,84.0347826 45.9431671,84.0347826 45.8288806,84.1489603 C45.4860212,84.263138 45.1431617,84.1489603 44.6860158,83.9206049 C44.1145833,83.5780718 43.4288644,82.778828 43.086005,81.8654064 C42.5145725,80.2669187 42.7431455,78.7826087 43.6574374,78.5542533 C43.8860104,78.4400756 44.0002968,78.4400756 44.2288698,78.3258979 C44.4574428,78.2117202 44.8003022,78.0975425 45.0288752,77.9833648 C51.0860589,75.1289225 54.62894,67.5931947 54.62894,57.3172023 C54.62894,38.9345936 43.4288644,17.5833648 29.6001997,9.59092628 C24.3430214,6.62230624 19.4287025,5.82306238 15.0858161,7.42155009 C14.7429566,7.53572779 14.2858107,7.42155009 13.9429512,7.19319471 C13.7143782,7.07901701 13.4858053,6.85066163 13.2572323,6.62230624 C12.9143728,6.27977316 12.6857999,5.82306238 12.4572269,5.25217391 C12.2286539,4.56710775 12.1143674,3.88204159 12.1143674,3.31115312 C12.1143674,2.62608696 12.4572269,2.05519849 12.9143728,1.94102079 C13.3715188,1.71266541 13.8286647,1.59848771 14.4000972,1.48431002 C18.9715566,0.342533081 24.2287349,1.37013233 29.7144862,4.45293006 C45.6003076,13.7013233 58.628967,38.3637051 58.628967,59.6007561 Z"></path>
</g>
<g transform="translate(77.714810, 244.340265)" fill-rule="nonzero" id="Shape">
<g>
<path d="M114.972204,97.6219282 L3.65716753,33.4540643 C1.94287025,32.426465 0.571432427,29.8003781 0.571432427,27.5168242 L0.571432427,2.85444234 C0.571432427,0.570888469 1.94287025,-0.456710775 3.65716753,0.570888469 L114.972204,64.7387524 C116.686502,65.7663516 118.057939,68.3924386 118.057939,70.6759924 L118.057939,95.3383743 C118.172226,97.6219282 116.686502,98.6495274 114.972204,97.6219282 Z" fill="#FFFFFF"></path>
<g transform="translate(9.142919, 14.843100)" fill="url(#linearGradient-8)">
<g transform="translate(16.000108, 9.134216)">
<polygon points="36.6859618 33.1115312 0.800005397 12.4453686 0.800005397 9.93345936 36.6859618 30.5996219"></polygon>
<polygon points="13.6000918 9.93345936 0.800005397 2.51190926 0.800005397 0.114177694 13.6000918 7.42155009"></polygon>
</g>
<path d="M7.54290803,16.2132325 L3.8857405,14.0438563 C2.17144322,13.0162571 0.800005397,10.3901701 0.800005397,8.10661626 L0.800005397,3.19697543 C0.800005397,0.91342155 2.17144322,-0.114177694 3.8857405,0.91342155 L7.54290803,3.08279773 C9.25720531,4.11039698 10.6286431,6.73648393 10.6286431,9.02003781 L10.6286431,13.9296786 C10.6286431,16.0990548 9.25720531,17.2408318 7.54290803,16.2132325 Z"></path>
</g>
</g>
<g transform="translate(69.714756, 42.245747)" fill="url(#linearGradient-8)">
<polygon points="2.62858916 1.71266541 0.800005397 0.570888469 0.800005397 25.347448 2.62858916 26.3750473"></polygon>
<polygon points="8.22862694 13.1304348 6.40004318 12.1028355 6.40004318 28.5444234 8.22862694 29.5720227"></polygon>
<polygon points="24.9144538 22.8355388 23.08587 21.6937618 23.08587 38.1353497 24.9144538 39.2771267"></polygon>
<polygon points="13.7143782 8.10661626 11.8857945 7.07901701 11.8857945 31.7413989 13.7143782 32.8831758"></polygon>
<polygon points="19.314416 30.2570888 17.4858323 29.2294896 17.4858323 34.9383743 19.314416 36.0801512"></polygon>
<polygon points="30.5144916 17.6975425 28.5716213 16.6699433 28.5716213 41.4465028 30.5144916 42.4741021"></polygon>
<polygon points="36.0002429 39.9621928 34.1716591 38.8204159 34.1716591 44.6434783 36.0002429 45.6710775"></polygon>
</g>
</g>
<polygon id="Shape" fill="url(#linearGradient-9)" fill-rule="nonzero" points="219.772911 108.92552 210.05856 112.807561 210.05856 603.429112 219.772911 599.54707"></polygon>
<polygon id="Shape" fill="url(#linearGradient-9)" fill-rule="nonzero" points="32.3430753 0.685066163 22.6287241 4.68128544 210.05856 112.807561 219.772911 108.92552"></polygon>
<g transform="translate(0.000000, 59.372401)">
<ellipse id="Oval" fill="#FFFFFF" fill-rule="nonzero" transform="translate(22.616610, 27.825675) rotate(-22.885625) translate(-22.616610, -27.825675) " cx="22.6166097" cy="27.8256749" rx="13.4860541" ry="23.8635783"></ellipse>
<path d="M35.5430969,35.5092628 C35.5430969,45.2143667 29.6001997,49.7814745 22.1715782,45.5568998 C14.7429566,41.3323251 8.80005937,30.0287335 8.80005937,20.3236295 C8.80005937,10.6185255 14.7429566,6.05141777 22.1715782,10.2759924 C29.6001997,14.5005671 35.5430969,25.8041588 35.5430969,35.5092628 Z" id="Shape" fill="url(#linearGradient-10)" fill-rule="nonzero"></path>
<polyline id="Shape" stroke="#FFFFFF" stroke-width="2.9278" stroke-linecap="round" stroke-linejoin="round" points="15.2001025 25.4616257 20.4572809 34.5958412 28.8001943 24.4340265"></polyline>
</g>
<g transform="translate(29.714486, 262.608696)" fill="#FFFFFF" fill-rule="nonzero" id="Shape">
<path d="M172.229733,123.654442 L172.229733,158.93535 L18.8572701,75.9281664 L14.2858107,73.4162571 L7.65719452,69.8767486 L0.457145941,65.994707 L0.457145941,0.114177694 C5.94289724,1.02759924 14.6286701,3.31115312 25.1430268,9.1342155 C28.0001889,10.7327032 30.6287781,12.3311909 33.2573672,14.158034 C48.5717563,24.6623819 60.8004102,38.8204159 71.8861993,53.320983 C78.4005289,61.88431 84.5719991,70.5618147 90.6291829,78.668431 C101.943545,93.7398866 113.257907,106.756144 127.086572,113.035917 C128.11515,113.492628 129.258015,113.949338 130.286593,114.406049 L152.915317,119.429868 L172.229733,123.654442 Z" opacity="0.5"></path>
<path d="M172.229733,159.049527 L18.8572701,76.042344 L65.4861561,101.389792 L14.2858107,73.5304348 L1.14286485,66.3372401 L0.457145941,65.994707 L0.457145941,41.1039698 C0.685718912,40.9897921 0.914291883,40.7614367 1.14286485,40.5330813 C5.94289724,36.0801512 19.6572755,21.8079395 33.2573672,14.2722117 C33.2573672,14.2722117 33.3716537,14.2722117 33.3716537,14.2722117 C41.9431401,9.47674858 50.5146265,7.53572779 56.5718102,12.5595463 C64.8004372,19.4102079 76.9148046,38.3637051 88.8005991,57.773913 C93.3720585,65.1954631 97.9435179,72.7311909 102.172118,79.6960302 C110.857891,93.8540643 118.515085,105.728544 123.200831,109.838941 C124.457983,110.980718 125.715134,112.008318 126.972285,113.150095 C127.086572,113.264272 127.086572,113.264272 127.200858,113.37845 C140.343804,124.567864 154.858188,134.387146 172.115447,126.052174 L172.115447,159.049527 L172.229733,159.049527 Z" opacity="0.6"></path>
<path d="M172.229733,123.76862 L172.229733,159.049527 L18.8572701,76.042344 L1.14286485,66.4514178 L0.457145941,66.1088847 L0.457145941,41.3323251 C0.685718912,41.3323251 0.914291883,41.4465028 1.14286485,41.4465028 C9.82863774,42.5882798 43.5431509,47.1553875 71.8861993,53.5493384 C72.1147722,53.5493384 72.3433452,53.6635161 72.6862047,53.6635161 C78.4005289,54.9194707 84.0005667,56.4037807 88.9148856,57.773913 C100.114961,60.9708885 108.915021,64.510397 112.115042,68.1640832 C115.657923,72.1603025 118.286512,76.7274102 120.572242,81.5228733 C126.629426,93.968242 130.172307,107.327032 141.486669,114.063516 C145.372409,116.34707 149.25815,118.173913 152.915317,119.429868 C154.515328,120.000756 156.115339,120.571645 157.71535,121.028355 C157.71535,121.028355 157.71535,121.028355 157.71535,121.028355 C161.486804,122.170132 164.801112,122.855198 167.429701,123.197732 C167.429701,123.197732 167.429701,123.197732 167.429701,123.197732 C169.601144,123.540265 171.315441,123.654442 172.229733,123.76862 Z" opacity="0.7"></path>
<path d="M172.229733,123.426087 L172.229733,159.049527 L18.8572701,76.042344 L65.4861561,101.389792 L14.2858107,73.5304348 L7.65719452,69.9909263 L1.14286485,66.4514178 L0.457145941,66.1088847 L0.457145941,44.5293006 C0.685718912,44.6434783 0.914291883,44.757656 1.14286485,44.9860113 C12.1143674,51.6083176 52.4574968,75.3572779 71.3147668,77.2982987 C76.8005181,77.8691871 83.5434208,78.3258979 90.6291829,78.8967864 C90.8577558,78.8967864 91.0863288,78.8967864 91.3149018,78.8967864 C94.9720693,79.1251418 98.6292368,79.4676749 102.286404,79.6960302 C108.686448,80.152741 114.972204,80.7236295 120.686528,81.5228733 C130.858026,82.778828 139.086653,84.4914934 142.400961,86.889225 C150.858161,93.1689981 172.229733,123.426087 172.229733,123.426087 Z" opacity="0.4"></path>
</g>
<g transform="translate(113.143620, 408.756144)" fill-rule="nonzero" id="Shape">
<path d="M70.2861885,77.4124764 L3.54288104,38.9345936 C1.60001079,37.7928166 0,34.8241966 0,32.1981096 L0,3.76786389 C0,1.14177694 1.60001079,6.77236045e-14 3.54288104,1.14177694 L70.2861885,39.6196597 C72.2290587,40.7614367 73.8290695,43.7300567 73.8290695,46.3561437 L73.8290695,74.7863894 C73.8290695,77.2982987 72.2290587,78.5542533 70.2861885,77.4124764 Z" fill="url(#linearGradient-7)"></path>
<g transform="translate(6.857189, 15.984877)" fill="#FFFFFF">
<g transform="translate(18.285838, 9.134216)">
<polygon points="41.6002807 38.9345936 0.457145941 15.0714556 0.457145941 12.3311909 41.6002807 36.0801512"></polygon>
<polygon points="15.0858161 12.2170132 0.457145941 3.76786389 0.457145941 0.91342155 15.0858161 9.47674858"></polygon>
</g>
<path d="M8.00005397,18.1542533 L3.77145402,15.642344 C1.82858377,14.5005671 0.228572971,11.5319471 0.228572971,8.90586011 L0.228572971,3.19697543 C0.228572971,0.570888469 1.82858377,-0.570888469 3.77145402,0.570888469 L8.00005397,3.08279773 C9.94292422,4.22457467 11.542935,7.19319471 11.542935,9.81928166 L11.542935,15.5281664 C11.6572215,18.0400756 10.0572107,19.2960302 8.00005397,18.1542533 Z"></path>
</g>
</g>
<g transform="translate(108.572161, 454.427221)" fill-rule="nonzero" id="Shape">
<path d="M70.8576209,77.5266541 L4.11431347,39.0487713 C2.17144322,37.9069943 0.571432427,34.9383743 0.571432427,32.3122873 L0.571432427,3.88204159 C0.571432427,1.25595463 2.17144322,0.114177694 4.11431347,1.25595463 L70.8576209,39.7338374 C72.8004911,40.8756144 74.4005019,43.8442344 74.4005019,46.4703214 L74.4005019,74.9005671 C74.4005019,77.5266541 72.8004911,78.668431 70.8576209,77.5266541 Z" fill="url(#linearGradient-7)"></path>
<g transform="translate(6.857189, 15.984877)" fill="#FFFFFF">
<g transform="translate(19.285838, 10.275992)">
<polygon points="41.1717131 37.9069943 0.0285783679 14.158034 0.0285783679 11.3035917 41.1717131 35.052552"></polygon>
<polygon points="14.6572485 11.3035917 0.0285783679 2.85444234 0.0285783679 0 14.6572485 8.44914934"></polygon>
</g>
<path d="M8.5714864,18.268431 L4.34288644,15.7565217 C2.40001619,14.6147448 0.800005397,11.6461248 0.800005397,9.02003781 L0.800005397,3.31115312 C0.800005397,0.685066163 2.40001619,-0.456710775 4.34288644,0.685066163 L8.5714864,3.19697543 C10.5143566,4.33875236 12.1143674,7.3073724 12.1143674,9.93345936 L12.1143674,15.642344 C12.1143674,18.1542533 10.6286431,19.4102079 8.5714864,18.268431 Z"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB