diff --git a/assets/images/42qj-q2us-avtm-xm94.webp b/assets/images/42qj-q2us-avtm-xm94.webp new file mode 100644 index 0000000..fd71daf Binary files /dev/null and b/assets/images/42qj-q2us-avtm-xm94.webp differ diff --git a/assets/images/e2p7-nbv5-n8y8-getn.jpg b/assets/images/e2p7-nbv5-n8y8-getn.jpg new file mode 100644 index 0000000..45ec697 Binary files /dev/null and b/assets/images/e2p7-nbv5-n8y8-getn.jpg differ diff --git a/index.html b/index.html index 865f427..44cf34d 100644 --- a/index.html +++ b/index.html @@ -49,17 +49,28 @@ overflow: hidden; overflow-y: auto; } - main, footer { + main { font-size: 1.5rem; } header, section { width: 100vw; height: 100vh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + overflow: hidden; + overflow-y: auto; } - header { + header, header .branding, .contact div { + display: flex; + flex-direction: column; + } + header .box { display: flex; flex-direction: row; align-items: center; + justify-content: center; } header .logo { max-height: 75vmin; @@ -72,36 +83,74 @@ header .slogan { font-size: 3rem; } - footer { + header .credits { display: flex; flex-direction: column; text-align: center; + font-size: 1.5rem; } - footer .powered-by { + header .credits .powered-by { margin-top: 0.25em; font-size: 1rem; } - - .contact h2 { - font-size: 5rem; + section#contact .peoples { + display: flex; + flex-direction: row; } - - .contact div { + section#contact .people { display: flex; flex-direction: column; } - - .contact img { - border-radius: 50; - height: 50vmin; + section#contact .people:nth-child(1) { + margin-right: 5vh; + } + section#personalization h2, section#looking h2 { + margin-top: 2vh; + } + section#features h2 { + margin-bottom: 5vh; + } + section#contact h2 { + margin-bottom: 2vh; + } + section#contact .links { + font-size: 2rem; + } + section#personalization img, section#looking img, section#contact img { + border-radius: 5vh; + height: 25vh; } - .button { - margin-top: 10%; + section#contact img { + margin-bottom: 2vh; + } + .arrow { + margin-top: 3vh; + font-size: 3rem; + opacity: 75%; + } + .list { + display: flex; + flex-direction: row; + text-align: center; + } + .list i { + font-size: 5rem; + margin-bottom: 2vh; + } + .list .feature { + display: flex; + flex-direction: column; + text-align: center; + margin-left: 5vh; + } + + .list .feature:nth-child(1) { + margin-left: 0; } @media (orientation: portrait) { - header { + header .box { flex-direction: column; text-align: center; justify-content: center; @@ -114,10 +163,14 @@ header .slogan { font-size: 1.5rem; } - + header .credits { + margin-top: 3vh; + } .contact .persons { - display: flex; - flex-direction: row; + flex-direction: column; + } + .arrow { + margin-top: 6vh; } } @@ -136,43 +189,67 @@
- -
-

ErkkiAI™

- Energiatehokkuutta kiinteistöllesi - +
+ +
+

ErkkiAI™

+ Energy efficiency for your property +
+
+
+ Customized Erkki (Generated by Microsoft Designer) +

Personalize your Erkki!

+
- +

Features

+
+
+ + Conversations + Manage property with ease! +
+
+ + Decisions + Make decisions with AI suggestions! +
+
+ + Questions + Improve AI with answers! +
+
- + Together Stronger (Generated by Microsoft Designer) +

We're looking for funding!

Let's improve your property together!

-
-
- Christer Warén +
+
+ Christer Warén Christer Warén +358458420860 - +
-
- Tomi Jokinen +
+ Tomi Jokinen Tomi Jokinen +358 40 068 2462 - +
-