blog menu page & blog article page

This commit is contained in:
Nina Juresic
2017-10-23 15:54:25 +02:00
parent f21a22b539
commit 3ec0fe7455
3048 changed files with 241133 additions and 432 deletions

7
dist/all.css vendored Normal file

File diff suppressed because one or more lines are too long

5
dist/all.js vendored Normal file

File diff suppressed because one or more lines are too long

BIN
dist/favicon.ico vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
dist/fonts/Helvetica-Regular.ttf vendored Normal file

Binary file not shown.

BIN
dist/img/Thumbs.db vendored Normal file

Binary file not shown.

BIN
dist/img/arrow.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 171 B

BIN
dist/img/banner.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

BIN
dist/img/banner2.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 KiB

BIN
dist/img/footer.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
dist/img/line.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 89 B

BIN
dist/img/logo.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 923 B

46
dist/img/logo.svg vendored Normal file
View File

@@ -0,0 +1,46 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="204px" height="34px" viewBox="0 0 204 34" 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>logo</title>
<desc>Created with Sketch.</desc>
<defs>
<filter x="-3.6%" y="-18.5%" width="107.7%" height="151.9%" 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 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
<feMerge>
<feMergeNode in="shadowMatrixOuter1"></feMergeNode>
<feMergeNode in="SourceGraphic"></feMergeNode>
</feMerge>
</filter>
</defs>
<g id="assets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="logo" fill-rule="nonzero" fill="#FFFFFF">
<g transform="translate(4.000000, 1.000000)" id="saburly_final-_1_">
<g filter="url(#filter-1)">
<g id="g26" transform="translate(98.000000, 13.500000) scale(1, -1) translate(-98.000000, -13.500000) ">
<path d="M8.35068713,10.3587376 C8.315517,10.3574522 8.28202163,10.3578807 8.24768889,10.3587376 L8.17902339,10.3591661 C8.15641402,10.3591661 8.13422334,10.36088 8.11203266,10.3630224 C8.07728123,10.3651648 8.04294848,10.3677357 8.00610358,10.3685926 C4.52132973,10.4632861 1.68594724,13.4399176 1.68594724,17.0044199 C1.68594724,20.5684937 4.52132973,23.5451252 8.00777835,23.6398187 C8.04294848,23.6406757 8.07728123,23.6432465 8.11203266,23.6453889 C8.13422334,23.6471028 8.15641402,23.6492452 8.17902339,23.6492452 L8.24768889,23.6496737 C8.26527395,23.6496737 8.28244032,23.6496737 8.30170016,23.6496737 C8.32095999,23.6496737 8.34189459,23.6496737 8.36701612,23.6492452 L21.1635009,23.6492452 L23.8171711,23.6492452 L23.8234515,25.1874786 L8.17902339,25.1874786 C8.13087381,25.1874786 8.08314291,25.1844792 8.03583071,25.1810514 L7.97721383,25.1776236 C3.67934004,25.066648 0.182842814,21.4005966 0.182842814,17.0044199 C0.182842814,12.6082432 3.67934004,8.94133487 7.97805121,8.83078774 L8.03583071,8.82735992 C8.08314291,8.8239321 8.13087381,8.82093276 8.17902339,8.82093276" id="path34"></path>
<path d="M8.17910713,8.7138563 C8.1280267,8.7138563 8.07862104,8.71685564 8.02837799,8.72028345 L7.97227326,8.72371127 C3.62080689,8.83597231 0.0782535422,12.5504417 0.0782535422,17.0044628 C0.0782535422,21.4576269 3.6203882,25.1725247 7.97436672,25.2847858 L8.02963407,25.2877851 C8.07862104,25.2912129 8.1280267,25.2946407 8.17910713,25.2946407 L23.9286269,25.2946407 L23.9215091,23.5417403 L8.17952582,23.5417403 C8.1594286,23.5417403 8.14016877,23.5404548 8.12090894,23.5387409 L8.09243788,23.5365985 C8.06522289,23.5348846 8.03800791,23.5331707 8.00995555,23.5323138 C4.58086774,23.4397627 1.79070399,20.5111206 1.79070399,17.0044628 C1.79070399,13.4973764 4.58003035,10.5687343 8.00911816,10.4757548 C8.03758922,10.4748978 8.06564159,10.4731839 8.09327526,10.47147 L8.12090894,10.4697561 C8.14016877,10.4680422 8.1594286,10.4663283 8.17910713,10.4663283 L8.24861001,10.4658998 C8.28294276,10.4646144 8.31476335,10.4650428 8.34742133,10.4658998 L8.35370171,10.2516612 C8.31685681,10.2503757 8.28126799,10.2508042 8.24526047,10.2516612 L8.17868844,10.2520897 C8.15356691,10.2520897 8.1280267,10.254232 8.10332387,10.2563744 C8.05517429,10.2589453 8.03005276,10.2606592 8.00409386,10.2615162 C4.46237789,10.3574951 1.58135797,13.3825445 1.58135797,17.0044628 C1.58135797,20.6259525 4.46279658,23.6505735 8.00451255,23.7465524 C8.03005276,23.7474094 8.05475559,23.7486948 8.07945842,23.7504087 L8.10583602,23.7521226 C8.1280267,23.754265 8.15356691,23.7559789 8.17910713,23.7559789 L8.3017839,23.7568359 L8.37044939,23.7559789 L23.7130005,23.7559789 L23.7184435,25.0804021 L8.17910713,25.0804021 C8.133051,25.0804021 8.08783226,25.0769743 8.04261352,25.073975 L7.98315925,25.0705471 C3.73845935,24.960857 0.287599562,21.342795 0.287599562,17.0044628 C0.287599562,12.665702 3.73887805,9.0472116 7.9806471,8.93752142 L8.04135745,8.93409361 C8.08783226,8.93109426 8.133051,8.92809492 8.17910713,8.92809492 L8.17910713,8.7138563 Z" id="path38"></path>
<path d="M15.6557328,15.0799572 C15.6909029,15.0812426 15.7243982,15.0808141 15.758731,15.0799572 L15.8273965,15.0795287 C15.8500059,15.0795287 15.8721965,15.0778148 15.8943872,15.0756724 C15.9291387,15.07353 15.9634714,15.0709591 16.0003163,15.0701022 C19.4850902,14.9754087 22.3204726,11.9987772 22.3204726,8.43427488 C22.3204726,4.87020105 19.4850902,1.89356955 15.9986415,1.79887607 C15.9634714,1.79801912 15.9291387,1.79544825 15.8943872,1.79330587 C15.8721965,1.79159196 15.8500059,1.78944957 15.8273965,1.78944957 L15.758731,1.78902109 C15.7411459,1.78902109 15.7239796,1.78902109 15.7047197,1.78902109 C15.6854599,1.78902109 15.6645253,1.78902109 15.6394038,1.78944957 L2.84291895,1.78944957 L0.189248802,1.78944957 L0.182968421,0.251216216 L15.8273965,0.251216216 C15.8755461,0.251216216 15.923277,0.254215557 15.9705892,0.257643375 L16.0292061,0.261071193 C20.3270798,0.372046803 23.8235771,4.03809822 23.8235771,8.43427488 C23.8235771,12.8304515 20.3270798,16.4973599 16.0283687,16.6079071 L15.9705892,16.6113349 C15.923277,16.6147627 15.8755461,16.617762 15.8273965,16.617762" id="path42"></path>
<polygon id="path46" points="49.7113896 0.245260382 38.9438864 21.542294 28.1763833 0.245260382 26.654019 0.998094924 38.9438864 25.3060382 51.2337539 0.998094924"></polygon>
<path d="M71.7201461,16.8358141 L71.6640413,16.8388134 C71.6439441,16.8400989 71.6238469,16.8405274 71.6037497,16.8413843 L71.6037497,16.8452406 L71.516243,16.8452406 C71.5154056,16.8452406 71.5145683,16.8452406 71.5133122,16.8452406 L71.5133122,16.8452406 L71.4827477,16.8452406 L71.4827477,15.0867699 L71.6037497,15.0867699 L71.6037497,15.0876269 C71.6297086,15.085913 71.6560862,15.0841991 71.6837198,15.0833421 C75.112389,14.9903626 77.902134,12.0617205 77.902134,8.55506262 C77.902134,5.04797627 75.1119703,2.11933421 71.6824638,2.02635465 C71.6531553,2.02592617 71.6242656,2.02421226 71.5710917,2.02078444 C71.5518319,2.01907053 71.5329907,2.01735662 71.5128935,2.01735662 L57.4385606,2.01735662 L57.4385606,8.72216875 L55.7637924,8.72216875 L55.7637924,0.264884641 L71.5133122,0.264884641 C71.5639739,0.264884641 71.614217,0.267883982 71.6623665,0.2713118 L71.7180526,0.274739618 C76.0720311,0.387000659 79.6141658,4.10147001 79.6141658,8.55506262 C79.6141658,13.0086552 76.0716124,16.7231246 71.7201461,16.8358141" id="path50"></path>
<path d="M71.6825056,10.4755834 C71.6531972,10.4747264 71.6243074,10.4730125 71.5707149,10.4695847 C71.5518737,10.4678708 71.5330326,10.4665854 71.5129354,10.4665854 L57.4386024,10.4665854 L57.4386024,23.5355702 L71.6037915,23.5355702 L71.6037915,23.5364272 C71.6297504,23.5347132 71.656128,23.5334278 71.683343,23.5325709 C75.1124308,23.4395913 77.9017572,20.5109492 77.9017572,17.0038629 C77.9017572,13.497205 75.1115934,10.568563 71.6825056,10.4755834 M71.7201879,25.2850428 L71.6640832,25.2876137 C71.643986,25.2893276 71.6234701,25.2893276 71.6037915,25.2906131 L71.6037915,25.2944693 L71.5162849,25.2944693 C71.5154475,25.2944693 71.5146101,25.2944693 71.5133541,25.2944693 L71.5133541,25.2944693 L57.4386024,25.2944693 L55.7814193,25.2944693 L55.7638343,25.2944693 L55.7638343,8.71411338 L57.4386024,8.71411338 L71.5133541,8.71411338 C71.5640158,8.71411338 71.6142588,8.71711272 71.6624084,8.72011206 L71.7180945,8.72353988 C76.072073,8.8362294 79.6142076,12.5506987 79.6142076,17.0038629 C79.6142076,21.457884 76.0716543,25.1723533 71.7201879,25.2850428" id="path54"></path>
<g id="Group-7" transform="translate(85.142857, 0.248685)">
<path d="M12.0367376,0.0026599196 C5.48378853,0.0026599196 0.152582785,5.55144041 0.152582785,12.3719414 C0.152582785,12.454209 0.147977173,12.5399045 0.143790253,12.6260284 C0.132066875,12.8359823 0.121180882,13.0403659 0.134160336,13.2486059 L0.132485568,25.0775775 L1.82358272,25.0775775 L1.82358272,13.1920469 C1.81437149,13.0180851 1.82316402,12.8869711 1.83070048,12.7575709 C1.83781825,12.6217436 1.84409863,12.4940574 1.84409863,12.3719414 C1.84409863,6.50823012 6.41663439,1.73842129 12.0367376,1.73842129 C17.4558687,1.73842129 21.9463408,6.14830923 22.2599412,11.7785004 L22.2729206,12.1401352 C22.2762702,12.246826 22.2783636,12.3260943 22.2783636,12.4057911 C22.2783636,12.4859163 22.2762702,12.5660416 22.273758,12.6453099 L22.2448683,13.4002868 L23.9430832,13.4581312 L23.9627617,12.7301484 C23.9665299,12.6226006 23.9694608,12.5150528 23.9694608,12.4057911 C23.9694608,12.2969579 23.9665299,12.1894101 23.9627617,12.0814338 L23.9347093,11.4674259 C23.4624247,5.03084054 18.2371481,0.0026599196 12.0367376,0.0026599196" id="path58"></path>
<path d="M6.75384896,15.8689585 C6.75384896,16.623507 7.3513225,17.234944 8.08863919,17.234944 C8.82553718,17.234944 9.42301072,16.623507 9.42301072,15.8689585 C9.42301072,15.1144101 8.82553718,14.502973 8.08863919,14.502973 C7.3513225,14.502973 6.75384896,15.1144101 6.75384896,15.8689585" id="path62"></path>
<path d="M15.0308463,15.8689585 C15.0308463,16.623507 15.6283198,17.234944 16.3656365,17.234944 C17.1025345,17.234944 17.700008,16.623507 17.700008,15.8689585 C17.700008,15.1144101 17.1025345,14.502973 16.3656365,14.502973 C15.6283198,14.502973 15.0308463,15.1144101 15.0308463,15.8689585" id="path66"></path>
</g>
<path d="M129.891543,8.72011206 C129.843394,8.71668425 129.793151,8.7136849 129.742489,8.7136849 L127.597948,8.7136849 L135.759512,0.251259064 L138.049758,0.251259064 L129.956022,8.72396836 C129.952672,8.72396836 129.95016,8.72353988 129.947229,8.72353988 L129.891543,8.72011206 Z" id="path70"></path>
<polygon id="path74" points="115.683438 23.5356131 115.667528 23.5356131 115.667528 10.4661997 115.675483 10.4661997 115.675483 21.0860086 125.909154 10.4661997 128.277276 10.4661997"></polygon>
<polygon id="path78" points="113.992885 8.71381345 113.992885 15.2960811 113.974882 0.251387607 115.670166 0.251387607 115.675609 8.71381345 115.667654 8.71381345"></polygon>
<path d="M129.949197,25.2847001 L129.893092,25.2876994 C129.872995,25.2889848 129.852898,25.2894133 129.832801,25.2902703 L129.832801,25.2941266 L129.745294,25.2941266 C129.744457,25.2941266 129.743619,25.2941266 129.742363,25.2941266 L129.742363,25.2941266 L115.667612,25.2941266 L114.010847,25.2941266 L113.992844,25.2941266 L113.992844,15.2960382 L113.992844,8.7137706 L115.667612,8.7137706 L115.675567,8.7137706 L115.675567,10.4662426 L115.667612,10.4662426 L115.667612,23.5356559 L115.683522,23.5356559 L129.832801,23.5356559 L129.832801,23.5365129 C129.85876,23.5347989 129.885556,23.533085 129.912771,23.5322281 C133.34144,23.4392485 136.131185,20.5106065 136.131185,17.0039486 C136.131185,13.4968622 133.341021,10.5682202 129.911515,10.4752406 C129.882206,10.4748121 129.853317,10.4730982 129.800143,10.4696704 C129.780883,10.4679565 129.762042,10.4662426 129.741945,10.4662426 L128.276941,10.4662426 L125.909238,10.4662426 L127.597823,8.7137706 L129.742363,8.7137706 C129.793025,8.7137706 129.843268,8.71676994 129.891418,8.72019776 L129.947104,8.72362558 C129.950035,8.72362558 129.952965,8.72405405 129.955896,8.72405405 C134.305688,8.84145682 137.843217,12.5533553 137.843217,17.0039486 C137.843217,21.4575412 134.300664,25.1720105 129.949197,25.2847001" id="path82"></path>
<path d="M146.864607,23.4946935 L156.082949,23.4946935 L156.082949,2.00570204 L146.864607,2.00570204 L146.864607,23.4946935 Z M145.165973,0.25151615 L157.781583,0.25151615 L157.781583,25.2497363 L145.165973,25.2497363 L145.165973,0.25151615 Z" id="path84"></path>
<polygon id="path88" points="168.995496 0.251344759 145.166057 0.251344759 145.166057 8.21802241 146.864691 8.21802241 146.864691 2.00595913 167.32952 2.00253131 167.32952 8.21802241 168.995496 8.21802241"></polygon>
<polygon id="path92" points="189.294649 0.291707317 189.294649 25.1605274 187.596015 25.1605274 187.596015 2.03389585 177.304984 2.00775873 177.306658 0.291707317"></polygon>
<path d="M195.984343,24.4940738 L195.964246,25.2220567 L194.266449,25.1642123 L194.29492,24.4092353 C194.297432,24.329967 194.299945,24.2502703 194.299945,24.1697165 C194.299945,24.0900198 194.297432,24.0107515 194.294083,23.9040606 L194.281104,23.5424258 C193.967922,17.9126632 189.477031,13.5023467 184.058319,13.5023467 C178.437797,13.5023467 173.865261,18.272584 173.865261,24.1362953 C173.865261,24.2579829 173.858981,24.3860976 173.851863,24.5214964 C173.844745,24.6508965 173.835953,24.7820105 173.845164,24.9559723 L173.845164,25.3030389 L172.155741,25.3030389 L172.155741,25.0125313 C172.142343,24.8042914 172.153648,24.5999077 172.164953,24.3899539 C172.169558,24.3038299 172.173745,24.2181345 172.173745,24.1362953 C172.173745,17.3157943 177.504951,11.7665854 184.058319,11.7665854 C190.25831,11.7665854 195.484006,16.794766 195.955872,23.2313514 L195.984343,23.8453593 C195.987692,23.9533355 195.991042,24.0608833 195.991042,24.1697165 C195.991042,24.2789782 195.987692,24.3869545 195.984343,24.4940738" id="path96"></path>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 14 KiB

