diff --git a/src/components/Card.js b/src/components/Card.js index 7275fe2..eb11c87 100644 --- a/src/components/Card.js +++ b/src/components/Card.js @@ -4,7 +4,7 @@ import Link from 'gatsby-link' import ImgSprint from '../images/wow-we-did-design-sprint-remotely.png' const Card = ({ ...props }) => ( -
+
{props.image ? ( diff --git a/src/components/PageIntro.js b/src/components/PageIntro.js index 3bee39e..a685950 100644 --- a/src/components/PageIntro.js +++ b/src/components/PageIntro.js @@ -5,7 +5,11 @@ import Button from './Button' const PageIntro = ({ ...props }) => (
-
+
( {props.image && ( Software Development Agency )} diff --git a/src/images/web-development-services.svg b/src/images/web-development-services-agency.svg similarity index 73% rename from src/images/web-development-services.svg rename to src/images/web-development-services-agency.svg index 2149f75..135863b 100644 --- a/src/images/web-development-services.svg +++ b/src/images/web-development-services-agency.svg @@ -95,35 +95,19 @@ - - - - - - - - - - - - - - - - - + - + - + - + @@ -133,10 +117,9 @@ - - - - + + + @@ -174,27 +157,24 @@ - + - - - - - - - - - - - - - + - - - + + + + + + + + + + + + diff --git a/src/pages/services.js b/src/pages/services.js index 6223218..655b14d 100644 --- a/src/pages/services.js +++ b/src/pages/services.js @@ -7,30 +7,26 @@ 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 WebdevServices from '../images/web-development-services-agency.svg' import UXdesign from '../images/ux-ui-design-services.svg' import HowWeWork from '../images/how-we-work.svg' const ServicesPage = () => (
User Experience Design Agency ( testing. All devices and screen sizes are welcome here." > + User Experience Design Agency +

Conceptualization & Branding @@ -75,7 +77,7 @@ const ServicesPage = () => (
Fullstack Web Development Agency
diff --git a/src/styles/index.css b/src/styles/index.css index ec09fd7..c363f32 100644 --- a/src/styles/index.css +++ b/src/styles/index.css @@ -3542,6 +3542,10 @@ table { margin: -6rem; } +.-m-28 { + margin: -7rem; +} + .-m-32 { margin: -8rem; } @@ -3670,6 +3674,16 @@ table { margin-right: -6rem; } +.-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; +} + +.-mx-28 { + margin-left: -7rem; + margin-right: -7rem; +} + .-my-32 { margin-top: -8rem; margin-bottom: -8rem; @@ -3882,6 +3896,22 @@ table { margin-left: -6rem; } +.-mt-28 { + margin-top: -7rem; +} + +.-mr-28 { + margin-right: -7rem; +} + +.-mb-28 { + margin-bottom: -7rem; +} + +.-ml-28 { + margin-left: -7rem; +} + .-mt-32 { margin-top: -8rem; } @@ -8642,6 +8672,10 @@ table { margin: -6rem; } + .sm\:-m-28 { + margin: -7rem; + } + .sm\:-m-32 { margin: -8rem; } @@ -8770,6 +8804,16 @@ table { margin-right: -6rem; } + .sm\:-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; + } + + .sm\:-mx-28 { + margin-left: -7rem; + margin-right: -7rem; + } + .sm\:-my-32 { margin-top: -8rem; margin-bottom: -8rem; @@ -8982,6 +9026,22 @@ table { margin-left: -6rem; } + .sm\:-mt-28 { + margin-top: -7rem; + } + + .sm\:-mr-28 { + margin-right: -7rem; + } + + .sm\:-mb-28 { + margin-bottom: -7rem; + } + + .sm\:-ml-28 { + margin-left: -7rem; + } + .sm\:-mt-32 { margin-top: -8rem; } @@ -13727,6 +13787,10 @@ table { margin: -6rem; } + .md\:-m-28 { + margin: -7rem; + } + .md\:-m-32 { margin: -8rem; } @@ -13855,6 +13919,16 @@ table { margin-right: -6rem; } + .md\:-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; + } + + .md\:-mx-28 { + margin-left: -7rem; + margin-right: -7rem; + } + .md\:-my-32 { margin-top: -8rem; margin-bottom: -8rem; @@ -14067,6 +14141,22 @@ table { margin-left: -6rem; } + .md\:-mt-28 { + margin-top: -7rem; + } + + .md\:-mr-28 { + margin-right: -7rem; + } + + .md\:-mb-28 { + margin-bottom: -7rem; + } + + .md\:-ml-28 { + margin-left: -7rem; + } + .md\:-mt-32 { margin-top: -8rem; } @@ -18812,6 +18902,10 @@ table { margin: -6rem; } + .lg\:-m-28 { + margin: -7rem; + } + .lg\:-m-32 { margin: -8rem; } @@ -18940,6 +19034,16 @@ table { margin-right: -6rem; } + .lg\:-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; + } + + .lg\:-mx-28 { + margin-left: -7rem; + margin-right: -7rem; + } + .lg\:-my-32 { margin-top: -8rem; margin-bottom: -8rem; @@ -19152,6 +19256,22 @@ table { margin-left: -6rem; } + .lg\:-mt-28 { + margin-top: -7rem; + } + + .lg\:-mr-28 { + margin-right: -7rem; + } + + .lg\:-mb-28 { + margin-bottom: -7rem; + } + + .lg\:-ml-28 { + margin-left: -7rem; + } + .lg\:-mt-32 { margin-top: -8rem; } @@ -23897,6 +24017,10 @@ table { margin: -6rem; } + .xl\:-m-28 { + margin: -7rem; + } + .xl\:-m-32 { margin: -8rem; } @@ -24025,6 +24149,16 @@ table { margin-right: -6rem; } + .xl\:-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; + } + + .xl\:-mx-28 { + margin-left: -7rem; + margin-right: -7rem; + } + .xl\:-my-32 { margin-top: -8rem; margin-bottom: -8rem; @@ -24237,6 +24371,22 @@ table { margin-left: -6rem; } + .xl\:-mt-28 { + margin-top: -7rem; + } + + .xl\:-mr-28 { + margin-right: -7rem; + } + + .xl\:-mb-28 { + margin-bottom: -7rem; + } + + .xl\:-ml-28 { + margin-left: -7rem; + } + .xl\:-mt-32 { margin-top: -8rem; } diff --git a/tailwind.config.js b/tailwind.config.js index 5dc0ce8..49a560a 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -712,6 +712,7 @@ module.exports = { '16': '4rem', '20': '5rem', '24': '6rem', + '28': '7rem', '32': '8rem', },