zacatek (css + html)

4 years ago · 04374671b2
2 changed files with 74 additions and 0 deletions
--- a/css.css
+++ b/css.css
@ -0,0 +1,23 @@
 .container{
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: auto;
 }
 .container .section{
    position: relative;
    width: 100%;
    height: 100%;
 }
 h1{
    text-align: center;
 }
 .container .section:nth-child(1){
    background-color: burlywood;
 }
 .container .section:nth-child(2){
    background-color: black;
 }
--- a/index.html
+++ b/index.html
@ -0,0 +1,51 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css.css">
    <title>Vesmir</title>
 </head>
 <body>
    <div class="container">
        <div class="section">
            <div class="content">
                <h1>Ahoj</h1>
            </div>
        </div>
        <div class="section">
            <div class="content">
                <h1>Ahoj</h1>
            </div>
       </div>
        <div class="section">
            <div class="content">
                <h1>Ahoj</h1>
            </div>
        </div>
        <div class="section">
            <div class="content">
                <h1>Ahoj</h1>
            </div>
        </div>
        <div class="section">
            <div class="content">
                <h1>Ahoj</h1>
            </div>
        </div>
        <div class="section">
            <div class="content">
                <h1>Ahoj</h1>
            </div>
        </div>
    </div>
 </body>
 </html>