34
dist/img/logo@3x.svg vendored Normal file
View File

@@ -0,0 +1,34 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="392px" height="51px" viewBox="0 0 392 51" 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>Artboard@3x</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="assets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Artboard" fill-rule="nonzero" fill="#FFFFFF">
<g id="logo" transform="translate(0.000000, -3.000000)">
<g id="g26" transform="translate(196.000000, 27.000000) scale(-1, 1) rotate(-180.000000) translate(-196.000000, -27.000000) ">
<path d="M16.7013743,20.7174752 C16.631034,20.7149044 16.5640433,20.7157614 16.4953778,20.7174752 L16.3580468,20.7183322 C16.312828,20.7183322 16.2684467,20.72176 16.2240653,20.7260448 C16.1545625,20.7303296 16.085897,20.7354714 16.0122072,20.7371852 C9.04265946,20.9265722 3.37189448,26.8798352 3.37189448,34.0088398 C3.37189448,41.1369874 9.04265946,47.0902504 16.0155567,47.2796374 C16.085897,47.2813514 16.1545625,47.286493 16.2240653,47.2907778 C16.2684467,47.2942056 16.312828,47.2984904 16.3580468,47.2984904 L16.4953778,47.2993474 C16.5305479,47.2993474 16.5648806,47.2993474 16.6034003,47.2993474 C16.64192,47.2993474 16.6837892,47.2993474 16.7340322,47.2984904 L42.3270018,47.2984904 L47.6343422,47.2984904 L47.646903,50.3749572 L16.3580468,50.3749572 C16.2617476,50.3749572 16.1662858,50.3689584 16.0716614,50.3621028 L15.9544277,50.3552472 C7.35868008,50.133296 0.365685628,42.8011932 0.365685628,34.0088398 C0.365685628,25.2164864 7.35868008,17.8826697 15.9561024,17.6615755 L16.0716614,17.6547198 C16.1662858,17.6478642 16.2617476,17.6418655 16.3580468,17.6418655" id="path34"></path>
<path d="M16.3582143,17.4277126 C16.2560534,17.4277126 16.1572421,17.4337113 16.056756,17.4405669 L15.9445465,17.4474225 C7.24161378,17.6719446 0.156507084,25.1008834 0.156507084,34.0089256 C0.156507084,42.9152538 7.2407764,50.3450494 15.9487334,50.5695716 L16.0592681,50.5755702 C16.1572421,50.5824258 16.2560534,50.5892814 16.3582143,50.5892814 L47.8572538,50.5892814 L47.8430182,47.0834806 L16.3590516,47.0834806 C16.3188572,47.0834806 16.2803375,47.0809096 16.2418179,47.0774818 L16.1848758,47.073197 C16.1304458,47.0697692 16.0760158,47.0663414 16.0199111,47.0646276 C9.16173548,46.8795254 3.58140798,41.0222412 3.58140798,34.0089256 C3.58140798,26.9947528 9.1600607,21.1374686 16.0182363,20.9515096 C16.0751784,20.9497956 16.1312832,20.9463678 16.1865505,20.94294 L16.2418179,20.9395122 C16.2803375,20.9360844 16.3188572,20.9326566 16.3582143,20.9326566 L16.49722,20.9317996 C16.5658855,20.9292288 16.6295267,20.9300856 16.6948427,20.9317996 L16.7074034,20.5033224 C16.6337136,20.5007514 16.562536,20.5016084 16.4905209,20.5033224 L16.3573769,20.5041794 C16.3071338,20.5041794 16.2560534,20.508464 16.2066477,20.5127488 C16.1103486,20.5178906 16.0601055,20.5213184 16.0081877,20.5230324 C8.92475578,20.7149902 3.16271594,26.765089 3.16271594,34.0089256 C3.16271594,41.251905 8.92559316,47.301147 16.0090251,47.4931048 C16.0601055,47.4948188 16.1095112,47.4973896 16.1589168,47.5008174 L16.211672,47.5042452 C16.2560534,47.50853 16.3071338,47.5119578 16.3582143,47.5119578 L16.6035678,47.5136718 L16.7408988,47.5119578 L47.426001,47.5119578 L47.436887,50.1608042 L16.3582143,50.1608042 C16.266102,50.1608042 16.1756645,50.1539486 16.085227,50.14795 L15.9663185,50.1410942 C7.4769187,49.921714 0.575199124,42.68559 0.575199124,34.0089256 C0.575199124,25.331404 7.4777561,18.0944232 15.9612942,17.8750428 L16.0827149,17.8681872 C16.1756645,17.8621885 16.266102,17.8561898 16.3582143,17.8561898 L16.3582143,17.4277126 Z" id="path38"></path>
<path d="M31.3114656,30.1599144 C31.3818058,30.1624852 31.4487964,30.1616282 31.517462,30.1599144 L31.654793,30.1590574 C31.7000118,30.1590574 31.744393,30.1556296 31.7887744,30.1513448 C31.8582774,30.14706 31.9269428,30.1419182 32.0006326,30.1402044 C38.9701804,29.9508174 44.6409452,23.9975544 44.6409452,16.8685498 C44.6409452,9.7404021 38.9701804,3.7871391 31.997283,3.59775214 C31.9269428,3.59603824 31.8582774,3.5908965 31.7887744,3.58661174 C31.744393,3.58318392 31.7000118,3.57889914 31.654793,3.57889914 L31.517462,3.57804218 C31.4822918,3.57804218 31.4479592,3.57804218 31.4094394,3.57804218 C31.3709198,3.57804218 31.3290506,3.57804218 31.2788076,3.57889914 L5.6858379,3.57889914 L0.378497604,3.57889914 L0.365936842,0.502432432 L31.654793,0.502432432 C31.7510922,0.502432432 31.846554,0.508431114 31.9411784,0.51528675 L32.0584122,0.522142386 C40.6541596,0.744093606 47.6471542,8.07619644 47.6471542,16.8685498 C47.6471542,25.660903 40.6541596,32.9947198 32.0567374,33.2158142 L31.9411784,33.2226698 C31.846554,33.2295254 31.7510922,33.235524 31.654793,33.235524" id="path42"></path>
<polygon id="path46" points="99.4227792 0.490520764 77.8877728 43.084588 56.3527666 0.490520764 53.308038 1.99618985 77.8877728 50.6120764 102.467508 1.99618985"></polygon>
<path d="M143.440292,33.6716282 L143.328083,33.6776268 C143.287888,33.6801978 143.247694,33.6810548 143.207499,33.6827686 L143.207499,33.6904812 L143.032486,33.6904812 C143.030811,33.6904812 143.029137,33.6904812 143.026624,33.6904812 L143.026624,33.6904812 L142.965495,33.6904812 L142.965495,30.1735398 L143.207499,30.1735398 L143.207499,30.1752538 C143.259417,30.171826 143.312172,30.1683982 143.36744,30.1666842 C150.224778,29.9807252 155.804268,24.123441 155.804268,17.1101252 C155.804268,10.0959525 150.223941,4.23866842 143.364928,4.0527093 C143.306311,4.05185234 143.248531,4.04842452 143.142183,4.04156888 C143.103664,4.03814106 143.065981,4.03471324 143.025787,4.03471324 L114.877121,4.03471324 L114.877121,17.4443375 L111.527585,17.4443375 L111.527585,0.529769282 L143.026624,0.529769282 C143.127948,0.529769282 143.228434,0.535767964 143.324733,0.5426236 L143.436105,0.549479236 C152.144062,0.774001318 159.228332,8.20294002 159.228332,17.1101252 C159.228332,26.0173104 152.143225,33.4462492 143.440292,33.6716282" id="path50"></path>
<path d="M143.365011,20.9511668 C143.306394,20.9494528 143.248615,20.946025 143.14143,20.9391694 C143.103747,20.9357416 143.066065,20.9331708 143.025871,20.9331708 L114.877205,20.9331708 L114.877205,47.0711404 L143.207583,47.0711404 L143.207583,47.0728544 C143.259501,47.0694264 143.312256,47.0668556 143.366686,47.0651418 C150.224862,46.8791826 155.803514,41.0218984 155.803514,34.0077258 C155.803514,26.99441 150.223187,21.137126 143.365011,20.9511668 M143.440376,50.5700856 L143.328166,50.5752274 C143.287972,50.5786552 143.24694,50.5786552 143.207583,50.5812262 L143.207583,50.5889386 L143.03257,50.5889386 C143.030895,50.5889386 143.02922,50.5889386 143.026708,50.5889386 L143.026708,50.5889386 L114.877205,50.5889386 L111.562839,50.5889386 L111.527669,50.5889386 L111.527669,17.4282268 L114.877205,17.4282268 L143.026708,17.4282268 C143.128032,17.4282268 143.228518,17.4342254 143.324817,17.4402241 L143.436189,17.4470798 C152.144146,17.6724588 159.228415,25.1013974 159.228415,34.0077258 C159.228415,42.915768 152.143309,50.3447066 143.440376,50.5700856" id="path54"></path>
<g id="Group-7" transform="translate(170.285714, 0.497370)">
<path d="M24.0734752,0.0053198392 C10.9675771,0.0053198392 0.30516557,11.1028808 0.30516557,24.7438828 C0.30516557,24.908418 0.295954346,25.079809 0.287580506,25.2520568 C0.26413375,25.6719646 0.242361764,26.0807318 0.268320672,26.4972118 L0.264971136,50.155155 L3.64716544,50.155155 L3.64716544,26.3840938 C3.62874298,26.0361702 3.64632804,25.7739422 3.66140096,25.5151418 C3.6756365,25.2434872 3.68819726,24.9881148 3.68819726,24.7438828 C3.68819726,13.0164602 12.8332688,3.47684258 24.0734752,3.47684258 C34.9117374,3.47684258 43.8926816,12.2966185 44.5198824,23.5570008 L44.5458412,24.2802704 C44.5525404,24.493652 44.5567272,24.6521886 44.5567272,24.8115822 C44.5567272,24.9718326 44.5525404,25.1320832 44.547516,25.2906198 L44.4897366,26.8005736 L47.8861664,26.9162624 L47.9255234,25.4602968 C47.9330598,25.2452012 47.9389216,25.0301056 47.9389216,24.8115822 C47.9389216,24.5939158 47.9330598,24.3788202 47.9255234,24.1628676 L47.8694186,22.9348518 C46.9248494,10.0616811 36.4742962,0.0053198392 24.0734752,0.0053198392" id="path58"></path>
<path d="M13.5076979,31.737917 C13.5076979,33.247014 14.702645,34.469888 16.1772784,34.469888 C17.6510744,34.469888 18.8460214,33.247014 18.8460214,31.737917 C18.8460214,30.2288202 17.6510744,29.005946 16.1772784,29.005946 C14.702645,29.005946 13.5076979,30.2288202 13.5076979,31.737917" id="path62"></path>
<path d="M30.0616926,31.737917 C30.0616926,33.247014 31.2566396,34.469888 32.731273,34.469888 C34.205069,34.469888 35.400016,33.247014 35.400016,31.737917 C35.400016,30.2288202 34.205069,29.005946 32.731273,29.005946 C31.2566396,29.005946 30.0616926,30.2288202 30.0616926,31.737917" id="path66"></path>
</g>
<path d="M259.783086,17.4402241 C259.686788,17.4333685 259.586302,17.4273698 259.484978,17.4273698 L255.195896,17.4273698 L271.519024,0.502518128 L276.099516,0.502518128 L259.912044,17.4479367 C259.905344,17.4479367 259.90032,17.4470798 259.894458,17.4470798 L259.783086,17.4402241 Z" id="path70"></path>
<polygon id="path74" points="231.366876 47.0712262 231.335056 47.0712262 231.335056 20.9323994 231.350966 20.9323994 231.350966 42.1720172 251.818308 20.9323994 256.554552 20.9323994"></polygon>
<polygon id="path78" points="227.98577 17.4276269 227.98577 30.5921622 227.949764 0.502775214 231.340332 0.502775214 231.351218 17.4276269 231.335308 17.4276269"></polygon>
<path d="M259.898394,50.5694002 L259.786184,50.5753988 C259.74599,50.5779696 259.705796,50.5788266 259.665602,50.5805406 L259.665602,50.5882532 L259.490588,50.5882532 C259.488914,50.5882532 259.487238,50.5882532 259.484726,50.5882532 L259.484726,50.5882532 L231.335224,50.5882532 L228.021694,50.5882532 L227.985688,50.5882532 L227.985688,30.5920764 L227.985688,17.4275412 L231.335224,17.4275412 L231.351134,17.4275412 L231.351134,20.9324852 L231.335224,20.9324852 L231.335224,47.0713118 L231.367044,47.0713118 L259.665602,47.0713118 L259.665602,47.0730258 C259.71752,47.0695978 259.771112,47.06617 259.825542,47.0644562 C266.68288,46.878497 272.26237,41.021213 272.26237,34.0078972 C272.26237,26.9937244 266.682042,21.1364404 259.82303,20.9504812 C259.764412,20.9496242 259.706634,20.9461964 259.600286,20.9393408 C259.561766,20.935913 259.524084,20.9324852 259.48389,20.9324852 L256.553882,20.9324852 L251.818476,20.9324852 L255.195646,17.4275412 L259.484726,17.4275412 C259.58605,17.4275412 259.686536,17.4335399 259.782836,17.4403955 L259.894208,17.4472512 C259.90007,17.4472512 259.90593,17.4481081 259.911792,17.4481081 C268.611376,17.6829136 275.686434,25.1067106 275.686434,34.0078972 C275.686434,42.9150824 268.601328,50.344021 259.898394,50.5694002" id="path82"></path>
<path d="M293.729214,46.989387 L312.165898,46.989387 L312.165898,4.01140408 L293.729214,4.01140408 L293.729214,46.989387 Z M290.331946,0.5030323 L315.563166,0.5030323 L315.563166,50.4994726 L290.331946,50.4994726 L290.331946,0.5030323 Z" id="path84"></path>
<polygon id="path88" points="337.990992 0.502689518 290.332114 0.502689518 290.332114 16.4360448 293.729382 16.4360448 293.729382 4.01191826 334.65904 4.00506262 334.65904 16.4360448 337.990992 16.4360448"></polygon>
<polygon id="path92" points="378.589298 0.583414634 378.589298 50.3210548 375.19203 50.3210548 375.19203 4.0677917 354.609968 4.01551746 354.613316 0.583414634"></polygon>
<path d="M391.968686,48.9881476 L391.928492,50.4441134 L388.532898,50.3284246 L388.58984,48.8184706 C388.594864,48.659934 388.59989,48.5005406 388.59989,48.339433 C388.59989,48.1800396 388.594864,48.021503 388.588166,47.8081212 L388.562208,47.0848516 C387.935844,35.8253264 378.954062,27.0046934 368.116638,27.0046934 C356.875594,27.0046934 347.730522,36.545168 347.730522,48.2725906 C347.730522,48.5159658 347.717962,48.7721952 347.703726,49.0429928 C347.68949,49.301793 347.671906,49.564021 347.690328,49.9119446 L347.690328,50.6060778 L344.311482,50.6060778 L344.311482,50.0250626 C344.284686,49.6085828 344.307296,49.1998154 344.329906,48.7799078 C344.339116,48.6076598 344.34749,48.436269 344.34749,48.2725906 C344.34749,34.6315886 355.009902,23.5331708 368.116638,23.5331708 C380.51662,23.5331708 390.968012,33.589532 391.911744,46.4627028 L391.968686,47.6907186 C391.975384,47.906671 391.982084,48.1217666 391.982084,48.339433 C391.982084,48.5579564 391.975384,48.773909 391.968686,48.9881476" id="path96"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 13 KiB

