commit

4 years ago · e980dab00f
2 changed files with 57 additions and 56 deletions
--- a/index.css
+++ b/index.css
@ -1,61 +1,62 @@
 body {
    margin-right: 200px;
    margin-left: 200px;
 }
 article {
    margin-left: 0;
    margin-right: 0;
 }
 .header p {
    padding-top: 1px;
    padding-bottom: 1px;
    margin: 0;
 }
 .picture {
    background-position: fixed;
    height: 100vh;
    background-size: cover;
    background-attachment: fixed;
    background-image: url(img/fd1.jpg);
 }
 .text {
    background-color: lightgray;
    height: 35vh;
    padding: 5px;
    text-align: justify;
    display: flex;
 }
 .video {
    width: 560px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: lightgrey;
 }
 .wrapper {
    margin-right: 200px;
    margin-left: 200px;
 }   
    .header p {
        padding-top: 1px;
        padding-bottom: 1px;
    }
    .picture {
        background-position: fixed;
        height: 100vh;
        background-size: cover;
        background-attachment: fixed;
        background-image: url(img/fd1.jpg);
    }
    .text {
        background-color: lightgray;
        height: 35vh;
        padding: 5px;
        text-align: justify;
        display: flex;
    }
    .video {
        width: 560px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: lightgrey;
    }
    .text2 {
        background-color: white;
        height: 110vh;
        text-align: justify;
        padding: 10px;
    }
    .text3 {
        margin-left: 500px;
        margin-right: 500px;
        padding-top: 20px;
        font-size: 20px;   
    }
    .text3 p:first-letter {
        font-size: 35px;
    }
 .text2 {
    background-color: white;
    height: 110vh;
    text-align: justify;
    padding: 10px;
 }
 .text3 {
    margin-left: 500px;
    margin-right: 500px;
    padding-top: 20px;
    font-size: 20px;   
 }
 .text3 p:first-letter {
    font-size: 35px;
 }
 .paticka {
    background-color: grey;
--- a/index.html
+++ b/index.html
@ -8,7 +8,7 @@
    <link rel="stylesheet" href="index.css">
 </head>
 <body>
 <div class="wrapper">
    <div class="header">
        <p style="text-align: left; width:49%; display: inline-block;color: black;font-size: 55px;"><b>Foundation</b></p>
        <p style="text-align: right; width:50%;  display: inline-block;color: gray;font-size: 25px;">Isaac Assimov</p>
@ -32,13 +32,13 @@
            </p>
        </div>
    </div>
    <article>
 </div>
        <div class="paticka">
            <div class="patickatext">
                © from wikipedia 2020 · used image: <a href="https://www.google.com/search?q=foundation+Isaac+Assimov&tbm=isch&ved=2ahUKEwjz3sTA6bfzAhXP04UKHf_kDXgQ2-cCegQIABAA&oq=foundation+Isaac+Assimov&gs_lcp=CgNpbWcQAzoFCAAQgAQ6BAgAEB46BAgAEBM6CAgAEAUQHhATOgYIABAeEBM6CAgAEAgQHhATUMQ6WOdtYLxxaABwAHgAgAFdiAHTB5IBAjE0mAEAoAEBqgELZ3dzLXdpei1pbWfAAQE&sclient=img&ei=EqheYfONEs-nlwT_ybfABw&bih=969&biw=1920&rlz=1C1GCEA_enCZ974CZ974#imgrc=d6Rf1DuzvpOsUM">Foundation-Isaac-Assimov</a>
            </div>
        </div>
    </article>
 </body>
 </html>