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

Stylistic changes for services

Browse Source
This commit is contained in:
Moris Zen
2018-08-08 12:34:02 +02:00
parent 0e5a2f40c5
commit 53e87a903b
11 changed files with 1476 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
package.json
View File

@@ -15,7 +15,8 @@
"react-helmet": "^5.2.0",
"react-responsive-mixin": "^0.4.0",
"slideout": "^1.0.1",
"tiny-slider-react": "^0.3.7"
"tiny-slider": "^2.8.3",
"tiny-slider-react": "0.3.4"
},
"keywords": [
"gatsby"

2
src/components/PageIntro.js
View File

@@ -26,7 +26,7 @@ const PageIntro = ({ ...props }) => (
{props.image && (
<img
src={props.image}
className="md:max-w-md xl:max-w-full z-10"
className={`${props.imgClasses} md:max-w-md z-10`}
alt="Software Development Agency"
/>
)}

61
src/components/Tech.js Normal file
View File

@@ -0,0 +1,61 @@
import React from 'react'
import { render } from 'react-dom'
import TinySlider from 'tiny-slider-react'
const styles = {
fontFamily: 'sans-serif',
textAlign: 'center',
}
const imgStyles = {
width: '100%',
height: '320px',
objectFit: 'cover',
}
const imgs = [
'http://d2ji2mue1p384z.cloudfront.net/img/480x360/162951.jpg',
'http://d2ji2mue1p384z.cloudfront.net/img/480x360/162465.jpg',
'http://d2ji2mue1p384z.cloudfront.net/img/480x360/220048.jpg',
]
const loadingImage =
'data:image/gif;base64,\
R0lGODlhAQABAPAAAMzMzAAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='
const settings = {
lazyload: true,
nav: false,
mouseDrag: true,
loop: true,
items: 1,
gutter: 5,
responsive: {
420: {
items: 2,
},
},
}
const clickEvent = slide => {
console.log(slide)
}
const Tech = () => (
<div style={styles}>
<TinySlider settings={settings} onInit={clickEvent}>
{imgs.map((el, index) => (
<div key={index} style={{ position: 'relative' }}>
<img
className={`tns-lazy-img`}
src={loadingImage}
data-src={el}
alt=""
style={imgStyles}
/>
</div>
))}
</TinySlider>
</div>
)
export default Tech

195
src/images/ux-ui-design-services.svg Normal file
View File

@@ -0,0 +1,195 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="582px" height="457px" viewBox="0 0 582 457" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch -->
<title>Group 20</title>
<desc>Created with Sketch.</desc>
<defs>
<linearGradient x1="79.0720975%" y1="19.4258634%" x2="29.5739014%" y2="50%" id="linearGradient-1">
<stop stop-color="#F1F5FB" offset="0%"></stop>
<stop stop-color="#FFFFFF" offset="100%"></stop>
</linearGradient>
<linearGradient x1="31.669258%" y1="-9.21335019%" x2="100%" y2="50%" id="linearGradient-2">
<stop stop-color="#BBFBFF" offset="0%"></stop>
<stop stop-color="#4FD5DD" offset="100%"></stop>
</linearGradient>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
<stop stop-color="#A095CD" offset="0%"></stop>
<stop stop-color="#9689C8" offset="100%"></stop>
</linearGradient>
<linearGradient x1="86.9506705%" y1="14.3731808%" x2="7.37114993%" y2="92.3098718%" id="linearGradient-4">
<stop stop-color="#7E6DBB" stop-opacity="0" offset="0%"></stop>
<stop stop-color="#8775C9" offset="100%"></stop>
</linearGradient>
<linearGradient x1="67.5182045%" y1="21.1626489%" x2="15.1910957%" y2="100%" id="linearGradient-5">
<stop stop-color="#6D56BC" offset="0%"></stop>
<stop stop-color="#7765B7" offset="24.1351716%"></stop>
<stop stop-color="#8D7EC3" stop-opacity="0.114102129" offset="100%"></stop>
</linearGradient>
<linearGradient x1="125.896791%" y1="5.17322266%" x2="105.071564%" y2="32.5985354%" id="linearGradient-6">
<stop stop-color="#5640A6" offset="0%"></stop>
<stop stop-color="#311793" offset="100%"></stop>
</linearGradient>
<linearGradient x1="104.045238%" y1="16.8405933%" x2="6.07416571%" y2="100%" id="linearGradient-7">
<stop stop-color="#5640A6" offset="0%"></stop>
<stop stop-color="#311793" offset="100%"></stop>
</linearGradient>
<linearGradient x1="15.7963008%" y1="121.63627%" x2="148.737665%" y2="121.636271%" id="linearGradient-8">
<stop stop-color="#311793" offset="0%"></stop>
<stop stop-color="#270D4F" offset="100%"></stop>
</linearGradient>
<linearGradient x1="45.1973837%" y1="39.5178631%" x2="22.2166594%" y2="78.045161%" id="linearGradient-9">
<stop stop-color="#FFFFFF" offset="0%"></stop>
<stop stop-color="#EDE9F5" offset="100%"></stop>
</linearGradient>
<rect id="path-10" x="8.07209585" y="53.7241469" width="176.736414" height="266.82993" rx="12"></rect>
<linearGradient x1="83.2457%" y1="277.403938%" x2="0%" y2="-5.55111512e-15%" id="linearGradient-12">
<stop stop-color="#B4AAD7" offset="0%"></stop>
<stop stop-color="#7B6ABA" offset="100%"></stop>
</linearGradient>
<linearGradient x1="100%" y1="0%" x2="39.627475%" y2="100%" id="linearGradient-13">
<stop stop-color="#EDE9F5" offset="0%"></stop>
<stop stop-color="#B4AAD7" offset="100%"></stop>
</linearGradient>
<path d="M20,0 L37.1749734,0 L37.1749734,47.5925545 L0,47.5925545 L0,20 C-1.3527075e-15,8.954305 8.954305,-1.52365243e-15 20,-3.55271368e-15 Z" id="path-14"></path>
<path d="M0,0 L37.1749734,0 L37.1749734,47.5925545 L24,47.5925545 C10.745166,47.5925545 1.623249e-15,36.8473885 0,23.5925545 L0,0 Z" id="path-16"></path>
<path d="M0,0 L37.1749734,0 L37.1749734,23.5925545 C37.1749734,36.8473885 26.4298074,47.5925545 13.1749734,47.5925545 L0,47.5925545 L0,0 Z" id="path-18"></path>
<linearGradient x1="29.8557853%" y1="95.4716805%" x2="82.9833415%" y2="10.6939236%" id="linearGradient-20">
<stop stop-color="#F94A8A" offset="0%"></stop>
<stop stop-color="#FE9DC1" offset="100%"></stop>
</linearGradient>
<ellipse id="path-21" cx="33.3235256" cy="33.3199918" rx="33.3235256" ry="33.3199918"></ellipse>
<linearGradient x1="-16.4281717%" y1="2.47967776%" x2="50%" y2="20.2647845%" id="linearGradient-23">
<stop stop-color="#B4AAD7" offset="0%"></stop>
<stop stop-color="#7B6ABA" offset="100%"></stop>
</linearGradient>
<linearGradient x1="36.7557523%" y1="39.1074392%" x2="64.6360699%" y2="75.3829022%" id="linearGradient-24">
<stop stop-color="#B4AAD7" offset="0%"></stop>
<stop stop-color="#5640A6" offset="100%"></stop>
</linearGradient>
<path d="M58.3330234,161.644 C50.5810407,140.685792 34.8515408,91.4541887 11.1445237,13.9491899 L11.1445538,13.9491807 C9.42055012,8.31292105 12.5920602,2.34624873 18.2283198,0.622245044 C18.2773339,0.607252743 18.3264554,0.592613742 18.3756805,0.578329181 L18.3756805,0.578329181 C24.4521258,-1.18498827 30.9389669,1.50049314 33.9909332,7.04287339 L71.0357971,74.3164614 L71.0357971,74.3164614 C71.6048641,63.4043487 80.9121993,55.0196535 91.824312,55.5887205 C97.4320451,55.8811639 102.651358,58.5427182 106.181196,62.9099187 L115.400659,74.3164614 L115.400659,74.3164614 C121.65128,65.6735599 133.724866,63.7342338 142.367767,69.9848552 C143.458983,70.7740322 144.464665,71.6751783 145.368398,72.6735866 C148.600075,76.2438753 150.598103,79.4454426 151.362454,82.2783161 C151.362454,82.2783161 151.362454,82.2783161 151.362454,82.2783161 L151.362454,82.2783161 C151.362454,75.6110842 156.767313,70.2062249 163.434545,70.2062249 C166.316861,70.2062249 169.10406,71.2374952 171.29222,73.1135829 C177.946239,78.8185785 182.433851,84.6344717 184.755074,90.5612401 C192.551773,110.468513 198.159576,134.162766 201.578483,161.644 L201.578483,253.483292 L201.578483,318.780152 L116.373235,319.187465 L100.746968,272.021988 L79.1925952,245.449756 C55.4649793,224.187033 38.6575061,205.72912 28.7701756,190.076018 C22.4200351,178.061024 13.1654533,155.22003 1.00643031,121.553035 L1.00641542,121.553041 C-0.9584591,116.11252 0.910963116,110.028286 5.59171937,106.62968 L5.59171937,106.62968 C9.943039,103.470272 16.031687,104.436507 19.1910952,108.787827 C19.1913766,108.788214 19.1916579,108.788602 19.1919392,108.788989 C40.0435598,137.515946 53.0905856,155.134285 58.3330234,161.644 Z" id="path-25"></path>
<linearGradient x1="50%" y1="4.03946893%" x2="50%" y2="100%" id="linearGradient-27">
<stop stop-color="#7B6ABA" stop-opacity="0" offset="0%"></stop>
<stop stop-color="#5640A6" offset="100%"></stop>
</linearGradient>
<linearGradient x1="-1.11022302e-14%" y1="50%" x2="100%" y2="50%" id="linearGradient-28">
<stop stop-color="#3BC2CA" offset="0%"></stop>
<stop stop-color="#5FE6ED" offset="100%"></stop>
</linearGradient>
<linearGradient x1="36.2758826%" y1="42.5176683%" x2="61.6954792%" y2="95.2165252%" id="linearGradient-29">
<stop stop-color="#70B8F9" stop-opacity="0" offset="0%"></stop>
<stop stop-color="#7B6ABA" offset="100%"></stop>
</linearGradient>
</defs>
<g id="verson-2/desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Desktop/Services" transform="translate(-1022.000000, -1932.000000)">
<g id="Group-20" transform="translate(963.000000, 1932.000000)">
<g id="Artwork">
<path d="M510.834898,53.3249558 C510.352175,39.3539959 474.287389,42.5032326 460.375407,43.851025 C446.463227,45.1988174 445.200098,26.0597228 457.203478,23.2148162 C469.206661,20.3699096 490.973601,21.838065 502.251614,19.2119812 C513.529627,16.5858973 499.263345,2.5019457 514.630205,0.804331704 C529.997065,-0.893176988 561.771787,0.678492816 571.244371,0.333620547 C586.123378,-0.208065849 593.757194,17.8715601 567.689933,18.6919875 C560.501358,18.9181816 559.059303,34.9798572 583.323898,30.5679142 C598.550893,27.799248 628.426876,27.7353282 634.641915,34.8039987 C638.207795,38.8596965 636.972086,49.7557648 630.841677,55.7725485 C626.287663,60.2421984 611.804974,61.1136985 606.131643,62.1468411 C592.821536,64.5709509 595.452743,77.578901 599.991172,80.2573212 C610.731028,86.5952837 640.20655,74.6337445 640.996623,92.0377367 C641.345793,99.7283356 614.52673,100.969981 603.530026,100.876049 C576.559458,100.645749 558.838754,103.071122 557.595154,93.7849491 C556.34682,84.4625515 574.354751,90.7548119 573.466832,79.2941009 C573.002849,73.3052228 574.246449,60.5793835 562.693045,61.24733 C578.510867,60.3327603 511.486881,72.1941549 510.834898,53.3249558 Z" id="cloud" fill="url(#linearGradient-1)" opacity="0.313462409"></path>
<g id="plant" transform="translate(235.434790, 287.862873) scale(-1, 1) rotate(32.000000) translate(-235.434790, -287.862873) translate(188.934790, 170.862873)">
<path d="M71.7140469,200.804186 C66.4643951,205.411397 46.5,196.196976 38.5845648,181.894507 C30.6691297,167.592038 45.3522753,162.501102 25.3805899,139.626176 C5.40890455,116.751251 -7.40608077,107.990637 4.71396616,70.2853607 C16.8340131,32.5800846 0.0902799109,11.6252494 22.2139334,1.78814172 C44.3375869,-8.04896593 57.078524,24.5992883 54.5408257,53.3167277 C52.0031275,82.034167 57.1935663,87.9857766 78.8333654,85.0099718 C100.473164,82.034167 82.2288056,124.193919 82.2288056,133.396591 C82.2288056,142.599263 95.3503975,159.692098 92.6282932,172.552006 C89.9061888,185.411913 76.9636987,196.196976 71.7140469,200.804186 Z" id="leaves" fill="url(#linearGradient-2)"></path>
<path d="M59.6960962,158.940161 C59.6960962,151.955586 61.5594807,130.193438 71.6960962,116.940161" id="branch" stroke="url(#linearGradient-3)" stroke-width="3" stroke-linecap="round"></path>
<path d="M15.5441443,117.410242 C15.5441443,110.464949 35.6848782,105.588981 45.5441443,92.4102422" id="branch" stroke="url(#linearGradient-3)" stroke-width="3" stroke-linecap="round" transform="translate(30.544144, 104.910242) scale(-1, 1) translate(-30.544144, -104.910242) "></path>
<path d="M84,234 C84,230.992542 78.780649,217.43541 73.7932274,201.72801 C58.1752433,152.540684 33,91.9717747 33,50" id="branch" stroke="url(#linearGradient-3)" stroke-width="3" stroke-linecap="round"></path>
</g>
<g id="plant" opacity="0.47" transform="translate(148.402277, 433.343325) scale(-1, 1) rotate(32.000000) translate(-148.402277, -433.343325) translate(32.902277, 339.843325)" fill="url(#linearGradient-4)">
<path d="M15.4647943,162.835196 C18.450326,161.034318 27.1551184,154.141564 39.7615119,144.73591 C40.3329523,144.309557 40.9055609,143.881776 41.4793107,143.452622 C40.7339936,143.718723 40.0495731,143.962507 39.4335782,144.18272 C31.7164452,146.941537 28.9089261,141.423904 38.3673247,132.859529 C47.8257233,124.295153 61.6718693,121.24668 72.4208943,107.549082 C83.1699193,93.8514847 84.1929968,88.605594 128.880906,66.0275231 C173.568815,43.4494523 184.344659,30.9016127 207.35778,25.0111131 C230.3709,19.1206135 205.59,38.6705194 175.562349,55.8666375 C145.534697,73.0627556 142.734535,76.6266033 158.646643,74.8446794 C174.55875,73.0627556 121.781579,98.3081846 112.646001,103.818782 C103.510423,109.329379 94.3994702,119.564637 80.0033139,127.265201 C67.536477,133.933765 53.4004355,139.39229 44.4549861,142.601823 C37.008633,148.332978 31.5770241,152.43312 28.1601595,154.902251 C26.0613137,156.418942 21.2054919,160.065615 17.3055559,162.391057 C16.536488,162.849635 15.9229008,162.997681 15.4647943,162.835196 Z" id="Combined-Shape" transform="translate(115.925023, 93.419664) rotate(15.000000) translate(-115.925023, -93.419664) "></path>
</g>
<path d="M324.063324,447.293337 C347.259284,447.293337 373.33422,446.304411 382.303324,445.084509 L494.544238,429.81844 C503.513342,428.598538 491.980197,427.609612 468.784238,427.609612 L360.328479,427.609612 C358.435129,427.609612 356.522599,427.6162 354.601755,427.628966 L342.720913,427.628966 C319.524954,427.628966 293.450017,428.617892 284.480913,429.837794 L172.24,445.103863 C163.270896,446.323765 174.804041,447.312691 198,447.312691 L306.455759,447.312691 C308.349108,447.312691 310.261639,447.306102 312.182483,447.293337 L324.063324,447.293337 Z" id="Combined-Shape" fill-opacity="0.47" fill="url(#linearGradient-5)"></path>
<g id="plant" opacity="0.400000006" transform="translate(510.000000, 104.000000)">
<path d="M16.1096936,104.977237 C16.1096936,91.305362 27.4267848,48.9952989 42.7026843,25.8442352" id="stem" stroke="#EDE9F5" stroke-width="2" stroke-linecap="round"></path>
<path d="M29.4693412,33.948402 C32.0868104,30.2349305 33.395545,26.087795 33.395545,21.5069957 C33.395545,14.6357968 31.6377237,9.0655895 29.4693412,9.0655895 C27.3009587,9.0655895 25.5431374,14.6357968 25.5431374,21.5069957 C25.5431374,26.087795 26.851872,30.2349305 29.4693412,33.948402 Z" id="leaf" fill="#EDE9F5" transform="translate(29.469341, 21.506996) rotate(-30.000000) translate(-29.469341, -21.506996) "></path>
<path d="M51.8543775,46.642721 C54.4718467,42.9292495 55.7805813,38.7821141 55.7805813,34.2013148 C55.7805813,27.3301159 54.0227599,21.7599085 51.8543775,21.7599085 C49.685995,21.7599085 47.9281736,27.3301159 47.9281736,34.2013148 C47.9281736,38.7821141 49.2369082,42.9292495 51.8543775,46.642721 Z" id="leaf" fill="#EDE9F5" transform="translate(51.854377, 34.201315) rotate(88.000000) translate(-51.854377, -34.201315) "></path>
<path d="M44.5435152,64.689596 C47.1609844,60.9761245 48.469719,56.8289891 48.469719,52.2481898 C48.469719,45.3769909 46.7118977,39.8067835 44.5435152,39.8067835 C42.3751327,39.8067835 40.6173114,45.3769909 40.6173114,52.2481898 C40.6173114,56.8289891 41.926046,60.9761245 44.5435152,64.689596 Z" id="leaf" fill="#EDE9F5" transform="translate(44.543515, 52.248190) rotate(91.000000) translate(-44.543515, -52.248190) "></path>
<path d="M38.5859166,82.1903507 C41.2033858,78.4768792 42.5121204,74.3297438 42.5121204,69.7489445 C42.5121204,62.8777455 40.7542991,57.3075382 38.5859166,57.3075382 C36.4175341,57.3075382 34.6597128,62.8777455 34.6597128,69.7489445 C34.6597128,74.3297438 35.9684474,78.4768792 38.5859166,82.1903507 Z" id="leaf" fill="#EDE9F5" transform="translate(38.585917, 69.748944) rotate(91.000000) translate(-38.585917, -69.748944) "></path>
<path d="M50.7069777,25.2450997 C53.3244469,21.5316282 54.6331815,17.3844928 54.6331815,12.8036935 C54.6331815,5.93249455 52.8753602,0.362287234 50.7069777,0.362287234 C48.5385952,0.362287234 46.7807739,5.93249455 46.7807739,12.8036935 C46.7807739,17.3844928 48.0895085,21.5316282 50.7069777,25.2450997 Z" id="leaf" fill="#EDE9F5" transform="translate(50.706978, 12.803693) rotate(33.000000) translate(-50.706978, -12.803693) "></path>
<path d="M19.7285083,53.0400323 C22.3459775,49.3265608 23.6547121,45.1794254 23.6547121,40.5986261 C23.6547121,33.7274271 21.8968908,28.1572198 19.7285083,28.1572198 C17.5601258,28.1572198 15.8023045,33.7274271 15.8023045,40.5986261 C15.8023045,45.1794254 17.1110391,49.3265608 19.7285083,53.0400323 Z" id="leaf" fill="#EDE9F5" transform="translate(19.728508, 40.598626) rotate(-41.000000) translate(-19.728508, -40.598626) "></path>
<path d="M12.4176461,72.1806573 C15.0351153,68.4671858 16.3438499,64.3200504 16.3438499,59.7392511 C16.3438499,52.8680521 14.5860286,47.2978448 12.4176461,47.2978448 C10.2492636,47.2978448 8.49144227,52.8680521 8.49144227,59.7392511 C8.49144227,64.3200504 9.80017687,68.4671858 12.4176461,72.1806573 Z" id="leaf" fill="#EDE9F5" transform="translate(12.417646, 59.739251) rotate(-47.000000) translate(-12.417646, -59.739251) "></path>
</g>
<g id="phone" transform="translate(290.000000, 60.000000)">
<rect id="back" fill="url(#linearGradient-6)" x="17.465269" y="0.368007851" width="192.455759" height="374.278224" rx="42"></rect>
<path d="M42,0 L150.455759,0 C173.651719,-4.26102863e-15 192.455759,18.8040405 192.455759,42 L192.455759,332.278224 C192.455759,355.474183 173.651719,374.278224 150.455759,374.278224 L42,374.278224 C18.8040405,374.278224 2.84068575e-15,355.474183 0,332.278224 L0,42 C-2.84068575e-15,18.8040405 18.8040405,4.26102863e-15 42,0 Z" id="front" fill="url(#linearGradient-7)"></path>
<rect id="front-speaker" fill="url(#linearGradient-8)" x="45.8834922" y="24.1758661" width="101.113622" height="6.71551837" rx="3.35775918"></rect>
<mask id="mask-11" fill="white">
<use xlink:href="#path-10"></use>
</mask>
<use id="screen" fill="url(#linearGradient-9)" xlink:href="#path-10"></use>
<g id="screen-content" mask="url(#mask-11)">
<g transform="translate(22.802102, 68.081452)">
<rect id="Rectangle-3" fill="url(#linearGradient-12)" opacity="0.400000006" x="0" y="128.43474" width="140.490368" height="8.46418057" rx="4.23209028"></rect>
<rect id="Rectangle-3-Copy" fill="url(#linearGradient-12)" opacity="0.400000006" x="0" y="142.05103" width="101.50613" height="8.46418057" rx="4.23209028"></rect>
<rect id="Rectangle-3-Copy-2" fill="url(#linearGradient-12)" opacity="0.400000006" x="0" y="169.651619" width="136.077058" height="8.46418057" rx="4.23209028"></rect>
<g id="my-group" stroke-width="1" fill="none" transform="translate(0.000000, 0.259820)">
<g id="user" transform="translate(0.000000, 13.805474)">
<mask id="mask-15" fill="white">
<use xlink:href="#path-14"></use>
</mask>
<use id="Mask" fill="url(#linearGradient-13)" opacity="0.600000024" xlink:href="#path-14"></use>
<g id="avatar" mask="url(#mask-15)" fill="#FFFFFF">
<g transform="translate(6.505620, 12.361702)">
<path d="M12.5465535,14.602261 L12.5465535,14.602261 C19.4758237,14.602261 25.0931071,20.2195444 25.0931071,27.1488146 L25.0931071,42.5030098 L0,42.5030098 L0,27.1488146 C-8.48590854e-16,20.2195444 5.61728335,14.602261 12.5465535,14.602261 Z" id="Rectangle-2" opacity="0.699999988"></path>
<ellipse id="Oval" cx="12.4158603" cy="9.51754514" rx="9.54060841" ry="9.51754514"></ellipse>
</g>
</g>
</g>
<g id="user" transform="translate(0.000000, 64.603744)">
<mask id="mask-17" fill="white">
<use xlink:href="#path-16"></use>
</mask>
<use id="Mask" fill="url(#linearGradient-13)" opacity="0.600000024" xlink:href="#path-16"></use>
<g id="avatar" mask="url(#mask-17)" fill="#FFFFFF">
<g transform="translate(6.505620, 12.361702)">
<path d="M12.5465535,14.602261 L12.5465535,14.602261 C19.4758237,14.602261 25.0931071,20.2195444 25.0931071,27.1488146 L25.0931071,42.5030098 L0,42.5030098 L-3.55271368e-15,27.1488146 C-4.40130453e-15,20.2195444 5.61728335,14.602261 12.5465535,14.602261 Z" id="Rectangle-2" opacity="0.699999988"></path>
<ellipse id="Oval" cx="12.4158603" cy="9.51754514" rx="9.54060841" ry="9.51754514"></ellipse>
</g>
</g>
</g>
<g id="user" transform="translate(40.129276, 64.603744)">
<mask id="mask-19" fill="white">
<use xlink:href="#path-18"></use>
</mask>
<use id="Mask" fill="url(#linearGradient-13)" opacity="0.600000024" xlink:href="#path-18"></use>
<g id="avatar" mask="url(#mask-19)" fill="#FFFFFF">
<g transform="translate(6.505620, 12.361702)">
<path d="M12.5465535,14.602261 L12.5465535,14.602261 C19.4758237,14.602261 25.0931071,20.2195444 25.0931071,27.1488146 L25.0931071,42.5030098 L0,42.5030098 L0,27.1488146 C-8.48590854e-16,20.2195444 5.61728335,14.602261 12.5465535,14.602261 Z" id="Rectangle-2" opacity="0.699999988"></path>
<ellipse id="Oval" cx="12.4158603" cy="9.51754514" rx="9.54060841" ry="9.51754514"></ellipse>
</g>
</g>
</g>
<path d="M61.1908932,0 L68.4597335,0 C79.5054285,-2.02906125e-15 88.4597335,8.954305 88.4597335,20 L88.4597335,40.6620125 C88.4597335,51.7077075 79.5054285,60.6620125 68.4597335,60.6620125 L41.1908932,60.6620125 L41.1908932,20 C41.1908932,8.954305 50.1451982,2.02906125e-15 61.1908932,0 Z" id="empty-slot" stroke="#B4AAD7" stroke-width="3" opacity="0.325279021" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="8,20"></path>
<path d="M66.7305074,28.6910593 L74.1732965,28.6910593 C75.1364006,28.6910593 75.9171507,29.4718094 75.9171507,30.4349135 C75.9171507,31.3980175 75.1364006,32.1787676 74.1732965,32.1787676 L66.7305074,32.1787676 L66.7305074,39.6215567 C66.7305074,40.5846607 65.9497573,41.3654108 64.9866533,41.3654108 C64.0235492,41.3654108 63.2427991,40.5846607 63.2427991,39.6215567 L63.2427991,32.1787676 L55.8000101,32.1787676 C54.836906,32.1787676 54.0561559,31.3980175 54.0561559,30.4349135 C54.0561559,29.4718094 54.836906,28.6910593 55.8000101,28.6910593 L63.2427991,28.6910593 L63.2427991,21.2482703 C63.2427991,20.2851662 64.0235492,19.5044161 64.9866533,19.5044161 C65.9497573,19.5044161 66.7305074,20.2851662 66.7305074,21.2482703 L66.7305074,28.6910593 Z" id="plus" fill="#7B6ABA" opacity="0.300000012" style="mix-blend-mode: multiply;"></path>
</g>
</g>
</g>
</g>
</g>
<g id="Group-17" transform="translate(395.000000, 84.000000)">
<mask id="mask-22" fill="white">
<use xlink:href="#path-21"></use>
</mask>
<use id="base" fill="url(#linearGradient-20)" xlink:href="#path-21"></use>
<path d="M33.5118528,37 L33.5118528,37 C43.183382,37 51.0237055,44.8403235 51.0237055,54.5118528 L51.0237055,76.0999903 L16,76.0999903 L16,54.5118528 C16,44.8403235 23.8403235,37 33.5118528,37 Z" id="Rectangle-2" fill="#FFFFFF" opacity="0.699999988" mask="url(#mask-22)"></path>
<ellipse id="Oval" fill="#FFFFFF" mask="url(#mask-22)" cx="32.9213671" cy="28.9199968" rx="12.9213671" ry="12.9199968"></ellipse>
</g>
<g id="hand" transform="translate(406.000000, 136.000000)">
<g transform="translate(3.478185, 0.219848)">
<mask id="mask-26" fill="white">
<use xlink:href="#path-25"></use>
</mask>
<g id="Mask">
<use fill="url(#linearGradient-23)" xlink:href="#path-25"></use>
<use fill-opacity="0.689999998" fill="url(#linearGradient-24)" xlink:href="#path-25"></use>
</g>
<path d="M66.8246432,176.487695 C62.3996835,176.487695 54.8672414,175.842361 47.4482234,163.907684 C40.0292053,151.973006 24.6941062,118.205222 24.6941062,115.030492 C24.6941062,112.914005 33.0498932,124.083053 49.7614674,148.537634 C59.2220094,161.738302 64.9097347,171.054989 66.8246432,176.487695 Z" id="Path-10" fill="url(#linearGradient-27)" style="mix-blend-mode: multiply;" opacity="0.616908482" mask="url(#mask-26)"></path>
<path d="M87.6117814,107.563216 C87.6117814,100.438215 80.4018569,62.5471363 76.1769156,58.8609247 C73.3602881,56.4034503 71.1831897,59.8789616 69.6456204,69.2874584 C80.454903,92.9235015 86.4436234,105.682087 87.6117814,107.563216 Z" id="Path-5" fill="url(#linearGradient-27)" style="mix-blend-mode: multiply;" mask="url(#mask-26)"></path>
<path d="M125.144189,94.6375615 C125.144189,91.9121513 124.116553,69.0567222 119.818724,65.0577792 C116.953505,62.3918172 115.011768,64.2541532 113.993511,70.6447872 C118.395623,78.9136535 121.184543,84.4584124 122.360274,87.2790639 C124.668616,92.8169221 125.144189,95.6675673 125.144189,94.6375615 Z" id="Path-6" fill="url(#linearGradient-27)" style="mix-blend-mode: multiply;" mask="url(#mask-26)"></path>
<path d="M155.009955,89.440844 C155.009955,87.8095061 155.822222,80.1478428 153.642192,75.3985446 C152.188839,72.2323458 151.237163,73.4802121 150.787164,79.1421434 C153.602358,87.0955024 155.009955,90.5284026 155.009955,89.440844 Z" id="Path-7" fill="url(#linearGradient-27)" style="mix-blend-mode: multiply;" mask="url(#mask-26)"></path>
<path d="M67.6494216,176.325963 C64.5902188,165.329123 52.5905824,118.27663 36.7466089,94.6584641 C26.1839598,78.9130202 32.0818569,99.2793788 54.4403,155.75754 C61.254232,165.941829 65.6572725,172.79797 67.6494216,176.325963 Z" id="Path-8" fill="url(#linearGradient-27)" style="mix-blend-mode: multiply;" opacity="0.843470982" mask="url(#mask-26)"></path>
<path d="M15.9537996,21.261013 C13.376375,13.4966111 11.5638269,10.9435671 11.5638269,7.93435139 C11.5638269,4.92513572 11.8358632,0.794166819 16.5119507,-1.45492614 C21.1880382,-3.7040191 26.5364993,-0.849761947 28.3549778,2.27503589 C30.1734563,5.39983373 33.8795992,11.1731081 33.8795992,14.3167479 C33.8795992,20.2168775 19.909945,26.6510835 15.9537996,21.261013 Z" id="Path-2" fill="url(#linearGradient-28)" mask="url(#mask-26)"></path>
<path d="M17.3403655,28.0333575 C19.2646329,35.2060046 24.8184913,54.0657099 26.9429641,56.936956 C29.067437,59.8082021 34.6388655,62.6042931 42.8880941,59.3072714 C51.1373227,56.0102497 54.0366171,50.0605862 52.6326287,47.2317861 C51.6966365,45.3459193 47.2147554,35.9272532 39.1869854,18.9757877" id="Path-9" fill="url(#linearGradient-29)" style="mix-blend-mode: multiply;" opacity="0.385993304" mask="url(#mask-26)"></path>
</g>
<path d="M10.0999345,132.468833 C14.4538714,132.468833 20.0092852,127.845953 20.0092852,125.304193 C20.0092852,122.762433 13.1665438,111.565839 11.2381616,109.269581 C9.3097794,106.973324 0.0204262442,110.845388 1.96601903,116.334279 C3.91161181,121.823169 6.44991321,126.057346 10.0999345,132.468833 Z" id="thumb-nail" fill="url(#linearGradient-28)" transform="translate(10.854509, 120.532215) rotate(8.000000) translate(-10.854509, -120.532215) "></path>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

212
src/images/web-development-services.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 55 KiB

1
src/pages/index.js
View File

@@ -29,6 +29,7 @@ const IndexPage = ({ ...props }) => (
intro="Welcome To Saburly"
headline="We build the right software for you"
text="Saburly is a team of highly experienced, creative and passionate engineers. Our mission is to make you stand out and gain competitive advantages with the help of modern technologies."
sectionClasses="md:pt-10"
image={ImgIntro}
/>

158
src/pages/services.js
View File

@@ -7,95 +7,107 @@ import WorkStyle from '../components/WorkStyle'
import Technologies from '../components/Technologies'
import FullstackDev from '../images/fullstack-web-development.svg'
import WebdevServices from '../images/web-development-services.svg'
import UXdesign from '../images/ux-ui-design-services.svg'
const ServicesPage = () => (
<div>
<PageIntro
intro="Services"
headline="Creative digital agency"
text="with a mission is to make our clients stand out"
sectionClasses="mb-16 lg:mb-8"
button
buttonText="Let's Connect"
url="/contact"
buttonClasses="text-white font-normal shadow hover:shadow-md rounded-full mt-4 font-light bg-teal hover:bg-teal-dark mb-20"
intro="What We Do"
headline="Agile Practitioners"
text="At Saburly we embrace Agile’s methodologies for every project and business environment, no matter the size, scale, or complexity. Our flexible processes ensure high productivity and we know how to balance between cost, time and quality."
sectionClasses="pt-10"
image={WebdevServices}
imgClasses="-mb-16 md:-mt-6"
/>
<SectionIntro
classes="text-center max-w-lg mx-auto"
intro="Agile practitioners"
headline="Software Development Services"
text="Keeping track of emerging technologies is important to us so that we can deliver forward-thinking solutions. Our flexible agile development processes ensure high productivity and makes it easier to balance between cost, time and quality."
/>
<section>
<section className="relative">
<div className="container mx-auto">
<div>
<SectionIntro
classes="max-w-lg"
headline="Full-stack software development"
text="We offer full-cycle web development services for the connected
world. Our talented developers work with popular languages and are
up to speed with cutting edge trends.
The solutions provided are both for custom web development solutions and
extensions for third party solutions."
>
<p className="font-light leading-normal opacity-70 mt-4">
Building competitive applications these days is challenging. We
have what it takes for both native languages and hybrid solutions.
Mobile solutions for iOS are built with Swift & Objective-C and
Android solutions are built with Java & Kotlin. We love using
technologies like React Native and Electron to build
cross-platform apps.
</p>
</SectionIntro>
<SectionIntro
classes="text-center"
headline="Full-stack software development"
/>
<div className="flex">
<img
src={FullstackDev}
className="w-full md:max-w-md mx-auto text-center content-center align-center p-8 -mb-16"
alt="Fullstack Web Development Agency"
/>
<div>
<div className="border rounded p-4 my-4">
<h3 className="opacity-30">Web Development</h3>
<p className="font-light leading-normal opacity-70 mt-4">
We offer full-cycle web development services for the connected
world. Our talented developers work with popular languages and
are up to speed with cutting edge trends. The solutions provided
are both for custom web development solutions and extensions for
third party solutions.
</p>
</div>
<div className="border rounded p-4 my-4">
<h3 className="opacity-30">Mobile & Desktop applications</h3>
<p className="font-light leading-normal opacity-70 mt-4">
Building competitive applications these days is challenging, but
we believe that we have what it takes for both native languages
and hybrid solutions. Native mobile solutions for iOS are built
with Swift & Objective-C and Android solutions are built with
Java & Kotlin. We love using technologies like React Native and
Electron to build cross-platform apps.
</p>
</div>
<div className="border rounded p-4 my-4">
<h3 className="opacity-30">AI & Blockchain</h3>
<p className="font-light leading-normal opacity-70 mt-4">
Building competitive applications these days is challenging, but
we believe that we have what it takes for both native languages
and hybrid solutions. Native mobile solutions for iOS are built
with Swift & Objective-C and Android solutions are built with
Java & Kotlin. We love using technologies like React Native and
Electron to build cross-platform apps.
</p>
</div>
</div>
</div>
<div className="border rounded p-4 my-4">
<h3 className="opacity-30">Technologies</h3>
<p className="font-light leading-normal opacity-70 mt-4">
Keeping track of emerging technologies is important to us so that we
can deliver forward-thinking solutions, but we understand that
technologies as just tools. That's why we're keen on being framework
agnostic and selecting the best tools for your needs. Below are some
of the technologies that we're currently working with on a daily
basis.
</p>
<Technologies />
</div>
<img src={FullstackDev} alt="Ricoh Logo" />
</div>
</section>
<section className="container mx-auto mt-12 p-4">
<div className="md:flex mt-4">
<div className="bg-indigo shadow p-6 bg:indigo-light md:rounded-tl">
<h3 className="text-l my-2 text-white">Modern Web Development</h3>
<p className="leading-normal text-white opacity-80">
We offer full-cycle web development services for the connected
world. Our talented developers work with popular languages and are
always up to speed with cutting edge trends in web development. We
provide services for both custom web development solutions and
extensions for third party solutions.
</p>
<section className="bg-saburly-fadeout-up">
<div className="container mx-auto">
<div className="md:flex">
<SectionIntro
classes="max-w-lg"
headline="UX & UI Design"
text="At Saburly, we offer consistent quality that extends to every section of the application development. All devices and screen sizes are welcome
here."
>
<p className="font-light leading-normal opacity-70 mt-4">
Our approach is simple: focus on how users might use the product
in the best way possible.. The solutions are usually shaped
through iterative processes of research, prototyping and testing.
</p>
</SectionIntro>
<img src={UXdesign} alt="User Experience Design Agency" />
</div>
<div className="bg-indigo shadow p-6">
<h3 className="text-l text-white my-2">Mobile App Development</h3>
<p className="leading-normal text-white opacity-80">
We have what it takes to develop competitive iOS and Android
applications using both native languages and hybrid solutions.
Solutions for iOS are built with Swift & Objective-C and Android
solutions are built with Java & Kotlin. We love using technologies
like React Native to build cross-platform native apps.
</p>
</div>
<div className="bg-indigo shadow p-6 rounded-tr">
<h3 className="text-l my-2 text-white">UX & UI Design</h3>
<p className="leading-normal text-white opacity-80">
Our approach is simple: focus on how users might use the product in
the best way possible. We offer UX and interface design for all
screens and devices. The solutions are usually shaped through
iterative processes of research, prototyping and testing.
</p>
</div>
</div>
<div className="border border-indigo mb-8 rounded-b p-4 shadow">
<SectionIntro
headline="Technologies"
classes="text-center text-l max-w-lg mx-auto"
text="We understand that technologies are just tools, so we tend to be framework agnostic and select the best tools for your needs. These are the technologies that we're currently working with on a daily basis."
/>
<Technologies />
</div>
</section>
<div className="bg-grey-lighter p-4">
<div className="bg-saburly-fadeout-up p-4">
<section className="container mx-auto mt-8 max-w-lg text-center">
<SectionIntro
headline="How We Work"

13
src/styles/general.css
View File

@@ -11,8 +11,8 @@
background: linear-gradient(
90deg,
rgba(255, 255, 255, 1) 1%,
rgba(250, 249, 252, 1) 49%,
rgba(237, 233, 245, 1) 100%
rgba(243, 246, 248, 0.7) 49%,
rgba(241, 245, 248, 1) 100%
);
}
@@ -21,7 +21,7 @@
background: linear-gradient(
180deg,
rgba(255, 255, 255, 1) 0%,
rgba(237, 233, 245, 0.5) 100%
rgba(241, 245, 248, 0.7) 100%
);
}
@@ -29,16 +29,11 @@
background: rgb(255, 255, 255);
background: linear-gradient(
180deg,
rgba(237, 233, 245, 0.5) 0%,
rgba(241, 245, 248, 0.7) 0%,
rgba(255, 255, 255, 1) 100%
);
}
.bg-saburly-fadeout-up svg {
position: absolute;
top: 0;
}
.bg-saburly svg {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);

900
src/styles/index.css
View File

@@ -3502,6 +3502,30 @@ table {
margin: -2rem;
}
.-m-10 {
margin: -2.5rem;
}
.-m-12 {
margin: -3rem;
}
.-m-16 {
margin: -4rem;
}
.-m-20 {
margin: -5rem;
}
.-m-24 {
margin: -6rem;
}
.-m-32 {
margin: -8rem;
}
.-m-px {
margin: -1px;
}
@@ -3576,6 +3600,66 @@ table {
margin-right: -2rem;
}
.-my-10 {
margin-top: -2.5rem;
margin-bottom: -2.5rem;
}
.-mx-10 {
margin-left: -2.5rem;
margin-right: -2.5rem;
}
.-my-12 {
margin-top: -3rem;
margin-bottom: -3rem;
}
.-mx-12 {
margin-left: -3rem;
margin-right: -3rem;
}
.-my-16 {
margin-top: -4rem;
margin-bottom: -4rem;
}
.-mx-16 {
margin-left: -4rem;
margin-right: -4rem;
}
.-my-20 {
margin-top: -5rem;
margin-bottom: -5rem;
}
.-mx-20 {
margin-left: -5rem;
margin-right: -5rem;
}
.-my-24 {
margin-top: -6rem;
margin-bottom: -6rem;
}
.-mx-24 {
margin-left: -6rem;
margin-right: -6rem;
}
.-my-32 {
margin-top: -8rem;
margin-bottom: -8rem;
}
.-mx-32 {
margin-left: -8rem;
margin-right: -8rem;
}
.-my-px {
margin-top: -1px;
margin-bottom: -1px;
@@ -3698,6 +3782,102 @@ table {
margin-left: -2rem;
}
.-mt-10 {
margin-top: -2.5rem;
}
.-mr-10 {
margin-right: -2.5rem;
}
.-mb-10 {
margin-bottom: -2.5rem;
}
.-ml-10 {
margin-left: -2.5rem;
}
.-mt-12 {
margin-top: -3rem;
}
.-mr-12 {
margin-right: -3rem;
}
.-mb-12 {
margin-bottom: -3rem;
}
.-ml-12 {
margin-left: -3rem;
}
.-mt-16 {
margin-top: -4rem;
}
.-mr-16 {
margin-right: -4rem;
}
.-mb-16 {
margin-bottom: -4rem;
}
.-ml-16 {
margin-left: -4rem;
}
.-mt-20 {
margin-top: -5rem;
}
.-mr-20 {
margin-right: -5rem;
}
.-mb-20 {
margin-bottom: -5rem;
}
.-ml-20 {
margin-left: -5rem;
}
.-mt-24 {
margin-top: -6rem;
}
.-mr-24 {
margin-right: -6rem;
}
.-mb-24 {
margin-bottom: -6rem;
}
.-ml-24 {
margin-left: -6rem;
}
.-mt-32 {
margin-top: -8rem;
}
.-mr-32 {
margin-right: -8rem;
}
.-mb-32 {
margin-bottom: -8rem;
}
.-ml-32 {
margin-left: -8rem;
}
.-mt-px {
margin-top: -1px;
}
@@ -8390,6 +8570,30 @@ table {
margin: -2rem;
}
.sm\:-m-10 {
margin: -2.5rem;
}
.sm\:-m-12 {
margin: -3rem;
}
.sm\:-m-16 {
margin: -4rem;
}
.sm\:-m-20 {
margin: -5rem;
}
.sm\:-m-24 {
margin: -6rem;
}
.sm\:-m-32 {
margin: -8rem;
}
.sm\:-m-px {
margin: -1px;
}
@@ -8464,6 +8668,66 @@ table {
margin-right: -2rem;
}
.sm\:-my-10 {
margin-top: -2.5rem;
margin-bottom: -2.5rem;
}
.sm\:-mx-10 {
margin-left: -2.5rem;
margin-right: -2.5rem;
}
.sm\:-my-12 {
margin-top: -3rem;
margin-bottom: -3rem;
}
.sm\:-mx-12 {
margin-left: -3rem;
margin-right: -3rem;
}
.sm\:-my-16 {
margin-top: -4rem;
margin-bottom: -4rem;
}
.sm\:-mx-16 {
margin-left: -4rem;
margin-right: -4rem;
}
.sm\:-my-20 {
margin-top: -5rem;
margin-bottom: -5rem;
}
.sm\:-mx-20 {
margin-left: -5rem;
margin-right: -5rem;
}
.sm\:-my-24 {
margin-top: -6rem;
margin-bottom: -6rem;
}
.sm\:-mx-24 {
margin-left: -6rem;
margin-right: -6rem;
}
.sm\:-my-32 {
margin-top: -8rem;
margin-bottom: -8rem;
}
.sm\:-mx-32 {
margin-left: -8rem;
margin-right: -8rem;
}
.sm\:-my-px {
margin-top: -1px;
margin-bottom: -1px;
@@ -8586,6 +8850,102 @@ table {
margin-left: -2rem;
}
.sm\:-mt-10 {
margin-top: -2.5rem;
}
.sm\:-mr-10 {
margin-right: -2.5rem;
}
.sm\:-mb-10 {
margin-bottom: -2.5rem;
}
.sm\:-ml-10 {
margin-left: -2.5rem;
}
.sm\:-mt-12 {
margin-top: -3rem;
}
.sm\:-mr-12 {
margin-right: -3rem;
}
.sm\:-mb-12 {
margin-bottom: -3rem;
}
.sm\:-ml-12 {
margin-left: -3rem;
}
.sm\:-mt-16 {
margin-top: -4rem;
}
.sm\:-mr-16 {
margin-right: -4rem;
}
.sm\:-mb-16 {
margin-bottom: -4rem;
}
.sm\:-ml-16 {
margin-left: -4rem;
}
.sm\:-mt-20 {
margin-top: -5rem;
}
.sm\:-mr-20 {
margin-right: -5rem;
}
.sm\:-mb-20 {
margin-bottom: -5rem;
}
.sm\:-ml-20 {
margin-left: -5rem;
}
.sm\:-mt-24 {
margin-top: -6rem;
}
.sm\:-mr-24 {
margin-right: -6rem;
}
.sm\:-mb-24 {
margin-bottom: -6rem;
}
.sm\:-ml-24 {
margin-left: -6rem;
}
.sm\:-mt-32 {
margin-top: -8rem;
}
.sm\:-mr-32 {
margin-right: -8rem;
}
.sm\:-mb-32 {
margin-bottom: -8rem;
}
.sm\:-ml-32 {
margin-left: -8rem;
}
.sm\:-mt-px {
margin-top: -1px;
}
@@ -13263,6 +13623,30 @@ table {
margin: -2rem;
}
.md\:-m-10 {
margin: -2.5rem;
}
.md\:-m-12 {
margin: -3rem;
}
.md\:-m-16 {
margin: -4rem;
}
.md\:-m-20 {
margin: -5rem;
}
.md\:-m-24 {
margin: -6rem;
}
.md\:-m-32 {
margin: -8rem;
}
.md\:-m-px {
margin: -1px;
}
@@ -13337,6 +13721,66 @@ table {
margin-right: -2rem;
}
.md\:-my-10 {
margin-top: -2.5rem;
margin-bottom: -2.5rem;
}
.md\:-mx-10 {
margin-left: -2.5rem;
margin-right: -2.5rem;
}
.md\:-my-12 {
margin-top: -3rem;
margin-bottom: -3rem;
}
.md\:-mx-12 {
margin-left: -3rem;
margin-right: -3rem;
}
.md\:-my-16 {
margin-top: -4rem;
margin-bottom: -4rem;
}
.md\:-mx-16 {
margin-left: -4rem;
margin-right: -4rem;
}
.md\:-my-20 {
margin-top: -5rem;
margin-bottom: -5rem;
}
.md\:-mx-20 {
margin-left: -5rem;
margin-right: -5rem;
}
.md\:-my-24 {
margin-top: -6rem;
margin-bottom: -6rem;
}
.md\:-mx-24 {
margin-left: -6rem;
margin-right: -6rem;
}
.md\:-my-32 {
margin-top: -8rem;
margin-bottom: -8rem;
}
.md\:-mx-32 {
margin-left: -8rem;
margin-right: -8rem;
}
.md\:-my-px {
margin-top: -1px;
margin-bottom: -1px;
@@ -13459,6 +13903,102 @@ table {
margin-left: -2rem;
}
.md\:-mt-10 {
margin-top: -2.5rem;
}
.md\:-mr-10 {
margin-right: -2.5rem;
}
.md\:-mb-10 {
margin-bottom: -2.5rem;
}
.md\:-ml-10 {
margin-left: -2.5rem;
}
.md\:-mt-12 {
margin-top: -3rem;
}
.md\:-mr-12 {
margin-right: -3rem;
}
.md\:-mb-12 {
margin-bottom: -3rem;
}
.md\:-ml-12 {
margin-left: -3rem;
}
.md\:-mt-16 {
margin-top: -4rem;
}
.md\:-mr-16 {
margin-right: -4rem;
}
.md\:-mb-16 {
margin-bottom: -4rem;
}
.md\:-ml-16 {
margin-left: -4rem;
}
.md\:-mt-20 {
margin-top: -5rem;
}
.md\:-mr-20 {
margin-right: -5rem;
}
.md\:-mb-20 {
margin-bottom: -5rem;
}
.md\:-ml-20 {
margin-left: -5rem;
}
.md\:-mt-24 {
margin-top: -6rem;
}
.md\:-mr-24 {
margin-right: -6rem;
}
.md\:-mb-24 {
margin-bottom: -6rem;
}
.md\:-ml-24 {
margin-left: -6rem;
}
.md\:-mt-32 {
margin-top: -8rem;
}
.md\:-mr-32 {
margin-right: -8rem;
}
.md\:-mb-32 {
margin-bottom: -8rem;
}
.md\:-ml-32 {
margin-left: -8rem;
}
.md\:-mt-px {
margin-top: -1px;
}
@@ -18136,6 +18676,30 @@ table {
margin: -2rem;
}
.lg\:-m-10 {
margin: -2.5rem;
}
.lg\:-m-12 {
margin: -3rem;
}
.lg\:-m-16 {
margin: -4rem;
}
.lg\:-m-20 {
margin: -5rem;
}
.lg\:-m-24 {
margin: -6rem;
}
.lg\:-m-32 {
margin: -8rem;
}
.lg\:-m-px {
margin: -1px;
}
@@ -18210,6 +18774,66 @@ table {
margin-right: -2rem;
}
.lg\:-my-10 {
margin-top: -2.5rem;
margin-bottom: -2.5rem;
}
.lg\:-mx-10 {
margin-left: -2.5rem;
margin-right: -2.5rem;
}
.lg\:-my-12 {
margin-top: -3rem;
margin-bottom: -3rem;
}
.lg\:-mx-12 {
margin-left: -3rem;
margin-right: -3rem;
}
.lg\:-my-16 {
margin-top: -4rem;
margin-bottom: -4rem;
}
.lg\:-mx-16 {
margin-left: -4rem;
margin-right: -4rem;
}
.lg\:-my-20 {
margin-top: -5rem;
margin-bottom: -5rem;
}
.lg\:-mx-20 {
margin-left: -5rem;
margin-right: -5rem;
}
.lg\:-my-24 {
margin-top: -6rem;
margin-bottom: -6rem;
}
.lg\:-mx-24 {
margin-left: -6rem;
margin-right: -6rem;
}
.lg\:-my-32 {
margin-top: -8rem;
margin-bottom: -8rem;
}
.lg\:-mx-32 {
margin-left: -8rem;
margin-right: -8rem;
}
.lg\:-my-px {
margin-top: -1px;
margin-bottom: -1px;
@@ -18332,6 +18956,102 @@ table {
margin-left: -2rem;
}
.lg\:-mt-10 {
margin-top: -2.5rem;
}
.lg\:-mr-10 {
margin-right: -2.5rem;
}
.lg\:-mb-10 {
margin-bottom: -2.5rem;
}
.lg\:-ml-10 {
margin-left: -2.5rem;
}
.lg\:-mt-12 {
margin-top: -3rem;
}
.lg\:-mr-12 {
margin-right: -3rem;
}
.lg\:-mb-12 {
margin-bottom: -3rem;
}
.lg\:-ml-12 {
margin-left: -3rem;
}
.lg\:-mt-16 {
margin-top: -4rem;
}
.lg\:-mr-16 {
margin-right: -4rem;
}
.lg\:-mb-16 {
margin-bottom: -4rem;
}
.lg\:-ml-16 {
margin-left: -4rem;
}
.lg\:-mt-20 {
margin-top: -5rem;
}
.lg\:-mr-20 {
margin-right: -5rem;
}
.lg\:-mb-20 {
margin-bottom: -5rem;
}
.lg\:-ml-20 {
margin-left: -5rem;
}
.lg\:-mt-24 {
margin-top: -6rem;
}
.lg\:-mr-24 {
margin-right: -6rem;
}
.lg\:-mb-24 {
margin-bottom: -6rem;
}
.lg\:-ml-24 {
margin-left: -6rem;
}
.lg\:-mt-32 {
margin-top: -8rem;
}
.lg\:-mr-32 {
margin-right: -8rem;
}
.lg\:-mb-32 {
margin-bottom: -8rem;
}
.lg\:-ml-32 {
margin-left: -8rem;
}
.lg\:-mt-px {
margin-top: -1px;
}
@@ -23009,6 +23729,30 @@ table {
margin: -2rem;
}
.xl\:-m-10 {
margin: -2.5rem;
}
.xl\:-m-12 {
margin: -3rem;
}
.xl\:-m-16 {
margin: -4rem;
}
.xl\:-m-20 {
margin: -5rem;
}
.xl\:-m-24 {
margin: -6rem;
}
.xl\:-m-32 {
margin: -8rem;
}
.xl\:-m-px {
margin: -1px;
}
@@ -23083,6 +23827,66 @@ table {
margin-right: -2rem;
}
.xl\:-my-10 {
margin-top: -2.5rem;
margin-bottom: -2.5rem;
}
.xl\:-mx-10 {
margin-left: -2.5rem;
margin-right: -2.5rem;
}
.xl\:-my-12 {
margin-top: -3rem;
margin-bottom: -3rem;
}
.xl\:-mx-12 {
margin-left: -3rem;
margin-right: -3rem;
}
.xl\:-my-16 {
margin-top: -4rem;
margin-bottom: -4rem;
}
.xl\:-mx-16 {
margin-left: -4rem;
margin-right: -4rem;
}
.xl\:-my-20 {
margin-top: -5rem;
margin-bottom: -5rem;
}
.xl\:-mx-20 {
margin-left: -5rem;
margin-right: -5rem;
}
.xl\:-my-24 {
margin-top: -6rem;
margin-bottom: -6rem;
}
.xl\:-mx-24 {
margin-left: -6rem;
margin-right: -6rem;
}
.xl\:-my-32 {
margin-top: -8rem;
margin-bottom: -8rem;
}
.xl\:-mx-32 {
margin-left: -8rem;
margin-right: -8rem;
}
.xl\:-my-px {
margin-top: -1px;
margin-bottom: -1px;
@@ -23205,6 +24009,102 @@ table {
margin-left: -2rem;
}
.xl\:-mt-10 {
margin-top: -2.5rem;
}
.xl\:-mr-10 {
margin-right: -2.5rem;
}
.xl\:-mb-10 {
margin-bottom: -2.5rem;
}
.xl\:-ml-10 {
margin-left: -2.5rem;
}
.xl\:-mt-12 {
margin-top: -3rem;
}
.xl\:-mr-12 {
margin-right: -3rem;
}
.xl\:-mb-12 {
margin-bottom: -3rem;
}
.xl\:-ml-12 {
margin-left: -3rem;
}
.xl\:-mt-16 {
margin-top: -4rem;
}
.xl\:-mr-16 {
margin-right: -4rem;
}
.xl\:-mb-16 {
margin-bottom: -4rem;
}
.xl\:-ml-16 {
margin-left: -4rem;
}
.xl\:-mt-20 {
margin-top: -5rem;
}
.xl\:-mr-20 {
margin-right: -5rem;
}
.xl\:-mb-20 {
margin-bottom: -5rem;
}
.xl\:-ml-20 {
margin-left: -5rem;
}
.xl\:-mt-24 {
margin-top: -6rem;
}
.xl\:-mr-24 {
margin-right: -6rem;
}
.xl\:-mb-24 {
margin-bottom: -6rem;
}
.xl\:-ml-24 {
margin-left: -6rem;
}
.xl\:-mt-32 {
margin-top: -8rem;
}
.xl\:-mr-32 {
margin-right: -8rem;
}
.xl\:-mb-32 {
margin-bottom: -8rem;
}
.xl\:-ml-32 {
margin-left: -8rem;
}
.xl\:-mt-px {
margin-top: -1px;
}

6
tailwind.config.js
View File

@@ -706,6 +706,12 @@ module.exports = {
'4': '1rem',
'6': '1.5rem',
'8': '2rem',
'10': '2.5rem',
'12': '3rem',
'16': '4rem',
'20': '5rem',
'24': '6rem',
'32': '8rem',
},
/*

14
yarn.lock
View File

@@ -9148,11 +9148,15 @@ timers-browserify@^2.0.2, timers-browserify@^2.0.4:
dependencies:
setimmediate "^1.0.4"
tiny-slider-react@^0.3.7:
version "0.3.7"
resolved "https://registry.yarnpkg.com/tiny-slider-react/-/tiny-slider-react-0.3.7.tgz#97ba77f330ad12fc0a02c1f4737bbc9f66ba07be"
tiny-slider-react@0.3.4:
version "0.3.4"
resolved "https://registry.yarnpkg.com/tiny-slider-react/-/tiny-slider-react-0.3.4.tgz#b42ed9a51f4d4912490e91f3c3d20eb241ceadb5"
dependencies:
ventura-slider "^1.0.7"
ventura-slider "^1.0.4"
tiny-slider@^2.8.3:
version "2.8.3"
resolved "https://registry.yarnpkg.com/tiny-slider/-/tiny-slider-2.8.3.tgz#07030d7741e610cd7b4215375587c824d68de547"
tinycolor2@^1.1.2:
version "1.4.1"
@@ -9540,7 +9544,7 @@ vendors@^1.0.0:
version "1.0.2"
resolved "https://registry.yarnpkg.com/vendors/-/vendors-1.0.2.tgz#7fcb5eef9f5623b156bcea89ec37d63676f21801"
ventura-slider@^1.0.7:
ventura-slider@^1.0.4:
version "1.0.7"
resolved "https://registry.yarnpkg.com/ventura-slider/-/ventura-slider-1.0.7.tgz#8c11d7b831da0e248c99d9d1171d1733a0a3744d"