48
dist/img/logo_2.svg vendored Normal file
View File

@@ -0,0 +1,48 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="204px" height="34px" viewBox="0 0 204 34" 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>logo</title>
<desc>Created with Sketch.</desc>
<defs>
<filter x="-3.6%" y="-18.5%" width="107.7%" height="151.9%" 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 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
<feMerge>
<feMergeNode in="shadowMatrixOuter1"></feMergeNode>
<feMergeNode in="SourceGraphic"></feMergeNode>
</feMerge>
</filter>
</defs>
<g id="final" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="desktop" transform="translate(-36.000000, -30.000000)" fill-rule="nonzero" fill="#FFFFFF">
<g id="Group-29">
<g id="logo" transform="translate(40.000000, 31.000000)">
<g id="saburly_final-_1_" filter="url(#filter-1)">
<g id="g26" transform="translate(98.000000, 13.500000) scale(1, -1) translate(-98.000000, -13.500000) ">
<path d="M8.35068713,10.3587376 C8.315517,10.3574522 8.28202163,10.3578807 8.24768889,10.3587376 L8.17902339,10.3591661 C8.15641402,10.3591661 8.13422334,10.36088 8.11203266,10.3630224 C8.07728123,10.3651648 8.04294848,10.3677357 8.00610358,10.3685926 C4.52132973,10.4632861 1.68594724,13.4399176 1.68594724,17.0044199 C1.68594724,20.5684937 4.52132973,23.5451252 8.00777835,23.6398187 C8.04294848,23.6406757 8.07728123,23.6432465 8.11203266,23.6453889 C8.13422334,23.6471028 8.15641402,23.6492452 8.17902339,23.6492452 L8.24768889,23.6496737 C8.26527395,23.6496737 8.28244032,23.6496737 8.30170016,23.6496737 C8.32095999,23.6496737 8.34189459,23.6496737 8.36701612,23.6492452 L21.1635009,23.6492452 L23.8171711,23.6492452 L23.8234515,25.1874786 L8.17902339,25.1874786 C8.13087381,25.1874786 8.08314291,25.1844792 8.03583071,25.1810514 L7.97721383,25.1776236 C3.67934004,25.066648 0.182842814,21.4005966 0.182842814,17.0044199 C0.182842814,12.6082432 3.67934004,8.94133487 7.97805121,8.83078774 L8.03583071,8.82735992 C8.08314291,8.8239321 8.13087381,8.82093276 8.17902339,8.82093276" id="path34"></path>
<path d="M8.17910713,8.7138563 C8.1280267,8.7138563 8.07862104,8.71685564 8.02837799,8.72028345 L7.97227326,8.72371127 C3.62080689,8.83597231 0.0782535422,12.5504417 0.0782535422,17.0044628 C0.0782535422,21.4576269 3.6203882,25.1725247 7.97436672,25.2847858 L8.02963407,25.2877851 C8.07862104,25.2912129 8.1280267,25.2946407 8.17910713,25.2946407 L23.9286269,25.2946407 L23.9215091,23.5417403 L8.17952582,23.5417403 C8.1594286,23.5417403 8.14016877,23.5404548 8.12090894,23.5387409 L8.09243788,23.5365985 C8.06522289,23.5348846 8.03800791,23.5331707 8.00995555,23.5323138 C4.58086774,23.4397627 1.79070399,20.5111206 1.79070399,17.0044628 C1.79070399,13.4973764 4.58003035,10.5687343 8.00911816,10.4757548 C8.03758922,10.4748978 8.06564159,10.4731839 8.09327526,10.47147 L8.12090894,10.4697561 C8.14016877,10.4680422 8.1594286,10.4663283 8.17910713,10.4663283 L8.24861001,10.4658998 C8.28294276,10.4646144 8.31476335,10.4650428 8.34742133,10.4658998 L8.35370171,10.2516612 C8.31685681,10.2503757 8.28126799,10.2508042 8.24526047,10.2516612 L8.17868844,10.2520897 C8.15356691,10.2520897 8.1280267,10.254232 8.10332387,10.2563744 C8.05517429,10.2589453 8.03005276,10.2606592 8.00409386,10.2615162 C4.46237789,10.3574951 1.58135797,13.3825445 1.58135797,17.0044628 C1.58135797,20.6259525 4.46279658,23.6505735 8.00451255,23.7465524 C8.03005276,23.7474094 8.05475559,23.7486948 8.07945842,23.7504087 L8.10583602,23.7521226 C8.1280267,23.754265 8.15356691,23.7559789 8.17910713,23.7559789 L8.3017839,23.7568359 L8.37044939,23.7559789 L23.7130005,23.7559789 L23.7184435,25.0804021 L8.17910713,25.0804021 C8.133051,25.0804021 8.08783226,25.0769743 8.04261352,25.073975 L7.98315925,25.0705471 C3.73845935,24.960857 0.287599562,21.342795 0.287599562,17.0044628 C0.287599562,12.665702 3.73887805,9.0472116 7.9806471,8.93752142 L8.04135745,8.93409361 C8.08783226,8.93109426 8.133051,8.92809492 8.17910713,8.92809492 L8.17910713,8.7138563 Z" id="path38"></path>
<path d="M15.6557328,15.0799572 C15.6909029,15.0812426 15.7243982,15.0808141 15.758731,15.0799572 L15.8273965,15.0795287 C15.8500059,15.0795287 15.8721965,15.0778148 15.8943872,15.0756724 C15.9291387,15.07353 15.9634714,15.0709591 16.0003163,15.0701022 C19.4850902,14.9754087 22.3204726,11.9987772 22.3204726,8.43427488 C22.3204726,4.87020105 19.4850902,1.89356955 15.9986415,1.79887607 C15.9634714,1.79801912 15.9291387,1.79544825 15.8943872,1.79330587 C15.8721965,1.79159196 15.8500059,1.78944957 15.8273965,1.78944957 L15.758731,1.78902109 C15.7411459,1.78902109 15.7239796,1.78902109 15.7047197,1.78902109 C15.6854599,1.78902109 15.6645253,1.78902109 15.6394038,1.78944957 L2.84291895,1.78944957 L0.189248802,1.78944957 L0.182968421,0.251216216 L15.8273965,0.251216216 C15.8755461,0.251216216 15.923277,0.254215557 15.9705892,0.257643375 L16.0292061,0.261071193 C20.3270798,0.372046803 23.8235771,4.03809822 23.8235771,8.43427488 C23.8235771,12.8304515 20.3270798,16.4973599 16.0283687,16.6079071 L15.9705892,16.6113349 C15.923277,16.6147627 15.8755461,16.617762 15.8273965,16.617762" id="path42"></path>
<polygon id="path46" points="49.7113896 0.245260382 38.9438864 21.542294 28.1763833 0.245260382 26.654019 0.998094924 38.9438864 25.3060382 51.2337539 0.998094924"></polygon>
<path d="M71.7201461,16.8358141 L71.6640413,16.8388134 C71.6439441,16.8400989 71.6238469,16.8405274 71.6037497,16.8413843 L71.6037497,16.8452406 L71.516243,16.8452406 C71.5154056,16.8452406 71.5145683,16.8452406 71.5133122,16.8452406 L71.5133122,16.8452406 L71.4827477,16.8452406 L71.4827477,15.0867699 L71.6037497,15.0867699 L71.6037497,15.0876269 C71.6297086,15.085913 71.6560862,15.0841991 71.6837198,15.0833421 C75.112389,14.9903626 77.902134,12.0617205 77.902134,8.55506262 C77.902134,5.04797627 75.1119703,2.11933421 71.6824638,2.02635465 C71.6531553,2.02592617 71.6242656,2.02421226 71.5710917,2.02078444 C71.5518319,2.01907053 71.5329907,2.01735662 71.5128935,2.01735662 L57.4385606,2.01735662 L57.4385606,8.72216875 L55.7637924,8.72216875 L55.7637924,0.264884641 L71.5133122,0.264884641 C71.5639739,0.264884641 71.614217,0.267883982 71.6623665,0.2713118 L71.7180526,0.274739618 C76.0720311,0.387000659 79.6141658,4.10147001 79.6141658,8.55506262 C79.6141658,13.0086552 76.0716124,16.7231246 71.7201461,16.8358141" id="path50"></path>
<path d="M71.6825056,10.4755834 C71.6531972,10.4747264 71.6243074,10.4730125 71.5707149,10.4695847 C71.5518737,10.4678708 71.5330326,10.4665854 71.5129354,10.4665854 L57.4386024,10.4665854 L57.4386024,23.5355702 L71.6037915,23.5355702 L71.6037915,23.5364272 C71.6297504,23.5347132 71.656128,23.5334278 71.683343,23.5325709 C75.1124308,23.4395913 77.9017572,20.5109492 77.9017572,17.0038629 C77.9017572,13.497205 75.1115934,10.568563 71.6825056,10.4755834 M71.7201879,25.2850428 L71.6640832,25.2876137 C71.643986,25.2893276 71.6234701,25.2893276 71.6037915,25.2906131 L71.6037915,25.2944693 L71.5162849,25.2944693 C71.5154475,25.2944693 71.5146101,25.2944693 71.5133541,25.2944693 L71.5133541,25.2944693 L57.4386024,25.2944693 L55.7814193,25.2944693 L55.7638343,25.2944693 L55.7638343,8.71411338 L57.4386024,8.71411338 L71.5133541,8.71411338 C71.5640158,8.71411338 71.6142588,8.71711272 71.6624084,8.72011206 L71.7180945,8.72353988 C76.072073,8.8362294 79.6142076,12.5506987 79.6142076,17.0038629 C79.6142076,21.457884 76.0716543,25.1723533 71.7201879,25.2850428" id="path54"></path>
<g id="Group-7" transform="translate(85.142857, 0.248685)">
<path d="M12.0367376,0.0026599196 C5.48378853,0.0026599196 0.152582785,5.55144041 0.152582785,12.3719414 C0.152582785,12.454209 0.147977173,12.5399045 0.143790253,12.6260284 C0.132066875,12.8359823 0.121180882,13.0403659 0.134160336,13.2486059 L0.132485568,25.0775775 L1.82358272,25.0775775 L1.82358272,13.1920469 C1.81437149,13.0180851 1.82316402,12.8869711 1.83070048,12.7575709 C1.83781825,12.6217436 1.84409863,12.4940574 1.84409863,12.3719414 C1.84409863,6.50823012 6.41663439,1.73842129 12.0367376,1.73842129 C17.4558687,1.73842129 21.9463408,6.14830923 22.2599412,11.7785004 L22.2729206,12.1401352 C22.2762702,12.246826 22.2783636,12.3260943 22.2783636,12.4057911 C22.2783636,12.4859163 22.2762702,12.5660416 22.273758,12.6453099 L22.2448683,13.4002868 L23.9430832,13.4581312 L23.9627617,12.7301484 C23.9665299,12.6226006 23.9694608,12.5150528 23.9694608,12.4057911 C23.9694608,12.2969579 23.9665299,12.1894101 23.9627617,12.0814338 L23.9347093,11.4674259 C23.4624247,5.03084054 18.2371481,0.0026599196 12.0367376,0.0026599196" id="path58"></path>
<path d="M6.75384896,15.8689585 C6.75384896,16.623507 7.3513225,17.234944 8.08863919,17.234944 C8.82553718,17.234944 9.42301072,16.623507 9.42301072,15.8689585 C9.42301072,15.1144101 8.82553718,14.502973 8.08863919,14.502973 C7.3513225,14.502973 6.75384896,15.1144101 6.75384896,15.8689585" id="path62"></path>
<path d="M15.0308463,15.8689585 C15.0308463,16.623507 15.6283198,17.234944 16.3656365,17.234944 C17.1025345,17.234944 17.700008,16.623507 17.700008,15.8689585 C17.700008,15.1144101 17.1025345,14.502973 16.3656365,14.502973 C15.6283198,14.502973 15.0308463,15.1144101 15.0308463,15.8689585" id="path66"></path>
</g>
<path d="M129.891543,8.72011206 C129.843394,8.71668425 129.793151,8.7136849 129.742489,8.7136849 L127.597948,8.7136849 L135.759512,0.251259064 L138.049758,0.251259064 L129.956022,8.72396836 C129.952672,8.72396836 129.95016,8.72353988 129.947229,8.72353988 L129.891543,8.72011206 Z" id="path70"></path>
<polygon id="path74" points="115.683438 23.5356131 115.667528 23.5356131 115.667528 10.4661997 115.675483 10.4661997 115.675483 21.0860086 125.909154 10.4661997 128.277276 10.4661997"></polygon>
<polygon id="path78" points="113.992885 8.71381345 113.992885 15.2960811 113.974882 0.251387607 115.670166 0.251387607 115.675609 8.71381345 115.667654 8.71381345"></polygon>
<path d="M129.949197,25.2847001 L129.893092,25.2876994 C129.872995,25.2889848 129.852898,25.2894133 129.832801,25.2902703 L129.832801,25.2941266 L129.745294,25.2941266 C129.744457,25.2941266 129.743619,25.2941266 129.742363,25.2941266 L129.742363,25.2941266 L115.667612,25.2941266 L114.010847,25.2941266 L113.992844,25.2941266 L113.992844,15.2960382 L113.992844,8.7137706 L115.667612,8.7137706 L115.675567,8.7137706 L115.675567,10.4662426 L115.667612,10.4662426 L115.667612,23.5356559 L115.683522,23.5356559 L129.832801,23.5356559 L129.832801,23.5365129 C129.85876,23.5347989 129.885556,23.533085 129.912771,23.5322281 C133.34144,23.4392485 136.131185,20.5106065 136.131185,17.0039486 C136.131185,13.4968622 133.341021,10.5682202 129.911515,10.4752406 C129.882206,10.4748121 129.853317,10.4730982 129.800143,10.4696704 C129.780883,10.4679565 129.762042,10.4662426 129.741945,10.4662426 L128.276941,10.4662426 L125.909238,10.4662426 L127.597823,8.7137706 L129.742363,8.7137706 C129.793025,8.7137706 129.843268,8.71676994 129.891418,8.72019776 L129.947104,8.72362558 C129.950035,8.72362558 129.952965,8.72405405 129.955896,8.72405405 C134.305688,8.84145682 137.843217,12.5533553 137.843217,17.0039486 C137.843217,21.4575412 134.300664,25.1720105 129.949197,25.2847001" id="path82"></path>
<path d="M146.864607,23.4946935 L156.082949,23.4946935 L156.082949,2.00570204 L146.864607,2.00570204 L146.864607,23.4946935 Z M145.165973,0.25151615 L157.781583,0.25151615 L157.781583,25.2497363 L145.165973,25.2497363 L145.165973,0.25151615 Z" id="path84"></path>
<polygon id="path88" points="168.995496 0.251344759 145.166057 0.251344759 145.166057 8.21802241 146.864691 8.21802241 146.864691 2.00595913 167.32952 2.00253131 167.32952 8.21802241 168.995496 8.21802241"></polygon>
<polygon id="path92" points="189.294649 0.291707317 189.294649 25.1605274 187.596015 25.1605274 187.596015 2.03389585 177.304984 2.00775873 177.306658 0.291707317"></polygon>
<path d="M195.984343,24.4940738 L195.964246,25.2220567 L194.266449,25.1642123 L194.29492,24.4092353 C194.297432,24.329967 194.299945,24.2502703 194.299945,24.1697165 C194.299945,24.0900198 194.297432,24.0107515 194.294083,23.9040606 L194.281104,23.5424258 C193.967922,17.9126632 189.477031,13.5023467 184.058319,13.5023467 C178.437797,13.5023467 173.865261,18.272584 173.865261,24.1362953 C173.865261,24.2579829 173.858981,24.3860976 173.851863,24.5214964 C173.844745,24.6508965 173.835953,24.7820105 173.845164,24.9559723 L173.845164,25.3030389 L172.155741,25.3030389 L172.155741,25.0125313 C172.142343,24.8042914 172.153648,24.5999077 172.164953,24.3899539 C172.169558,24.3038299 172.173745,24.2181345 172.173745,24.1362953 C172.173745,17.3157943 177.504951,11.7665854 184.058319,11.7665854 C190.25831,11.7665854 195.484006,16.794766 195.955872,23.2313514 L195.984343,23.8453593 C195.987692,23.9533355 195.991042,24.0608833 195.991042,24.1697165 C195.991042,24.2789782 195.987692,24.3869545 195.984343,24.4940738" id="path96"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 14 KiB

