diff --git a/scss/components/_trustedby.scss b/scss/components/_trustedby.scss index cb50b23..bd2d5cd 100644 --- a/scss/components/_trustedby.scss +++ b/scss/components/_trustedby.scss @@ -39,8 +39,8 @@ height: 100%; width: 90px; overflow: hidden; - & > a { - cursor: pointer; + & > .img-wrapper { + user-select: none; display: flex; flex-flow: row; align-items: center; diff --git a/scss/pages/contact.scss b/scss/pages/contact.scss index 403e8c6..1df188e 100644 --- a/scss/pages/contact.scss +++ b/scss/pages/contact.scss @@ -1,8 +1,6 @@ @use "../helpers/" as *; @use "../base"; -@use "../components/nav"; -@use "../components/footer"; -@use "../components/divider"; +@use "../components/essentials"; main { display: flex; @@ -12,16 +10,35 @@ main { row-gap: var(--spacing-xl); box-sizing: border-box; - padding: 50vh var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl); + padding: 25vh var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl); @include media-breakpoint-up(lg) { - padding: 432px var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl); + padding: 170px var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl); } h1 { - @include typography(mobile-main-header); - + @include typography(main-header); color: var(--main-text); + line-height: 1.15; + } + + & > header { + width: 100%; + display: flex; + flex-flow: column; + gap: var(--spacing-m); + padding-top: var(--spacing-xl); + + @include media-breakpoint-up(xl) { + flex-flow: row wrap; + } + + & > a { + display: block; + @include media-breakpoint-up(xl) { + margin-left: auto; + } + } } & > .divider.contact { diff --git a/scss/pages/products.scss b/scss/pages/products.scss index 3c43b80..1d42293 100644 --- a/scss/pages/products.scss +++ b/scss/pages/products.scss @@ -5,16 +5,33 @@ main { box-sizing: border-box; - padding: 50vh var(--spacing-xl) var(--spacing-xl) var(--spacing-xl); + padding: 25vh var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl); @include media-breakpoint-up(lg) { - padding: 480px 146px 370px 146px; + padding: 170px var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl); } - & > h1 { + h1 { @include typography(main-header); color: var(--main-text); - letter-spacing: 9px; + line-height: 1.15; + } + + & > header { + display: flex; + flex-flow: column; + gap: var(--spacing-m); + padding-top: var(--spacing-xl); + + @include media-breakpoint-up(xl) { + flex-flow: row wrap; + } + & > a { + display: block; + @include media-breakpoint-up(xl) { + margin-left: auto; + } + } } } diff --git a/scss/pages/services.scss b/scss/pages/services.scss index ab02716..4d0a4f2 100644 --- a/scss/pages/services.scss +++ b/scss/pages/services.scss @@ -3,9 +3,10 @@ @use "../components/essentials"; main { - padding: 50vh var(--spacing-xl) var(--spacing-xl) var(--spacing-xl); + padding: 25vh var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl); + @include media-breakpoint-up(lg) { - padding: 230px 146px 146px 146px; + padding: 170px var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl); } h1 { @@ -18,10 +19,12 @@ main { display: flex; flex-flow: column; gap: var(--spacing-m); + padding-top: var(--spacing-xl); @include media-breakpoint-up(xl) { flex-flow: row wrap; } + & > a { display: block; @include media-breakpoint-up(xl) { @@ -98,7 +101,7 @@ main { & > .right { display: flex; flex-flow: column; - row-gap: var(spacing-s); + row-gap: var(--spacing-s); grid-row: 2; grid-column: 1 / 2; diff --git a/src/assets/css/pages/contact.css b/src/assets/css/pages/contact.css index 95f602e..c634dae 100644 --- a/src/assets/css/pages/contact.css +++ b/src/assets/css/pages/contact.css @@ -133,6 +133,27 @@ a:hover { text-decoration: underline; } +.divider { + display: block; + width: 100%; + height: 1px; + padding: 0; + margin: var(--spacing-xl) 0; + user-select: none; + background-color: var(--main-text); +} +.divider.vertical { + width: 1px; + height: 100%; + background-color: var(--main-text); + margin: 0 8px; +} +@media (min-width: 992px) { + .divider.vertical { + margin: 0 30px; + } +} + nav { display: flex; flex-flow: row nowrap; @@ -513,26 +534,97 @@ footer > .footer-grid > .contact a:hover { text-underline-offset: 6px; } -.divider { - display: block; - width: 100%; - height: 1px; - padding: 0; - margin: var(--spacing-xl) 0; +a.page-link { + display: flex; + flex-flow: row nowrap; + align-items: center; + justify-content: center; + position: relative; + margin-left: auto; + height: 100%; + box-sizing: border-box; + padding: 21px 55px 21px 19px; user-select: none; - background-color: var(--main-text); + cursor: pointer; + border-left: 1px solid var(--main-text); + width: 220px; + font-family: "PP Neue Machina"; + font-weight: 400; + font-size: 16px; + line-height: 1.5; + color: var(--main-text); } -.divider.vertical { - width: 1px; +@media (min-width: 992px) { + a.page-link { + width: 280px; + } +} +@media (min-width: 992px) { + a.page-link { + font-size: 20px; + line-height: 1.5; + } +} +a.page-link::before { + content: ""; + display: block; height: 100%; + position: absolute; + inset: 0; + width: 1px; background-color: var(--main-text); - margin: 0 8px; + user-select: none; + transition-property: width; + transition-duration: 250ms; + transition-timing-function: ease-in-out; +} +a.page-link::after { + user-select: none; + content: "→"; + color: var(--main-text); + font-size: 48px; + position: absolute; + top: 50%; + right: -5px; + transform: translateY(-60%) rotate(-45deg); + transition-property: transform, right; + transition-duration: 250ms; + transition-timing-function: ease-in-out; +} +a.page-link:hover::before { + width: 4px; +} +a.page-link:hover::after { + transform: translateY(-50%) rotate(0deg); + right: 10px; +} + +a.book { + cursor: pointer; + display: block; + box-sizing: border-box; + color: var(--main-text); + border: 1px solid var(--main-text); + outline: solid 0px var(--main-text); + background-color: transparent; + padding: var(--spacing-m) var(--spacing-xl); + user-select: none; + width: max-content; + font-family: "PP Neue Machina"; + font-weight: 400; + line-height: 1.5; + font-size: clamp(4vw, 4vw, 24px); } @media (min-width: 992px) { - .divider.vertical { - margin: 0 30px; + a.book { + font-size: 32px; } } +a.book:hover { + text-decoration: underline; + text-underline-offset: 5px; + outline: solid 2px var(--main-text); +} main { display: flex; @@ -541,19 +633,52 @@ main { align-items: flex-start; row-gap: var(--spacing-xl); box-sizing: border-box; - padding: 50vh var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl); + padding: 25vh var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl); } @media (min-width: 992px) { main { - padding: 432px var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl); + padding: 170px var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl); } } main h1 { font-family: "PP Neue Machina"; font-weight: 400; - font-size: 72px; + font-size: clamp(5vw, 10vw, 48px); line-height: 1.15; color: var(--main-text); + line-height: 1.15; +} +@media (min-width: 992px) { + main h1 { + font-size: 72px; + line-height: 1.15; + } +} +@media (min-width: 1200px) { + main h1 { + line-height: 1.15; + font-size: 90px; + } +} +main > header { + width: 100%; + display: flex; + flex-flow: column; + gap: var(--spacing-m); + padding-top: var(--spacing-xl); +} +@media (min-width: 1200px) { + main > header { + flex-flow: row wrap; + } +} +main > header > a { + display: block; +} +@media (min-width: 1200px) { + main > header > a { + margin-left: auto; + } } main > .divider.contact { width: calc(100% + var(--spacing-xl)); diff --git a/src/assets/css/pages/contact.css.map b/src/assets/css/pages/contact.css.map index b58a754..2932725 100644 --- a/src/assets/css/pages/contact.css.map +++ b/src/assets/css/pages/contact.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../../../scss/_variables.scss","../../../../scss/helpers/bootstrap/_breakpoints.scss","../../../../scss/_fonts.scss","../../../../scss/components/_dots.scss","../../../../scss/_base.scss","../../../../scss/components/_nav.scss","../../../../scss/helpers/_typography.scss","../../../../scss/components/_footer.scss","../../../../scss/components/_divider.scss","../../../../scss/pages/contact.scss"],"names":[],"mappings":";AAWA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;ACWE;EDjBJ;IASI;IACA;IACA;IACA;IACA;IACA;;;;AEtCJ;EACE;EACA;EACA;EACA;;ACFF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AC3BF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AHyBE;EG7BJ;IAOI;;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;AACA;EACE;;AAEF;EACE;;;AC9DJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AJyBE;EIvCJ;IAiBI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AJCF;EIRA;IAUI;;;AAGF;AAAA;EC3CJ;EACA;EAkCE;EACA;EDUI;EACA;EACA;;AJVJ;EIKE;AAAA;ICLA;;;ADaE;EACE;;AAEF;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AJ7CA;EIkCF;IAcI;;;;AAON;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;ECpLJ;EACA;EAkCE;EACA;EDkJE;EACA;;AJjJF;EI4IA;AAAA;IC5IE;;;ADmJF;EACE;;AAIA;EACE;;AAEF;EACE;EACA;;;AEpMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AN+BE;EMvCJ;IAWI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ANiBA;EMzBF;IAWI;;;ANsCF;EMjDF;IAeI;IACA;;;ANSF;EMzBF;IAoBI;IACA;;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;ANbF;EMGA;IAaI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;ED/ER;EACA;EAkCE;EACA;EC6CM;EAEA;;AN7CN;EMuCI;IDvCF;;;AC+CI;EACE;;AAGF;EACE;EACA;EACA;;AN3CR;EMiDA;IAEI;IACA;;;AN/DJ;EM4DA;IAMI;IACA;;;ANxDJ;EM4DA;IAEI;IACA;;;AN1EJ;EMuEA;IAMI;IACA;;;AN9EJ;EMuEA;IAUI;IACA;;;AAEF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EAME;ED/IJ;EACA;EA0CE;EACA;ECqGE;;ANhGF;EMwFA;IAEI;IACA;;;ANtGJ;EMmGA;ID3FE;IACA;;;ACoGA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AC9JV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AP0BA;EO9BF;IAMI;;;;ACXN;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;;AR2BE;EQnCJ;IAWI;;;AAGF;EHjBA;EACA;EAsDE;EACA;EGpCA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;;ARIA;EQXF;IAUI;IACA;;;AAGF;AAAA;EAEE;;AAGF;EACE;EACA;EHhDJ;EACA;EAwBE;EACA;EG0BE;EACA;;ARfF;EQQA;IHjBE;IACA;;;ALQF;EQQA;IAUI;IACA;;;AAIJ;EACE;EACA;EH/DJ;EACA;EAgBE;EACA;EGiDE;;AR7BF;EQuBA;IHzCE;;;ALkBF;EQuBA;IASI;IACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AR5CF;EQqCA;IAUI;IACA;;;AAGF;EACE;;AAGF;AAAA;EAEE;EH/FN;EACA;EAkCE;EACA;EG+DI;;AR7DJ;EQuDE;AAAA;IHvDA","file":"contact.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../../../scss/_variables.scss","../../../../scss/helpers/bootstrap/_breakpoints.scss","../../../../scss/_fonts.scss","../../../../scss/components/_dots.scss","../../../../scss/_base.scss","../../../../scss/components/_divider.scss","../../../../scss/components/_nav.scss","../../../../scss/helpers/_typography.scss","../../../../scss/components/_footer.scss","../../../../scss/components/_page_link.scss","../../../../scss/components/_book.scss","../../../../scss/pages/contact.scss"],"names":[],"mappings":";AAWA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;ACWE;EDjBJ;IASI;IACA;IACA;IACA;IACA;IACA;;;;AEtCJ;EACE;EACA;EACA;EACA;;ACFF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AC3BF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AHyBE;EG7BJ;IAOI;;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;AACA;EACE;;AAEF;EACE;;;AC9DJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AJ0BA;EI9BF;IAMI;;;;ACfN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ALyBE;EKvCJ;IAiBI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;ALCF;EKRA;IAUI;;;AAGF;AAAA;EC3CJ;EACA;EAkCE;EACA;EDUI;EACA;EACA;;ALVJ;EKKE;AAAA;ICLA;;;ADaE;EACE;;AAEF;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AL7CA;EKkCF;IAcI;;;;AAON;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;ECpLJ;EACA;EAkCE;EACA;EDkJE;EACA;;ALjJF;EK4IA;AAAA;IC5IE;;;ADmJF;EACE;;AAIA;EACE;;AAEF;EACE;EACA;;;AEpMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AP+BE;EOvCJ;IAWI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;APiBA;EOzBF;IAWI;;;APsCF;EOjDF;IAeI;IACA;;;APSF;EOzBF;IAoBI;IACA;;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;APbF;EOGA;IAaI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;ED/ER;EACA;EAkCE;EACA;EC6CM;EAEA;;AP7CN;EOuCI;IDvCF;;;AC+CI;EACE;;AAGF;EACE;EACA;EACA;;AP3CR;EOiDA;IAEI;IACA;;;AP/DJ;EO4DA;IAMI;IACA;;;APxDJ;EO4DA;IAEI;IACA;;;AP1EJ;EOuEA;IAMI;IACA;;;AP9EJ;EOuEA;IAUI;IACA;;;AAEF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EAME;ED/IJ;EACA;EA0CE;EACA;ECqGE;;APhGF;EOwFA;IAEI;IACA;;;APtGJ;EOmGA;ID3FE;IACA;;;ACoGA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AC7JR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EFbF;EACA;EA0CE;EACA;EExBA;;ARkBA;EQtCF;IAgBI;;;ARsBF;EQtCF;IF8CI;IACA;;;AEzBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAEF;EACE;EACA;;;ACxDN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EHVF;EACA;EAkCE;EACA;;ANEA;EStCF;IHsCI;;;AGxBF;EACE;EACA;EACA;;;AChBN;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;;AV6BE;EUrCJ;IAWI;;;AAGF;EJfA;EACA;EAGE;EACA;EIYA;EACA;;AVoBA;EUvBF;IJRI;IACA;;;AN8BF;EUvBF;IJJI;IACA;;;AISJ;EACE;EACA;EACA;EACA;EACA;;AVYA;EUjBF;IAQI;;;AAGF;EACE;;AVKF;EUNA;IAGI;;;AAKN;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;;AVbA;EUMF;IAUI;IACA;;;AAGF;AAAA;EAEE;;AAGF;EACE;EACA;EJjEJ;EACA;EAwBE;EACA;EI2CE;EACA;;AVhCF;EUyBA;IJlCE;IACA;;;ANQF;EUyBA;IAUI;IACA;;;AAIJ;EACE;EACA;EJhFJ;EACA;EAgBE;EACA;EIkEE;;AV9CF;EUwCA;IJ1DE;;;ANkBF;EUwCA;IASI;IACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AV7DF;EUsDA;IAUI;IACA;;;AAGF;EACE;;AAGF;AAAA;EAEE;EJhHN;EACA;EAkCE;EACA;EIgFI;;AV9EJ;EUwEE;AAAA;IJxEA","file":"contact.css"} \ No newline at end of file diff --git a/src/assets/css/pages/main.css b/src/assets/css/pages/main.css index 6f11a77..dd22d76 100644 --- a/src/assets/css/pages/main.css +++ b/src/assets/css/pages/main.css @@ -674,8 +674,8 @@ a.book:hover { width: 90px; overflow: hidden; } -#trusted-by > ul > li > a { - cursor: pointer; +#trusted-by > ul > li > .img-wrapper { + user-select: none; display: flex; flex-flow: row; align-items: center; @@ -683,7 +683,7 @@ a.book:hover { height: 100%; width: 100%; } -#trusted-by > ul > li > a img { +#trusted-by > ul > li > .img-wrapper img { height: auto; max-height: 100%; width: 90px; diff --git a/src/assets/css/pages/products.css b/src/assets/css/pages/products.css index 522a078..de151d6 100644 --- a/src/assets/css/pages/products.css +++ b/src/assets/css/pages/products.css @@ -540,8 +540,8 @@ a.book:hover { width: 90px; overflow: hidden; } -#trusted-by > ul > li > a { - cursor: pointer; +#trusted-by > ul > li > .img-wrapper { + user-select: none; display: flex; flex-flow: row; align-items: center; @@ -549,7 +549,7 @@ a.book:hover { height: 100%; width: 100%; } -#trusted-by > ul > li > a img { +#trusted-by > ul > li > .img-wrapper img { height: auto; max-height: 100%; width: 90px; @@ -692,33 +692,52 @@ a:hover { main { box-sizing: border-box; - padding: 50vh var(--spacing-xl) var(--spacing-xl) var(--spacing-xl); + padding: 25vh var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl); } @media (min-width: 992px) { main { - padding: 480px 146px 370px 146px; + padding: 170px var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl); } } -main > h1 { +main h1 { font-family: "PP Neue Machina"; font-weight: 400; font-size: clamp(5vw, 10vw, 48px); line-height: 1.15; color: var(--main-text); - letter-spacing: 9px; + line-height: 1.15; } @media (min-width: 992px) { - main > h1 { + main h1 { font-size: 72px; line-height: 1.15; } } @media (min-width: 1200px) { - main > h1 { + main h1 { line-height: 1.15; font-size: 90px; } } +main > header { + display: flex; + flex-flow: column; + gap: var(--spacing-m); + padding-top: var(--spacing-xl); +} +@media (min-width: 1200px) { + main > header { + flex-flow: row wrap; + } +} +main > header > a { + display: block; +} +@media (min-width: 1200px) { + main > header > a { + margin-left: auto; + } +} #products { padding-top: var(--spacing-xxl); diff --git a/src/assets/css/pages/products.css.map b/src/assets/css/pages/products.css.map index 1fb84c3..340f2fa 100644 --- a/src/assets/css/pages/products.css.map +++ b/src/assets/css/pages/products.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../../../scss/components/_divider.scss","../../../../scss/helpers/bootstrap/_breakpoints.scss","../../../../scss/components/_nav.scss","../../../../scss/helpers/_typography.scss","../../../../scss/components/_footer.scss","../../../../scss/components/_page_link.scss","../../../../scss/components/_book.scss","../../../../scss/components/_trustedby.scss","../../../../scss/_variables.scss","../../../../scss/_fonts.scss","../../../../scss/components/_dots.scss","../../../../scss/_base.scss","../../../../scss/pages/products.scss"],"names":[],"mappings":";AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AC0BA;ED9BF;IAMI;;;;AEfN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADyBE;ECvCJ;IAiBI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;ADCF;ECRA;IAUI;;;AAGF;AAAA;EC3CJ;EACA;EAkCE;EACA;EDUI;EACA;EACA;;ADVJ;ECKE;AAAA;ICLA;;;ADaE;EACE;;AAEF;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD7CA;ECkCF;IAcI;;;;AAON;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;ECpLJ;EACA;EAkCE;EACA;EDkJE;EACA;;ADjJF;EC4IA;AAAA;IC5IE;;;ADmJF;EACE;;AAIA;EACE;;AAEF;EACE;EACA;;;AEpMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AH+BE;EGvCJ;IAWI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AHiBA;EGzBF;IAWI;;;AHsCF;EGjDF;IAeI;IACA;;;AHSF;EGzBF;IAoBI;IACA;;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AHbF;EGGA;IAaI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;ED/ER;EACA;EAkCE;EACA;EC6CM;EAEA;;AH7CN;EGuCI;IDvCF;;;AC+CI;EACE;;AAGF;EACE;EACA;EACA;;AH3CR;EGiDA;IAEI;IACA;;;AH/DJ;EG4DA;IAMI;IACA;;;AHxDJ;EG4DA;IAEI;IACA;;;AH1EJ;EGuEA;IAMI;IACA;;;AH9EJ;EGuEA;IAUI;IACA;;;AAEF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EAME;ED/IJ;EACA;EA0CE;EACA;ECqGE;;AHhGF;EGwFA;IAEI;IACA;;;AHtGJ;EGmGA;ID3FE;IACA;;;ACoGA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AC7JR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EFbF;EACA;EA0CE;EACA;EExBA;;AJkBA;EItCF;IAgBI;;;AJsBF;EItCF;IF8CI;IACA;;;AEzBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAEF;EACE;EACA;;;ACxDN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EHVF;EACA;EAkCE;EACA;;AFEA;EKtCF;IHsCI;;;AGxBF;EACE;EACA;EACA;;;AClBN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EJVA;EACA;EA0CE;EACA;EIhCA;EACA;;ANyBA;EM5BF;IJoCI;IACA;;;AI/BJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;ANWA;EMtBF;IAcI;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;;AC1CV;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;APWE;EOjBJ;IASI;IACA;IACA;IACA;IACA;IACA;;;;ACtCJ;EACE;EACA;EACA;EACA;;ACFF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AC3BF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AVyBE;EU7BJ;IAOI;;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;AACA;EACE;;AAEF;EACE;;;AC3DJ;EACE;EACA;;AXkCE;EWpCJ;IAKI;;;AAGF;ETVA;EACA;EAGE;EACA;ESOA;EACA;;AXyBA;EW5BF;ITHI;IACA;;;AF8BF;EW5BF;ITCI;IACA;;;;ASKN;EACE;;AACA;ETnBA;EACA;EAwBE;EACA;ESLA;EACA;EACA;EACA;;AXcA;EWnBF;ITUI;IACA;;;ASJJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AXKA;EWZF;IAUI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;ETtEN;EACA;EA0CE;EACA;ES4BM;;AXlCN;EWgCI;ITxBF;IACA;;;AS4BE;EACE;;AAGF;EACE;EACA","file":"products.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../../../scss/components/_divider.scss","../../../../scss/helpers/bootstrap/_breakpoints.scss","../../../../scss/components/_nav.scss","../../../../scss/helpers/_typography.scss","../../../../scss/components/_footer.scss","../../../../scss/components/_page_link.scss","../../../../scss/components/_book.scss","../../../../scss/components/_trustedby.scss","../../../../scss/_variables.scss","../../../../scss/_fonts.scss","../../../../scss/components/_dots.scss","../../../../scss/_base.scss","../../../../scss/pages/products.scss"],"names":[],"mappings":";AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AC0BA;ED9BF;IAMI;;;;AEfN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADyBE;ECvCJ;IAiBI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;ADCF;ECRA;IAUI;;;AAGF;AAAA;EC3CJ;EACA;EAkCE;EACA;EDUI;EACA;EACA;;ADVJ;ECKE;AAAA;ICLA;;;ADaE;EACE;;AAEF;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD7CA;ECkCF;IAcI;;;;AAON;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;ECpLJ;EACA;EAkCE;EACA;EDkJE;EACA;;ADjJF;EC4IA;AAAA;IC5IE;;;ADmJF;EACE;;AAIA;EACE;;AAEF;EACE;EACA;;;AEpMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AH+BE;EGvCJ;IAWI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AHiBA;EGzBF;IAWI;;;AHsCF;EGjDF;IAeI;IACA;;;AHSF;EGzBF;IAoBI;IACA;;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AHbF;EGGA;IAaI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;ED/ER;EACA;EAkCE;EACA;EC6CM;EAEA;;AH7CN;EGuCI;IDvCF;;;AC+CI;EACE;;AAGF;EACE;EACA;EACA;;AH3CR;EGiDA;IAEI;IACA;;;AH/DJ;EG4DA;IAMI;IACA;;;AHxDJ;EG4DA;IAEI;IACA;;;AH1EJ;EGuEA;IAMI;IACA;;;AH9EJ;EGuEA;IAUI;IACA;;;AAEF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EAME;ED/IJ;EACA;EA0CE;EACA;ECqGE;;AHhGF;EGwFA;IAEI;IACA;;;AHtGJ;EGmGA;ID3FE;IACA;;;ACoGA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AC7JR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EFbF;EACA;EA0CE;EACA;EExBA;;AJkBA;EItCF;IAgBI;;;AJsBF;EItCF;IF8CI;IACA;;;AEzBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAEF;EACE;EACA;;;ACxDN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EHVF;EACA;EAkCE;EACA;;AFEA;EKtCF;IHsCI;;;AGxBF;EACE;EACA;EACA;;;AClBN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EJVA;EACA;EA0CE;EACA;EIhCA;EACA;;ANyBA;EM5BF;IJoCI;IACA;;;AI/BJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;ANWA;EMtBF;IAcI;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;;AC1CV;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;APWE;EOjBJ;IASI;IACA;IACA;IACA;IACA;IACA;;;;ACtCJ;EACE;EACA;EACA;EACA;;ACFF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AC3BF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AVyBE;EU7BJ;IAOI;;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;AACA;EACE;;AAEF;EACE;;;AC3DJ;EACE;EACA;;AXkCE;EWpCJ;IAKI;;;AAGF;ETVA;EACA;EAGE;EACA;ESOA;EACA;;AXyBA;EW5BF;ITHI;IACA;;;AF8BF;EW5BF;ITCI;IACA;;;ASIJ;EACE;EACA;EACA;EACA;;AXkBA;EWtBF;IAOI;;;AAEF;EACE;;AXYF;EWbA;IAGI;;;;AAMR;EACE;;AACA;ETpCA;EACA;EAwBE;EACA;ESYA;EACA;EACA;EACA;;AXHA;EWFF;ITPI;IACA;;;ASaJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AXZA;EWKF;IAUI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;ETvFN;EACA;EA0CE;EACA;ES6CM;;AXnDN;EWiDI;ITzCF;IACA;;;AS6CE;EACE;;AAGF;EACE;EACA","file":"products.css"} \ No newline at end of file diff --git a/src/assets/css/pages/services.css b/src/assets/css/pages/services.css index b03b547..b925419 100644 --- a/src/assets/css/pages/services.css +++ b/src/assets/css/pages/services.css @@ -627,11 +627,11 @@ a.book:hover { } main { - padding: 50vh var(--spacing-xl) var(--spacing-xl) var(--spacing-xl); + padding: 25vh var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl); } @media (min-width: 992px) { main { - padding: 230px 146px 146px 146px; + padding: 170px var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl); } } main h1 { @@ -658,6 +658,7 @@ main > header { display: flex; flex-flow: column; gap: var(--spacing-m); + padding-top: var(--spacing-xl); } @media (min-width: 1200px) { main > header { @@ -764,7 +765,7 @@ main > header > a { #services .service-wrapper > .service > .right { display: flex; flex-flow: column; - row-gap: var(spacing-s); + row-gap: var(--spacing-s); grid-row: 2; grid-column: 1/2; } diff --git a/src/assets/css/pages/services.css.map b/src/assets/css/pages/services.css.map index 5119290..0cbb63c 100644 --- a/src/assets/css/pages/services.css.map +++ b/src/assets/css/pages/services.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../../../scss/_variables.scss","../../../../scss/helpers/bootstrap/_breakpoints.scss","../../../../scss/_fonts.scss","../../../../scss/components/_dots.scss","../../../../scss/_base.scss","../../../../scss/components/_divider.scss","../../../../scss/components/_nav.scss","../../../../scss/helpers/_typography.scss","../../../../scss/components/_footer.scss","../../../../scss/components/_page_link.scss","../../../../scss/components/_book.scss","../../../../scss/pages/services.scss"],"names":[],"mappings":";AAWA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;ACWE;EDjBJ;IASI;IACA;IACA;IACA;IACA;IACA;;;;AEtCJ;EACE;EACA;EACA;EACA;;ACFF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AC3BF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AHyBE;EG7BJ;IAOI;;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;AACA;EACE;;AAEF;EACE;;;AC9DJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AJ0BA;EI9BF;IAMI;;;;ACfN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ALyBE;EKvCJ;IAiBI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;ALCF;EKRA;IAUI;;;AAGF;AAAA;EC3CJ;EACA;EAkCE;EACA;EDUI;EACA;EACA;;ALVJ;EKKE;AAAA;ICLA;;;ADaE;EACE;;AAEF;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AL7CA;EKkCF;IAcI;;;;AAON;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;ECpLJ;EACA;EAkCE;EACA;EDkJE;EACA;;ALjJF;EK4IA;AAAA;IC5IE;;;ADmJF;EACE;;AAIA;EACE;;AAEF;EACE;EACA;;;AEpMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AP+BE;EOvCJ;IAWI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;APiBA;EOzBF;IAWI;;;APsCF;EOjDF;IAeI;IACA;;;APSF;EOzBF;IAoBI;IACA;;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;APbF;EOGA;IAaI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;ED/ER;EACA;EAkCE;EACA;EC6CM;EAEA;;AP7CN;EOuCI;IDvCF;;;AC+CI;EACE;;AAGF;EACE;EACA;EACA;;AP3CR;EOiDA;IAEI;IACA;;;AP/DJ;EO4DA;IAMI;IACA;;;APxDJ;EO4DA;IAEI;IACA;;;AP1EJ;EOuEA;IAMI;IACA;;;AP9EJ;EOuEA;IAUI;IACA;;;AAEF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EAME;ED/IJ;EACA;EA0CE;EACA;ECqGE;;APhGF;EOwFA;IAEI;IACA;;;APtGJ;EOmGA;ID3FE;IACA;;;ACoGA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AC7JR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EFbF;EACA;EA0CE;EACA;EExBA;;ARkBA;EQtCF;IAgBI;;;ARsBF;EQtCF;IF8CI;IACA;;;AEzBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAEF;EACE;EACA;;;ACxDN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EHVF;EACA;EAkCE;EACA;;ANEA;EStCF;IHsCI;;;AGxBF;EACE;EACA;EACA;;;AChBN;EACE;;AVoCE;EUrCJ;IAGI;;;AAGF;EJPA;EACA;EAGE;EACA;EIIA;EACA;;AV4BA;EU/BF;IJAI;IACA;;;AN8BF;EU/BF;IJII;IACA;;;AICJ;EACE;EACA;EACA;;AVsBA;EUzBF;IAMI;;;AAEF;EACE;;AVgBF;EUjBA;IAGI;;;;AAMR;EACE;EACA;EACA;EACA;;AAEA;EJpCA;EACA;EAwBE;EACA;EIYA;EACA;EACA;;AVFA;EUFF;IJPI;IACA;;;AIaJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EJnDJ;EACA;EAgBE;EACA;EImCE;;AVfF;EUWA;IJ7BE;;;AIoCF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AVdF;EUOA;IAUI;;;AV5BJ;EUkBA;IAcI;IACA;;;AAGF;EACE;EACA;;AVtCJ;EUoCE;IAII;IACA;;;AAGF;EJlFN;EACA;EAkCE;EACA;EIgDM;;AV9CN;EU4CI;IJ5CF;;;AIiDE;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EAEA;EACA;;AV9DJ;EUwDE;IASI;IACA;;;AAGF;AAAA;EJ3GN;EACA;EA0CE;EACA;EIkEM;;AVxEN;EUqEI;AAAA;IJ7DF;IACA;;;AIkEE;EACE;EACA;EACA;EACA;;AAEA;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE","file":"services.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../../../scss/_variables.scss","../../../../scss/helpers/bootstrap/_breakpoints.scss","../../../../scss/_fonts.scss","../../../../scss/components/_dots.scss","../../../../scss/_base.scss","../../../../scss/components/_divider.scss","../../../../scss/components/_nav.scss","../../../../scss/helpers/_typography.scss","../../../../scss/components/_footer.scss","../../../../scss/components/_page_link.scss","../../../../scss/components/_book.scss","../../../../scss/pages/services.scss"],"names":[],"mappings":";AAWA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;ACWE;EDjBJ;IASI;IACA;IACA;IACA;IACA;IACA;;;;AEtCJ;EACE;EACA;EACA;EACA;;ACFF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AC3BF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AHyBE;EG7BJ;IAOI;;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;AACA;EACE;;AAEF;EACE;;;AC9DJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AJ0BA;EI9BF;IAMI;;;;ACfN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ALyBE;EKvCJ;IAiBI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;ALCF;EKRA;IAUI;;;AAGF;AAAA;EC3CJ;EACA;EAkCE;EACA;EDUI;EACA;EACA;;ALVJ;EKKE;AAAA;ICLA;;;ADaE;EACE;;AAEF;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AL7CA;EKkCF;IAcI;;;;AAON;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;ECpLJ;EACA;EAkCE;EACA;EDkJE;EACA;;ALjJF;EK4IA;AAAA;IC5IE;;;ADmJF;EACE;;AAIA;EACE;;AAEF;EACE;EACA;;;AEpMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AP+BE;EOvCJ;IAWI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;APiBA;EOzBF;IAWI;;;APsCF;EOjDF;IAeI;IACA;;;APSF;EOzBF;IAoBI;IACA;;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;APbF;EOGA;IAaI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;ED/ER;EACA;EAkCE;EACA;EC6CM;EAEA;;AP7CN;EOuCI;IDvCF;;;AC+CI;EACE;;AAGF;EACE;EACA;EACA;;AP3CR;EOiDA;IAEI;IACA;;;AP/DJ;EO4DA;IAMI;IACA;;;APxDJ;EO4DA;IAEI;IACA;;;AP1EJ;EOuEA;IAMI;IACA;;;AP9EJ;EOuEA;IAUI;IACA;;;AAEF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EAME;ED/IJ;EACA;EA0CE;EACA;ECqGE;;APhGF;EOwFA;IAEI;IACA;;;APtGJ;EOmGA;ID3FE;IACA;;;ACoGA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AC7JR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EFbF;EACA;EA0CE;EACA;EExBA;;ARkBA;EQtCF;IAgBI;;;ARsBF;EQtCF;IF8CI;IACA;;;AEzBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAEF;EACE;EACA;;;ACxDN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EHVF;EACA;EAkCE;EACA;;ANEA;EStCF;IHsCI;;;AGxBF;EACE;EACA;EACA;;;AChBN;EACE;;AVoCE;EUrCJ;IAII;;;AAGF;EJRA;EACA;EAGE;EACA;EIKA;EACA;;AV2BA;EU9BF;IJDI;IACA;;;AN8BF;EU9BF;IJGI;IACA;;;AIEJ;EACE;EACA;EACA;EACA;;AVoBA;EUxBF;IAOI;;;AAGF;EACE;;AVaF;EUdA;IAGI;;;;AAMR;EACE;EACA;EACA;EACA;;AAEA;EJvCA;EACA;EAwBE;EACA;EIeA;EACA;EACA;;AVLA;EUCF;IJVI;IACA;;;AIgBJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EJtDJ;EACA;EAgBE;EACA;EIsCE;;AVlBF;EUcA;IJhCE;;;AIuCF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AVjBF;EUUA;IAUI;;;AV/BJ;EUqBA;IAcI;IACA;;;AAGF;EACE;EACA;;AVzCJ;EUuCE;IAII;IACA;;;AAGF;EJrFN;EACA;EAkCE;EACA;EImDM;;AVjDN;EU+CI;IJ/CF;;;AIoDE;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EAEA;EACA;;AVjEJ;EU2DE;IASI;IACA;;;AAGF;AAAA;EJ9GN;EACA;EA0CE;EACA;EIqEM;;AV3EN;EUwEI;AAAA;IJhEF;IACA;;;AIqEE;EACE;EACA;EACA;EACA;;AAEA;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE","file":"services.css"} \ No newline at end of file diff --git a/src/index.html b/src/index.html index c1182c7..d62ed80 100644 --- a/src/index.html +++ b/src/index.html @@ -58,17 +58,19 @@

Deep tech studio crafting mission-critical software.

Trusted by:

@@ -161,9 +163,9 @@

Our Services

Discovery & Design

- Define project objectives, stakeholders expectations and - identify risks. After 2-3 daily workshops you will receive - Project Brief documenting your solution in a professional way. + Stakeholder expectations desitilled it into project + objectives, specification, technological architecture and + risks analysis.

Discovery & Design

Software Engineering

- By combining technological know-how with an effective - development process we deliver high-end products on time and - budget. We specialize in delivering mission-critical systems - requiring high security standards. + We deliver high-end products on time and budget. We specialize + in delivering mission-critical systems requiring high security + standards.

UI/UX & Branding

Research & Development

- Innovative projects that challenge the status quo often - require a unique and flexible process that encourages - exploration and effectively manages risks. + Innovative projects that challenge the status quo require a + unique and flexible process that encourages exploration and + effectively manages risks.

-

Contact us

+
+

Contact us

+
Book a Call +

Sales & Business Development:

diff --git a/src/pages/services/engineering.html b/src/pages/services/engineering.html index 1f18f66..4619d12 100644 --- a/src/pages/services/engineering.html +++ b/src/pages/services/engineering.html @@ -56,10 +56,9 @@

Software engineering

- By combining technological know how with effective development - process we deliver high-end products on time and budget. We - specialize in delivering mission clitical systems requiring high - security standards. + We deliver high-end products on time and budget. We specialize + in delivering mission-critical systems requiring high security + standards.

Our Services

Design & Discovery

-

+

+ Stakeholder expectations desitilled it into project + objectives, specification, technological architecture and + risks analysis. +

-

+

+ Workshops, interviews and refinements that will provide the + project brief and detailed technical documentation. +

More informationDesign & Discovery

Software Engineering

-

+

+ We deliver high-end products on time and budget. We + specialize in delivering mission-critical systems requiring + high security standards. +

-

+

What do you get from it?

+
    +
  • + Cutting-edge software — serving your needs, deployed to a + production environment. +
  • +
  • + Quality reports — (after functional, stress and security + tests) proving the result is top—notch. +
  • +
  • + Documentation — (use cases, architecture, data flows, + algorithms, deployment) to allow everyone to understand + how the solution was built. +
  • +
  • + Experienced maintenance team — to assist you in operating + the system after it reaches end users. +
  • +
More informationDue Diligence

- Comprehensive technological due diligence services tailored - to address the key areas and activities crucial for your - organization's success. Our expertise in conducting thorough - assessments will help you make informed decisions and - maximize the value of your technological investments. + Our expertise in conducting thorough assessments will help + you make informed decisions and maximize the value of your + technological investments.

  • Business
  • @@ -135,41 +163,24 @@

    Due Diligence

    Venture Building

    +

    + We invest in deep-tech products in pre-seed and seed stages + with cash & equity model. +

    +
    +

    With nearly 15 years of experience working with founders and building over 10 product companies, we have gained valuable insights into the critical processes of bootstrapping - businesses in their early stages. We have also gained key - insights into team and product development. Using this - experience and our verified and well-established processes, - we invest in deep-tech products on pre-seed and seed stage. + businesses in their early stages. +

    +

    + We have also gained key insights into team and product + development. Using this experience and our verified and + well-established processes, we invest in deep-tech products + on pre-seed and seed stage.

    -
    -
    -

    We invest with cash & equity model in

    -
      -
    • - Projects that have an experienced and dedicated - (full–time) business team with experience in the field of - company/startup market -
    • -
    • - Projects need to be successfully funded in a pre–seed or a - seed stage – meaning the project was successfully - validated by business investors -
    • -
    • - Projects may be in any technological stage (no product at - all – only vision, PoC, MVP, …) but after joining teonite - as a partner and technology partner we are required to be - responsible for the technology area, delivery process, and - project quality -
    • -
    • - Projects that we can invest in and obtain min. 10% company - equity -
    • -
    More informationVenture Building

    UI/UX & Branding

    - cover +

    + Combining UI/UX and artistic expertise we craft bespoke + experiences that enhance brand identity through compelling + visuals. We specialize in creating user-centric solutions + that elevate your brand's impact. +

    +

    + We are dedicated to craft intuitive and visually stunning + user experiences. We have successfully served clients across + various industries, ranging from start—ups to Fortune 500 + companies. +

    +

    + We deliver any possible scope of design challenges. From + mock—ups and UI design to extensive branding of your + product. Our design process incorporates five essential + components: +

    +
      +
    • Comprehensive Analysis
    • +
    • User—Centric Design Approach
    • +
    • Engaging Visual Design
    • +
    • Prototyping and Testing
    • +
    • Seamless Handoff
    • +
    @@ -201,9 +233,9 @@

    Research & Development

    - Innovative projects that challenge the status quo often - require a unique and flexible process that encourages - exploration and effectively manages risks. + Innovative projects that challenge the status quo require a + unique and flexible process that encourages exploration and + effectively manages risks.

    diff --git a/src/pages/services/rd.html b/src/pages/services/rd.html index e367156..62179e7 100644 --- a/src/pages/services/rd.html +++ b/src/pages/services/rd.html @@ -56,8 +56,8 @@

    Research & Development

    - Innovative projects that challenge the status quo often require - a unique and flexible process that encourages exploration and + Innovative projects that challenge the status quo require a + unique and flexible process that encourages exploration and effectively manages risks.

    diff --git a/src/pages/services/venture.html b/src/pages/services/venture.html index 03ee572..91a684b 100644 --- a/src/pages/services/venture.html +++ b/src/pages/services/venture.html @@ -74,39 +74,43 @@

    Research & Development

    With nearly 15 years of experience working with founders and building over 10 product companies, we have gained valuable insights into the critical processes of bootstrapping businesses - in their early stages. We have also gained key insights into team - and product development. Using this experience and our verified - and well-established processes, we invest in deep-tech products on - pre-seed and seed stage + in their early stages. +

    +

    + We have also gained key insights into team and product + development. Using this experience and our verified and + well-established processes, we invest in deep-tech products on + pre-seed and seed stage.

    -
    -

    We invest with cash & equity model in

    -
      -
    • - Projects that have an experienced and dedicated (full–time) - business team with experience in the field of company/startup - market -
    • -
    • - Projects need to be successfully funded in a pre–seed or a - seed stage – meaning the project was successfully validated by - business investors -
    • -
    • - Projects may be in any technological stage (no product at all - – only vision, PoC, MVP, …) but after joining teonite as a - partner and technology partner we are required to be - responsible for the technology area, delivery process, and - project quality -
    • -
    • - Projects that we can invest in and obtain min. 10% company - equity -
    • -
    -
    -

    Project selection process

    +

    Project selection process

    +
    +

    We invest with cash & equity model in

    +
      +
    • + Projects that have an experienced and dedicated (full–time) + business team with experience in the field of + company/startup market +
    • +
    • + Projects need to be successfully funded in a pre–seed or a + seed stage – meaning the project was successfully validated + by fbusiness investors +
    • +
    • + Projects may be in any technological stage (no product at + all – only vision, PoC, MVP, …) but after joining teonite as + a partner and technology partner we are required to be + responsible for the technology area, delivery process, and + project quality +
    • +
    • + Projects that we can invest in and obtain min. 10% company + equity +
    • +
    +
    +

    Pitch deck

    For each project to be evaluated, we require to submit a pitch @@ -136,8 +140,7 @@

    Pitch deck

    much equity our fund will get)
-
-
+

Followup call

After reviewing the pitch deck (typically 5 business days) – if diff --git a/src/pages/work/index.html b/src/pages/work/index.html index b5731e2..dd62680 100644 --- a/src/pages/work/index.html +++ b/src/pages/work/index.html @@ -53,42 +53,26 @@

-

Deep tech studio building mission-critical software.

-
-

Trusted by:

-
    -
  • - esa-logo -
  • -
  • - t-mobile-logo -
  • -
  • - ultra-violet-logo -
  • -
-
+
+

Our Work

+ Book a Call +
-

Our work:

- + t-mobile-cover
-

Selecting the most profitable stores locations.

+

Predict T—Mobile stores location revenue.

Our work:
- + esa-coverOur work:

- NOAA Satellites data decoding system for European Space - Agency. + Satellite communication system for European Space Agency.

Our work:
- + uv-cover
-

A cloud–based digital rights storage system.

+

+ Cloud—based digital rights locker used by Sony Pictures, + Universal Studios, Warner Bros and others +

Our work:
- + deep-image-cover
-

AI Image Enhancing Platform.

+

Revolutionary AI-Powered image enhancer & generato

Our work:
- + defguard-cover
-

- An open-source security army knife (Identity, MFA, VPN, - Yubikey, Web3) -

+

Open Source security platform: defguard

Our work:
- + + widestreet-cover + +
+

NPL trading platform & marketplace: Widestreet

+
+ +
+
+
+ + qvistorp-cover + +
+

Strategic Portfolio Management: Qvistorp

+
+ +
+
+
+ arastradero-cover
-

Radio transmission protocol?

+

Bid-to-earn DEX: Brightpool