Dit is een design van de onboarding pagina's voor de Drop & Heal website/webapp uitgewerkt tot html en css.
Hier staat de website: https://ties7.github.io/the-client-website/
Tot nu toe bestaat de onboarding uit 4 pagina's.
Dit is hoe het er op desktop uit ziet:
Dit is hoe het er op mobile uit ziet:
De website is gebouwd met html en css.
Op de <body> staat een regel code waardoor de pagina bij het laden een fade-in heeft.
De css code op de body waardoor de pagina bij het laden een fade-in heeft.
opacity: 0;
transition: opacity 3s;
}
Ik heb gebruik gemaakt van @media, waardoor de website responsive is en bij een bepaalde grootte van het scherm de layout veranderd zodat het er op elk soort scherm mooi uit ziet.
.task-header {
margin-top: 8rem;
height: 24rem;
}
.task-header > img {
left: -8rem;
transform: none;
}
.task-article {
position: static;
transform: none;
padding-left: 1.3rem;
}
}
This project is licensed under the terms of the MIT license.