21
dist/img/logo_mobile.svg vendored Normal file
View File

@@ -0,0 +1,21 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="42px" height="42px" viewBox="0 0 42 42" 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>logo mobile</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="assets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="logo-mobile" stroke="#FFFFFF">
<g id="logo-white" transform="translate(1.000000, 1.000000)">
<g id="Group-10">
<circle id="Oval" stroke-width="2" cx="20" cy="20" r="20"></circle>
<g id="Group-7" transform="translate(20.357143, 21.785714) scale(1, -1) translate(-20.357143, -21.785714) translate(12.857143, 14.285714)" fill-rule="nonzero" fill="#FFFFFF">
<path d="M7.13558813,0 C3.20903991,0 0.0145642501,3.31932127 0.0145642501,7.39939509 C0.0145642501,7.44860819 0.0118045522,7.49987184 0.00929573606,7.55139181 C0.00227105071,7.67698775 -0.00425187139,7.79925155 0.00352545881,7.92382222 L0.00252193233,15 L1.01583279,15 L1.01583279,7.88998821 C1.0103134,7.785923 1.01558191,7.70748962 1.02009778,7.63008151 C1.02436277,7.54882863 1.02812599,7.47244579 1.02812599,7.39939509 C1.02812599,3.89167991 3.76800416,1.03834521 7.13558813,1.03834521 C10.3827489,1.03834521 13.0734543,3.67637258 13.2613646,7.04439432 L13.269142,7.26072692 C13.271149,7.32455016 13.2724034,7.37196904 13.2724034,7.41964423 C13.2724034,7.46757574 13.271149,7.51550725 13.2696437,7.56292613 L13.2523329,8.01455888 L14.2699087,8.04916184 L14.2817002,7.61367714 C14.2839581,7.54934126 14.2857143,7.48500538 14.2857143,7.41964423 C14.2857143,7.3545394 14.2839581,7.29020352 14.2817002,7.22561132 L14.2648911,6.85830727 C13.9818966,3.0078946 10.850894,0 7.13558813,0" id="path58"></path>
<path d="M4.28571429,9.70982143 C4.28571429,10.3016614 4.6054902,10.78125 5.00011204,10.78125 C5.3945098,10.78125 5.71428571,10.3016614 5.71428571,9.70982143 C5.71428571,9.11798149 5.3945098,8.63839286 5.00011204,8.63839286 C4.6054902,8.63839286 4.28571429,9.11798149 4.28571429,9.70982143" id="path62"></path>
<path d="M9.28571429,9.70982143 C9.28571429,10.3016614 9.6054902,10.78125 10.000112,10.78125 C10.3945098,10.78125 10.7142857,10.3016614 10.7142857,9.70982143 C10.7142857,9.11798149 10.3945098,8.63839286 10.000112,8.63839286 C9.6054902,8.63839286 9.28571429,9.11798149 9.28571429,9.70982143" id="path66"></path>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
dist/img/mail.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 287 B

