Skocz do zawartości
Zaloguj się, aby obserwować  
mariusz1337

pomoc w stronie css

Recommended Posts

Mam problem , ponieważ jestem kompletnie zielony w tym , a mam z tego zaliczenie , czy mógłby mi ktoś napisać taką stronę o jaką chodzi w poleceniu ?

 

 

35294569_840578099460502_2075490907968241664_n.jpg

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Coś tam zrobiłem, więcej mi się nie chce :D może 3 dostaniesz. Jak coś daj info co tam dostałeś ;p.

<!DOCTYPE html>
<html>
    <head>
        <title>Zadanie</title>
        <link rel="stylesheet" href="style.css">
    </head>
    
    <body>
        <header>
            <div id="header">
                <h1>Logo</h1>
            </div>
        </header>
        <div id="contener">
                <div id="content">
                    To jest blok główny!
                </div>
                <nav>
                        <ul>
                            <li class="active"><a href="#">Strona Główna</a></li>
                            <li><a href="#">Podstrona 1</a></li>
                            <li><a href="#">Podstrona 2</a></li>
                        </ul>
                </nav>
        </div>
        <footer>
            <h2>stopka</h2>
        </footer>
    </body>
</html>
*, *::after, *::before{
    box-sizing: border-box;
}

#header{
    width: 100%;
    height: 100px;
    background-color: green;
    display: flex;
    align-items: center;
    justify-content: center;
}

h1{
    font-weight: 800;
    margin: auto auto;
    color: lightyellow;
    font-size: 36px;
    text-decoration: underline;
}

#contener{
    display: flex;
    justify-content: space-between;
}

#content{
    margin: 50px;
    font-size: 35px;
    font-weight: 600;
    color: green;
}

ul{
    height: 100%;
    padding: 50px;
    line-height: 25px;
    border-left: 1px solid green;
}

.active{
    font-size: 130%;
}

footer{
    width: 100%;
    height: 100px;
    background-color: green;
    display:flex;
    align-items: center;
    justify-items: center;
}

 

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Utwórz konto lub zaloguj się, aby skomentować

Musisz być użytkownikiem, aby dodać komentarz

Utwórz konto

Zarejestruj nowe konto na forum. To jest łatwe!

Zarejestruj nowe konto

Zaloguj się

Masz już konto? Zaloguj się.

Zaloguj się
Zaloguj się, aby obserwować  

×