Closed lemuelmgsn closed 3 hours ago
Ik heb voor het maken van de landingspagina dit ontwerp gebouwd:
Hieronder de code:
HTML
<section>
<div class="wrapper">
<h1 class="typing">We<span class="element">Love</span>Web</h1>
</div>
<a href="#semesters" class="skip">scroll</a>
</section>
CSS
.section {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
width: 100%;
position: relative;
.skip {
position: absolute;
align-self: end;
padding-bottom: 1em;
animation: wiggleButton infinite 1.5s, popUp 1s;
animation-delay: 1s, 0s;
text-decoration: none;
color: white;
font-size: 16px;
}
.element{
color: red;
}
Commit: https://github.com/lemuelmgsn/i-love-web/commit/793bb3c0c87c1c62e7cad00e19f99ea5bde3893b
Maak een landingspage voor je We Love Web website