BIN
dist/img/mob-logo.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 445 B

BIN
dist/img/suburly.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
dist/img/twitter.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 390 B

592
dist/index.html vendored Normal file
View File

@@ -0,0 +1,592 @@
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- title -->
<title>Saburly</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<!-- <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> -->
<link href="all.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700" rel="stylesheet">
<!-- <link rel="stylesheet" type="text/css" href="css/style.css"> -->
<!-- <link rel="stylesheet" type="text/css" href="css/owl.carousel.css"> -->
<!-- <link href="css/animate.css" rel="stylesheet"> -->
<!-- <link href="dist/all.css" rel="stylesheet"> -->
<!-- css for slider -->
<!--[if IE 9]>
<link rel="stylesheet" type="text/css" href="css/ie.css" />
<![endif]-->
<!--[if IE]>
<script src="js/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top" data-spy="affix">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<div id="nav-icon3">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</button>
<a class="navbar-brand 123" href="#"><img src="img/logo.svg" class="img-responsive hidden-xs" alt="logo"><img src="img/logo_mobile.svg" class="img-responsive visible-xs" alt="logo"></a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<div class="align-navbar">
<ul class="nav navbar-nav navbar-right" >
<li><a href="#second" class="nav-link">ABOUT</a></li>
<li><a href="#work" class="nav-link">WORK</a></li>
<li><a href="#team" class="nav-link">TEAM</a></li>
<li class="hidden-xs"><a href="#contact" class="nav-link"><i class="material-icons">&#xE0E1;</i></a></li>
<li class="visible-xs"><a href="#contact" class="nav-link">CONTACT</a></li>
</ul>
</div>
</div>
</div>
</nav>
<!-- Start Banner -->
<section class="banner">
<div class="banner-caption">
<div class="container">
<div class="row">
<div class="col-md-12 header-wrap">
<img src="img/logo@3x.svg" class="img-responsive center-block visible-xs" alt="suburly">
<h1>WE DESIGN AND BUILD<br> SOFTWARE</h1>
</div>
</div>
</div>
<div class="scroll-tag hidden-xs">
<p class=" text-center">Scroll</p>
<img src="img/line.png" class="img-responsive center-block" alt="line">
</div>
</div>
</section>
<!-- End Banner -->
<!-- Start What we do -->
<section class="what-we-do" id="second">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="med-title text-center">What we do</h2>
<p class="tag-line text-center space20">We are a team of creative, open minded, skilled and fun loving<br class="hidden-xs hidden-sm"> engineers that ship success every day. Here are the 3 things we can do<br class="hidden-xs hidden-sm"> for you.</p>
<div class="space30 visible-xs"></div>
<div class="row space200">
<div class="col-md-6 col-sm-6 mob-pad0">
<div class="img-container">
<!-- <img src="img/ui_webdesign.png" class="img-responsive hidden-xs outline-shadow full-width-img" alt="ui-webdesign"> -->
<img src="img/ux_ui_design.svg" class="img-responsive hidden-xs full-width-img" alt="ui-webdesign">
<img src="img/brush.png" class="img-responsive brush hidden-xs" alt="brush">
<img src="img/brush-shadow.png" class="img-responsive brush-shadow hidden-xs" alt="brush-shadow" >
<img src="img/what_we_do/ux/main.png" class="img-responsive visible-xs full-width-img" alt="ui-webdesign">
<img src="img/what_we_do/ux/brush.svg" class="img-responsive brush visible-xs" alt="brush">
<img src="img/what_we_do/ux/brush_shadow.svg" class="img-responsive brush-shadow visible-xs" alt="brush-shadow" >
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="number-bg">
<div class="space20 visible-xs"></div>
<h2 class="med-title">UX & UI Design</h2>
<p class="details">We offer prototyping, UI and UX design for web and mobile products. Our approach is simple: we focus on how actual people will use your products. We shape UX through research, data & content analysis.</p>
</div>
</div>
</div>
<div class="space30 visible-xs"></div>
<div class="row space200">
<div class="col-md-6 col-sm-6 visible-xs mob-pad0">
<div class="img-container">
<img src="img/what_we_do/web/main.png" class="img-responsive visible-xs full-width-img" alt="software_development">
<img src="img/what_we_do/web/code.png" class="img-responsive box-img visible-xs " alt="box">
<img src="img/what_we_do/web/code_shadow.png" class="img-responsive box-img-shadow visible-xs" alt="box-shadow" >
</div>
</div>
<div class="col-md-6 col-sm-6 ">
<div class="numb-two number-bg">
<div class="space20 visible-xs"></div>
<h2 class="med-title">Web<br class="hidden-xs"> Development</h2>
<p class="details">We build web applications using the technologies such as JavaScript, React, Ruby on Rails, Python, Node.js, and Elixir. We write high-quality code that is maintainable and will stand the test of time.</p>
</div>
</div>
<div class="col-md-6 col-sm-6 hidden-xs">
<div class="img-container">
<img src="img/software_development.png" class="img-responsive outline-shadow full-width-img hidden-xs" alt="software_development">
<img src="img/box.png" class="img-responsive box-img hidden-xs" alt="box">
<img src="img/box-shadow.png" class="img-responsive box-img-shadow hidden-xs" alt="box-shadow" >
<img src="img/shapes.png" class="img-responsive hidden-xs shapes" alt="shapes">
</div>
</div>
</div>
<div class="space30 visible-xs"></div>
<div class="row space200">
<div class="col-md-6 col-sm-6 mob-pad0">
<div class="img-container">
<img src="img/mob-development.png" class="img-responsive outline-shadow full-width-img hidden-xs" alt="mob-development">
<img src="img/hand.png" class="img-responsive hand hidden-xs" alt="hand">
<img src="img/hand-shadow.png" class="img-responsive hand-shadow hidden-xs" alt="hand-shadow" >
<img src="img/what_we_do/mobile/main.png" class="img-responsive visible-xs full-width-img" alt="mob-development">
<img src="img/what_we_do/mobile/hand.svg" class="img-responsive hand visible-xs" alt="hand">
<img src="img/what_we_do/mobile/hand_shadow.svg" class="img-responsive hand-shadow visible-xs" alt="hand-shadow" >
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="numb-third number-bg">
<div class="space20 visible-xs"></div>
<h2 class="med-title">Mobile<br class="hidden-xs"> Development</h2>
<p class="details">We develop for both iOS and Android. For iOS we use Swift and Objective-C. Android applications are built in Java and Kotlin. We also like React Native technology because it allows writing native apps for both platform at once.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End What we do -->
<!-- Start How we work -->
<section class="how-we-work">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="med-title text-center">How we work</h2>
<p class="tag-line text-center space20">We collaborate closely with our clients at each step of the development<br class="hidden-xs hidden-sm"> process. From designing the UX to developing the front-end and <br class="hidden-xs hidden-sm">architecting the back-end.</p>
<div class="row text-center space90">
<div class="col-md-6 col-sm-6 border-box " data-animation="slideInLeft" data-animation-delay="0">
<img src="img/how_we_work/high_quality_code.svg" class="img-responsive center-block" alt="icon1">
<h4 class="heading-tag">High quality code</h4>
<p class="details2">We have deep understanding of software engineering & computer science and we know what it takes to write high-quality, performant and maintainable code. Clean, readable, robust code is something we strive for.</p>
<a class="readmore visible-xs">Read more</a>
</div>
<div class="col-md-6 col-sm-6 border-box space-left" data-animation="slideInRight">
<img src="img/how_we_work/continuous_delivery.svg" class="img-responsive center-block" alt="icon2">
<h4 class="heading-tag">Continuous delivery</h4>
<p class="details2">Deploying new code to production should not take weeks. We know how to build pipelines that allow code changes to be pushed to different cloud environments automatically. Deploying to production is as easy as pressing a button.</p>
<a class="readmore visible-xs">Read more</a>
</div>
</div>
<div class="row text-center">
<div class="col-md-6 col-sm-6 border-box space-top" data-animation="slideInLeft">
<img src="img/how_we_work/modern_devops.svg" class="img-responsive center-block" alt="icon3">
<h4 class="heading-tag">Modern DevOps</h4>
<p class="details2">We like a "release early, release often" philosophy and to achieve this we use modern DevOps tools like Docker. But DevOps is not only about development
and operations, it is also about quality. Automated testing is part of our continuous delivery process, deploying code with a high confidence level</p>
<a class="readmore visible-xs">Read more</a>
</div>
<div class="col-md-6 col-sm-6 pad0 border-box space-top-left" data-animation="slideInRight">
<img src="img/how_we_work/code_reviews.svg" class="img-responsive center-block" alt="icon4">
<h4 class="heading-tag">Code reviews</h4>
<p class="details2">“Two Heads are Better Than One”. Code reviews are integrated part of our process which makes catching bugs early before they event get merged into the code. We make sure each change is reviewed by multiple people before shipping it to the production environment.</p>
<a class="readmore visible-xs">Read more</a>
</div>
</div>
<div class="row text-center">
<div class="col-md-6 col-sm-6 border-box space-top" data-animation="slideInLeft">
<img src="img/how_we_work/research.svg" class="img-responsive center-block" alt="icon5">
<h4 class="heading-tag">UX testing/research</h4>
<p class="details2">We know it takes more than just an user video or a survey to understand your user experience. We improve UX by watching how real customers interact with your interface (websites, mobile devices, prototypes). The research generates actionable findings to redesign your site or application.</p>
<a class="readmore visible-xs">Read more</a>
</div>
<div class="col-md-6 col-sm-6 border-box space-top-left" data-animation="slideInRight">
<img src="img/how_we_work/unit_and_integration_testing.svg" class="img-responsive center-block" alt="icon6">
<h4 class="heading-tag">Unit & Integration testing</h4>
<p class="details2">Unit and integration testing are vital parts of the testing process. Having automated unit & integration tests is the key prerequisite for writing high-quality code at a fast pace.</p>
<a class="readmore visible-xs">Read more</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End How we work -->
<!-- Start Our work -->
<section class="our-work" id="work">
<div class="container-fluid">
<div class="row" >
<div class="col-md-12" id="myCarousel" data-ride="carousel">
<ol class="carousel-indicators visible-xs">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
<li data-target="#myCarousel" data-slide-to="4"></li>
<li data-target="#myCarousel" data-slide-to="5"></li>
</ol>
<h2 class="med-title text-center text-white">Our work</h2>
<div class="row space50 main above_item">
<div class="col-md-6 col-sm-6 border-box2 " data-animation="fadeInUp">
<img src="img/zooblack.png" class="img-responsive center-block" alt="zooblack">
<p class="product">Zoblak</p>
<p class="hint product-hint">Agritech IoT Solution</p>
</div>
<div class="col-md-6 col-sm-6 border-box2 space-left" data-animation="fadeInUp">
<img src="img/kiwi.png" class="img-responsive center-block" alt="kiwi">
<p class="product">KIVI</p>
<p class="hint product-hint">Kivi.ba - real-estate search website</p>
</div>
<div class="col-md-6 col-sm-6 border-box2 space-top" data-animation="fadeInUp">
<img src="img/ribica.png" class="img-responsive center-block" alt="ribica">
<p class="product">Ribica</p>
<p class="hint product-hint">Online shop for baby products</p>
</div>
<div class="col-md-6 col-sm-6 border-box2 space-top-left" data-animation="fadeInUp">
<img src="img/emis.png" class="img-responsive center-block" alt="emis">
<p class="product">EMIS</p>
<p class="hint product-hint">Students registry for Ministry of Education</p>
</div>
<div class="col-md-6 col-sm-6 border-box2 space-top" data-animation="fadeInUp">
<img src="img/vsm.png" class="img-responsive center-block" alt="vsm">
<p class="product">VSM</p>
<p class="hint product-hint">Social Media Manager</p>
</div>
<div class="col-md-6 col-sm-6 border-box2 space-top-left" data-animation="fadeInUp">
<img src="img/analytical.png" class="img-responsive center-block" alt="analytical">
<p class="product">Simulation Finance</p>
<p class="hint product-hint">Financial forecasting SaaS</p>
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left fa fa-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right fa fa-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</section>
<!-- End Our work -->
<!-- Start Technology -->
<section class="technology">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="med-title text-center">Technology</h2>
<p class="tag-line text-center space20">We understand that technology is just a tool. The proper technology<br class="hidden-xs hidden-sm"> will help drive the success of your business and support your long-term<br class="hidden-xs hidden-sm"> goals. These are the technologies we work with on a daily basis.</p>
<div class="row space80 owl_id">
<div class="col-md-3 col-sm-3">
<div class="bg-color">
<img src="img/technology/html_5.svg" class="img-responsive center-block " data-animation="zoomIn" alt="tech1">
<p class="hint text-center">HTML5</p>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="bg-color">
<img src="img/technology/react.svg" class="img-responsive center-block " data-animation="zoomIn" alt="tech2">
<p class="hint text-center">React</p>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="bg-color">
<img src="img/technology/nodejs.svg" class="img-responsive center-block " data-animation="zoomIn" alt="tech3">
<p class="hint text-center">Node.js</p>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="bg-color">
<img src="img/technology/es6.svg" class="img-responsive center-block " data-animation="zoomIn" alt="tech4">
<p class="hint text-center">ES6</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/technology/angular_js.svg" class="img-responsive center-block " data-animation="zoomIn" alt="tech5">
<p class="hint text-center">Angular.js</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/technology/ruby.svg" class="img-responsive center-block " data-animation="zoomIn" alt="tech6">
<p class="hint text-center">Ruby</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/technology/rails.svg" class="img-responsive center-block " data-animation="zoomIn" alt="tech7">
<p class="hint text-center">RoR</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/technology/amazon_webservices.svg" class="img-responsive center-block " data-animation="zoomIn" alt="tech8">
<p class="hint text-center">Amazon AWS</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/technology/python.svg" class="img-responsive center-block " data-animation="zoomIn" alt="tech9">
<p class="hint text-center">Python</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/technology/mongodb.svg" class="img-responsive center-block " data-animation="zoomIn" alt="tech10">
<p class="hint text-center">MongoDB</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/technology/mysql.svg" class="img-responsive center-block " data-animation="zoomIn" alt="tech12">
<p class="hint text-center">MySQL</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/technology/postgresql.svg" class="img-responsive center-block " data-animation="zoomIn" alt="tech12">
<p class="hint text-center">PostgreSQL</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/technology/docker.svg" class="img-responsive center-block " data-animation="zoomIn" alt="tech13">
<p class="hint text-center">Docker</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/technology/elastic.svg" class="img-responsive center-block " data-animation="zoomIn" alt="tech14">
<p class="hint text-center">Elastic</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/technology/redis.svg" class="img-responsive center-block " data-animation="zoomIn" alt="tech15">
<p class="hint text-center">Redis</p>
</div>
</div>
<div class="col-md-3 col-sm-3 space80">
<div class="bg-color">
<img src="img/technology/jenkins.svg" class="img-responsive center-block " data-animation="zoomIn" alt="tech16">
<p class="hint text-center">Jenkins</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Technology -->
<!-- Start team -->
<section class="team" id="team">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="med-title text-center">The Team</h2>
<p class="tag-line text-center space20">We are a small company with a personal touch. We know our stuff. Our<br class="hidden-xs hidden-sm"> people have T-shaped profiles which means that they combine a deep<br class="hidden-xs hidden-sm"> specialism with a broad range of knowledge and skills.</p>
<div class="row space80">
<div class="col-md-3 col-sm-3 text-center">
<img src="img/team/amir.svg" class="img-responsive center-block hidden-xs" alt="team1">
<img src="img/team/amir_mobile.svg" class="img-responsive center-block visible-xs" alt="team1">
<h4 class="heading-tag">Amir</h4>
<p class="hint text-center">Business Develpment</p>
<p class="details2">Strategic planning, Customer<br class="hidden-xs hidden-sm"> relations, Sales</p>
</div>
<div class="col-md-3 col-sm-3 text-center">
<img src="img/team/edin.svg" class="img-responsive center-block hidden-xs" alt="team2">
<img src="img/team/edin_mobile.svg" class="img-responsive center-block visible-xs" alt="team1">
<h4 class="heading-tag">Edin</h4>
<p class="hint text-center">Developer, Co-Founder</p>
<p class="details2">Javascript, React, Software<br class="hidden-xs hidden-sm"> architecture</p>
</div>
<div class="col-md-3 col-sm-3 text-center">
<img src="img/team/senad.svg" class="img-responsive center-block hidden-xs" alt="team3">
<img src="img/team/senad_mobile.svg" class="img-responsive center-block visible-xs" alt="team1">
<h4 class="heading-tag">Senad</h4>
<p class="hint text-center">Developer, Co-Founder</p>
<p class="details2">Javascript, Ruby, IoT, Software<br class="hidden-xs hidden-sm"> architecture, Android, iOS</p>
</div>
<div class="col-md-3 col-sm-3 text-center">
<img src="img/team/mediha.svg" class="img-responsive center-block hidden-xs" alt="team4">
<img src="img/team/mediha_mobile.svg" class="img-responsive center-block visible-xs" alt="team1">
<h4 class="heading-tag">Mediha</h4>
<p class="hint text-center">Developer</p>
<p class="details2">Javascript, C#, Android,<br class="hidden-xs hidden-sm"> Math & Algorithms</p>
</div>
</div>
<div class="row space100">
<div class="col-md-3 col-sm-3 text-center">
<img src="img/team/mirna.svg" class="img-responsive center-block hidden-xs" alt="team5">
<img src="img/team/mirna_mobile.svg" class="img-responsive center-block visible-xs" alt="team1">
<h4 class="heading-tag">Mirna</h4>
<p class="hint text-center">Developer</p>
<p class="details2">Javascript, React/Angular, Data<br class="hidden-xs hidden-sm"> visualization</p>
</div>
<div class="col-md-3 col-sm-3 text-center">
<img src="img/team/neir.svg" class="img-responsive center-block hidden-xs" alt="team6">
<img src="img/team/neir_mobile.svg" class="img-responsive center-block visible-xs" alt="team1">
<h4 class="heading-tag">Neir</h4>
<p class="hint text-center">Developer</p>
<p class="details2">Javascript, HTML/CSS, jQuery</p>
</div>
<div class="col-md-3 col-sm-3 text-center">
<img src="img/team/nina.svg" class="img-responsive center-block hidden-xs" alt="team7">
<img src="img/team/nina_mobile.svg" class="img-responsive center-block visible-xs" alt="team1">
<h4 class="heading-tag">Nina</h4>
<p class="hint text-center">Designer</p>
<p class="details2">UX research, Idea wire-framing,<br class="hidden-xs hidden-sm"> Prototyping, UI design, Visuals,<br class="hidden-xs hidden-sm"> Interaction</p>
</div>
<div class="col-md-3 col-sm-3 text-center">
<img src="img/team/elman.svg" class="img-responsive center-block hidden-xs" alt="team7">
<img src="img/team/elman_mobile.svg" class="img-responsive center-block visible-xs" alt="team1">
<h4 class="heading-tag">Elman</h4>
<p class="hint text-center">Business Development</p>
<p class="details2">Strategic planning, Customer<br class="hidden-xs hidden-sm"> relations, Sales</p>
</div>
</div>
</div>
</div>
</section>
<!-- End team -->
<!-- Start Form -->
<section class="form-section" id="contact">
<div class="form-caption">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<!-- NEW FORM -->
<form method="POST" id="contact-form">
</form>
<!-- END FORM -->
<form method="POST" action="https://formspree.io/info@saburly.com" id="contact-form">
<input type="hidden" name="_subject" value="Saburly Website contact" />
<p class="say-hi">Say Hi!</p>
<div class="form-group">
<!-- <input type="text" name="name" class="name" maxlength="50" pattern="^.+$" required placeholder="Enter your full name" /> -->
<input type="text" name="name" class="form-control" maxlength="50" pattern="^.+$" required="required"/>
<label class="control-label" for="input">Your Full Name</label><i class="bar"></i>
</div>
<div class="form-group">
<input type="email" name="email" maxlength="320" pattern="^[a-z0-9!#$%\x26'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%\x26'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$" class="form-control" required="required"/>
<label class="control-label" for="input">Your Email</label><i class="bar"></i>
</div>
<div class="form-group">
<textarea required="required" class="form-control" name="message"></textarea>
<label class="control-label" for="textarea">Your message to us</label><i class="bar"></i>
</div>
<div class="form-group">
<button type="submit" class="btn btn-default" value="Send your message">Send your message</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- End Form -->
<!-- Start footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="row">
<div class="col-md-12">
<a href="#" class="back-to-top"><i class="material-icons closebtn">&#xE5D8;</i></a>
</div>
</div>
<h6>our office</h6>
<P>Milana Preloga 12,<br> Sarajevo, 71000 BIH,<br> Europe</P>
<ul class="list-unstyled">
<li><a href="#">info@saburly.com</a></li>
<li><a href="#">www.saburly.com</a></li>
</ul>
<a href="#" class="tweet"><span class="fa fa-twitter tweet"></span></a>
</div>
</div>
</div>
</footer>
<!-- End footer -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-100791503-1', 'auto');
ga('send', 'pageview');
</script>
<!-- javascript libraries -->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> -->
<!-- <script src="js/jquery-1.11.2.min.js"></script> -->
<!-- <script src="js/bootstrap.min.js"></script> -->
<!-- <script src="js/owl.carousel.min.js"></script> -->
<!-- <script src="js/modernizr-2.5.3.min.js"></script> -->
<!-- <script src="js/jquery.appear.js"></script> -->
<!-- <script src="js/jquery.easing.min.js"></script> -->
<!-- <script src="js/jquery.bcSwipe.min.js"></script> -->
<!-- <script src="js/custom.js"></script> -->
<!-- all bundles -->
<script src="all.js"></script>
<script>
var sent = false;
window.addEventListener('scroll', function(e) {
var scrollTop = $(window).scrollTop();
var docHeight = $(document).height();
var winHeight = $(window).height();
var scrollPercent = (scrollTop) / (docHeight - winHeight);
var scrollPercentRounded = Math.round(scrollPercent*100);
if (scrollPercentRounded > 30 && !sent) {
ga('send', 'pageview');
sent = true;
}
});
</script>
</body>
</html>