mirror of
https://github.com/erkkiai/website.git
synced 2024-11-09 15:20:20 +00:00
Update
This commit is contained in:
parent
4bf705a052
commit
a0dcafd9a6
101
index.html
101
index.html
@ -27,8 +27,8 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-image: linear-gradient(#0049c8, #00bef9);
|
background-image: linear-gradient(#0049c8, #00bef9);
|
||||||
margin: 0;
|
margin: 0;
|
||||||
min-width: 320px;
|
width: 100vw;
|
||||||
min-height: 600px;
|
height: 100vh;
|
||||||
}
|
}
|
||||||
* {
|
* {
|
||||||
font-family: "Roboto Medium", sans-serif;
|
font-family: "Roboto Medium", sans-serif;
|
||||||
@ -40,46 +40,85 @@
|
|||||||
.emoji *, .emoji *:active, .emoji *:focus, .emoji *:hover, .emoji *:visited, .emoji *:link {
|
.emoji *, .emoji *:active, .emoji *:focus, .emoji *:hover, .emoji *:visited, .emoji *:link {
|
||||||
font-family: initial;
|
font-family: initial;
|
||||||
}
|
}
|
||||||
h1 {
|
h1, h2, h3 {
|
||||||
font-family: "Orbitron Bold", sans-serif;
|
font-family: "Orbitron Bold", sans-serif;
|
||||||
font-size: 3em;
|
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
.website {
|
||||||
|
overflow: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
main, footer {
|
main, footer {
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
}
|
}
|
||||||
main, footer {
|
header, section {
|
||||||
margin-top: 1.5rem;
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
}
|
}
|
||||||
header {
|
header {
|
||||||
background-color: #111111;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 5vh;
|
|
||||||
max-height: 100px;
|
|
||||||
min-height: 60px;
|
|
||||||
}
|
}
|
||||||
header .logo {
|
header .logo {
|
||||||
max-height: 100%;
|
max-height: 75vmin;
|
||||||
}
|
}
|
||||||
header .name {
|
header .name {
|
||||||
font-size: 1.5rem;
|
font-size: 7.5rem;
|
||||||
margin-left: -0.05rem;
|
margin-bottom: -2rem;
|
||||||
margin-bottom: -0.5rem;
|
margin-left: -0.2rem;
|
||||||
}
|
}
|
||||||
header .slogan {
|
header .slogan {
|
||||||
margin-top: 0.05rem;
|
font-size: 3rem;
|
||||||
font-size: 0.75rem;
|
|
||||||
}
|
}
|
||||||
footer {
|
footer {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
footer .powered-by {
|
footer .powered-by {
|
||||||
margin-top: 0.25em;
|
margin-top: 0.25em;
|
||||||
font-size: 0.75em;
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact h2 {
|
||||||
|
font-size: 5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact div {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact img {
|
||||||
|
border-radius: 50;
|
||||||
|
height: 50vmin;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button {
|
||||||
|
margin-top: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (orientation: portrait) {
|
||||||
|
header {
|
||||||
|
flex-direction: column;
|
||||||
|
text-align: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
header .name {
|
||||||
|
font-size: 3rem;
|
||||||
|
margin-bottom: -0.5rem;
|
||||||
|
margin-left: -0.2rem;
|
||||||
|
}
|
||||||
|
header .slogan {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact .persons {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
@ -95,19 +134,45 @@
|
|||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
<div class="website">
|
||||||
<header>
|
<header>
|
||||||
<img class="logo" src="assets/images/logo.svg" alt="ErkkiAI™">
|
<img class="logo" src="assets/images/logo.svg" alt="ErkkiAI™">
|
||||||
<div class="branding">
|
<div class="branding">
|
||||||
<h1 class="name">ErkkiAI™</h1>
|
<h1 class="name">ErkkiAI™</h1>
|
||||||
<span class="slogan">Energiatehokkuutta kiinteistöllesi</span>
|
<span class="slogan">Energiatehokkuutta kiinteistöllesi</span>
|
||||||
|
<a class="button" href="#features"><i class="fa-solid fa-chevron-down"></i></a>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<main>
|
<main>
|
||||||
<a href="https://new.ultrahack.org/hackathons/metaversenergy-hackathon">See You Soon! 👀</a>
|
<section id="features">
|
||||||
|
|
||||||
|
</section>
|
||||||
|
<section id="looking">
|
||||||
|
|
||||||
|
</section>
|
||||||
|
<section id="contact">
|
||||||
|
<h2>Let's improve your property together!</h2>
|
||||||
|
<div class="persons">
|
||||||
|
<div class="person">
|
||||||
|
<img src="assets/images/person/cwchristerw.png" alt="Christer Warén">
|
||||||
|
<span class="name">Christer Warén</span>
|
||||||
|
<span class="number">+358458420860</span>
|
||||||
|
<div class="links"><a href="https://christerwaren.fi"><i class="fa-solid fa-globe"></i></a> <a href=""><i class="fa-brands fa-linkedin"></i></a> <a href=""><i class="fa-brands fa-github"></i></a></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="person">
|
||||||
|
<img src="assets/images/person/psyko85.png" alt="Tomi Jokinen">
|
||||||
|
<span class="name">Tomi Jokinen</span>
|
||||||
|
<span class="number">+358 40 068 2462</span>
|
||||||
|
<div class="links"><a href="https://erkkiai.com"><i class="fa-solid fa-globe"></i></a> <a href=""><i class="fa-brands fa-linkedin"></i></a> <a href=""><i class="fa-brands fa-github"></i></a></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
</main>
|
</main>
|
||||||
<footer>
|
<footer>
|
||||||
<a href="https://erkkiai.com">©2024 <span title="Christer Warén & Tomi Jokinen">ErkkiAI™</span></a>
|
<a href="https://erkkiai.com">©2024 <span title="Christer Warén & Tomi Jokinen">ErkkiAI™</span></a>
|
||||||
<a class="powered-by" href="https://waren.io">Powered by Warén Group</a>
|
<a class="powered-by" href="https://waren.io">Powered by Warén Group</a>
|
||||||
</footer>
|
</footer>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
Loading…
Reference in New Issue
Block a user