search

lemuelmgsn / i-love-web

Learning journal, blog, digital gardening
https://i-love-web-eight.vercel.app
0 stars 0 forks source link

Maak landingpage website #5

Closed lemuelmgsn closed 3 hours ago

lemuelmgsn commented 3 hours ago

Maak een landingspage voor je We Love Web website

lemuelmgsn commented 3 hours ago

Ik heb voor het maken van de landingspagina dit ontwerp gebouwd:

Image

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