Nahrát soubory do „“

4 years ago · a6eb7aed69
2 changed files with 382 additions and 11 deletions
--- a/index.html
+++ b/index.html
@ -2,11 +2,131 @@
 <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">
    <title>Document</title>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>kdyby</title>
    <link rel="stylesheet" href="style.css">
 </head>
 <body>
    <h1>kdyby - MATĚJ</h1>
    <div class="hore">
        <a href="" class="hore_a">nakladatelství</a>
        <a href="" class="hore_a">o nás</a>
        <a href="" class="hore_a">katalog</a>
    </div>
    <div class="prvni">
        <div class="radek">
            <div class="RO">
                <img src="kniha.png" alt="obrazek nenalezen" class="ro1">
            </div>
            <div class="Ro text">
                <p>
                    <b>Tělo sčítá rány</b></p>
                    <p>
                    Jak trauma dopadá na naši mysl i zdraví a jak se z něj léčit<br>
                    <br>
                    Bessel van der Kolk
                </p>
            </div>
        </div>
        <div class="odstavec">
            <p class="OD-1">
                #1 Bestseller podle New York Times
            </p>
            <p class="OD-2">
                Trauma nelze obejít. A jeho následky zažívají mnozí – možná vy, možná vaši blízcí; vždy však ovlivňuje životy celého okolí. A není v silách trpícího, aby bez pomoci zvládl projevy v podobě depresí, chronických potíží, alkoholismu, sebepoškozování, obezity či pocitů studu a osamělosti. Dr. Bessel van der Kolk, přední světový odborník na trauma, strávil více než tři desetiletí prací s obětmi různých traumat. I díky jeho poznatkům a zkušenostem se nyní můžete vydat na možná dlouhou, ale nadějnou cestu k lepšímu a plnějšímu životu.
            </p>
        </div>
    </div>
    <div class="druhy">
        <div class="nadpis_k">
            O KNIZE
        </div>
    </div>
    <div class="radek-2 r_2">
        <div class="poz">
        </div>
        <div class="poz3 zada_t">
            <p>
                Bessel van der Kolk popisuje s laskavostí a otevřeností příběhy, s nimiž se setkal v klinické praxi, a dělí se o výsledky svých výzkumů v oblasti terapie posttraumatické poruchy. Prokázal jimi, že zanedbávané či zneužívané děti, účastníci nehod a katastrof, váleční veteráni či oběti násilných činů, potřebují víc než medikamenty. Skutečné uzdravení vede přes hledání cesty k sobě samým, k vlastnímu tělu, které si v nekonečné smyčce udržuje otisk prožitého utrpení. V knize odhaluje, jak prožité trauma negativně ovlivňuje tělo i mozek a mění schopnost ovládat se, vnímat se, zažívat radost, potěšení a důvěru. Popisuje také, jakou roli hrají v rozvoji vývojové traumatické poruchy geny a hormony, v neposlední řadě též rodičovská láska a péče v prvních letech života.
            </p>
                Druhou část knihy věnuje van der Kolk inovativním léčebným postupům. Autor své pacienty vybízí, aby se zapojili do libovolné formy práce s tělem, která napomáhá obnovení zdravého vztahu k sobě i k druhým. V knize proto najdete doporučení metod neurofeedbacku, hypnózy, meditace, ale také sportu, tance, hudby, jógy, psaní či kurzů herectví.
                Ve své oceňované knize nabízí přístupným způsobem naději všem, kdo prožitým traumatem trpí, v neposlední řadě pak i jejich blízkým a pečovatelům.
            </p>            
        </div>
        <div class="poz2">
        </div>
    </div>
    <div class="treti">
        <div class="nadpis_para">
            PARAMETRY
        </div>
    </div>
    <div class="tri radek-5">
        <div>
            <h3>Název původní knihy:</h3>
            <h3>Překladatel: </h3>
            <h3>Počet stránek:</h3>
            <h3>Vazba:</h3>
            <h3>Barevnost:</h3>
            <h3>ISBN:</h3>
            <h3>Formát:</h3>
        </div>
        <div>
            <p>The Body Keeps the Score: Brain, Mind, and Body in the Healing of Trauma</p>
            <p>Monika Martinková</p>
            <p>Pod povrchem</p>
            <p>496</p>
            <p>Pevná s přebalem</p>
            <p>Černobílá</p>
            <p>978-80-7555-130-6</p>
            <p>152 × 226 mm</p>
        </div>
    </div>
    <div class="sest">
        <div class="nadpis_zaji">
            V knize se mimo jiné dozvíte:
        </div>
    </div>
    <div class="paty text_trauma">
        <p>
            Traumata zažíváme všichni, jsme na ně jako lidé stavění, byť nikdy nejsou bez následků. Neumíme-li však porozumět vlastní mysli a tělu, utrpení se prohlubuje.
        </p>
        <p>
            Sebedestruktivní chování je často vyvoláno snahou znovu cítit a získat kontrolu nad svým životem.
        </p>
        <p>
            Projevy traumat mohou simulovat psychiatrické diagnózy, terapie je však neúčinná, pokud neřeší skutečnou podstatu potíží.
        </p>
        <p>
            Trýznění lidé popírají realitu a oddělují se od ní, aby přežili. Přestávají tak chápat, kým jsou, co cítí, a čemu a komu mohou důvěřovat.
        </p>
        <p>
            Volba profesionálního terapeuta je důležitým krokem v terapii. Jak poznat toho správného? A kdy zapojit psího kamaráda?
        </p>
        <p>
            Většina významných iniciátorů společenských změn zná trauma důvěrně z osobní zkušenosti. Oprah Winfreyová, Maya Angelouová, Nelson Mandela a Elie Wiesel... Přečtěte si životní příběh kteréhokoli vizionáře a najdete postřehy a touhy plynoucí z toho, že museli čelit zkáze.
        </p>
    </div>
    <div class="sedm">
        <div class="nadpis_autor">
            O AUTOROVI
        </div>
    </div>
    <div class="u">
        <div class="radek-10">
        <div class="BO">
            <img src="bessel-van-der-kolk.jpg" alt="obrazek nenalezen" class="o2">
        </div>
        <div class="BO ext">
                <p>
                <b>Prof. Bessel van der Kolk</b>
                </p>
                <p>
                (*1943) je zakladatelem a bývalým lékařským ředitelem Kliniky pro léčbu traumatu v Brookline v Massachusetts. Působí také jako profesor psychiatrie na Lékařské fakultě Bostonské univerzity a ředitel Národní sítě pro komplexní léčbu traumatu. Žije v Bostonu.
                </p>
        </div>
    </div>
 </body>
 </html>
--- a/style.css
+++ b/style.css
@ -0,0 +1,251 @@
 body{
    margin: 0;
    background-image: url("pozadi.jpg");
 }
 .prvni{
    background-image: url("zatazeno.jpg");
    margin-top: none;
    margin-left: 10%;
    margin-right: 10%;
    width: auto;
    padding-bottom: 10rem;
 }
 .hore {
    height: 40px;
    background-color: black;
    margin:none;
    padding-left: 10px;
 }
 .hore_a {
    color:  grey;
    text-decoration: none;
 }
 .radek-10{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto;
 }
 .RO{
    color: aliceblue;
    margin-left: 30%;
    margin-right: 30%;
 }
 .ro1{
    margin-top: 100px;
    width: 100%;
 }
 .text{
    color: aliceblue;
    margin-right: 20%;
    margin-top: 80px;
    font-size: 50px;
    font-family: sans-serif;
 }
 .odstavec{
    color: aliceblue;
    margin-left: 25%;
    margin-right: 25%;
    font-family: helvetica sans-serif;
    font-size: 25px;
 }
 .OD-1{
    color: aliceblue;
    text-align: center;
 }
 .OD-2{
    color: aliceblue;
    text-align: left;
 }
 .druhy{
    margin-top: -5rem;
    margin-left: 10%;
    margin-right: 10%;
    width: auto;
    height: 100px;
 }
 .nadpis_k{
    background-image: url("cara.png");
    text-align: center;
    font-family: sans-serif;
    font-size: 50px;
    color: aliceblue;
    height: 147px;
    width: 80%;
    position: absolute;
    padding-top: 5px;
 }
 .r_2{
    margin-left: 10%;
    margin-right: 10%;
 }
 .radek-2{
    display: grid;
    grid-template-columns: 15% 70% 15%;
    grid-template-rows: auto auto;
 }   
 .postrani_obr{
    width: 100%;
 }
 .zada_t{
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 60px;
    padding-bottom: 10rem;
    text-align: left;
    font-size: 35px;
 }
 .poz{
    background-image: url("tvar-leva.jpg");
 }
 .poz2{
    background-image: url("tvar-prava.jpg");
 }
 .poz3{
    background-color: aliceblue;
 }
 .tri{
    background-color: rgb(102, 95, 95);
    margin-top: none;
    margin-left: 10%;
    margin-right: 10%;
    width: auto;
    padding-left: 20rem;
    padding-right: 20rem;
    padding-top: 10rem;
    padding-bottom: 5rem;
    font-size: 20px;
 }
 .radek-5{
    display: grid;
    grid-template-columns: 30% 70%;
    grid-template-rows: auto auto;
 }   
 .treti{
    margin-top: -5rem;
    margin-left: 10%;
    margin-right: 10%;
    width: auto;
    height: 100px;
 }
 .nadpis_para{
    background-image: url("cara.png");
    text-align: center;
    font-family: sans-serif;
    font-size: 50px;
    color: aliceblue;
    height: 147px;
    width: 80%;
    position: absolute;
    padding-top: 5px;
 }
 .paty{
    background-image: url("skvrna.jpg");
    margin-top: none;
    margin-left: 10%;
    margin-right: 10%;
    width: auto;
    padding-bottom: 10rem;
 }
 .text_trauma{
    padding-top: 22rem;
    font-family: helvetica sans-serif;
    padding-left: 20rem;
    padding-right: 20rem;
    font-size: 20px;
 }
 .sest{
    margin-top: -5rem;
    margin-left: 10%;
    margin-right: 10%;
    width: auto;
    height: 100px;
 }
 .nadpis_zaji{
    background-image: url("cara.png");
    text-align: center;
    font-family: sans-serif;
    font-size: 50px;
    color: aliceblue;
    height: 147px;
    width: 80%;
    position: absolute;
    padding-top: 5px;
 }
 .radek_6{
    display: grid;
    grid-template-columns: 33% 33% 33%;
 }   
 .p1{
    background-color: rgb(50, 100, 50);
    margin-top: none;
    margin-left: 10%;
    margin-right: 10%;
    width: 100%;
    padding-bottom: 10rem;
 }
 .obrazky{
    height: 100px;
    width: 100px;
 }
 .u{
    background-image: url("chlap.jpg");
    margin-top: none;
    margin-left: 10%;
    margin-right: 10%;
    width: auto;
    padding-bottom: 10rem;
 }
 .BO{
    margin-left: 30%;
    margin-right: 30%;
 }
 .ext{
    margin-right: 20%;
    margin-top: 80px;
    font-size: 30px;
    font-family: sans-serif;
 }
 .o2{
    margin-top: 100px;
    width: 100%;
 }
 .sedm{
    margin-top: -5rem;
    margin-left: 10%;
    margin-right: 10%;
    width: auto;
    height: 100px;
 }
 .nadpis_autor{
    background-image: url("cara.png");
    text-align: center;
    font-family: sans-serif;
    font-size: 50px;
    color: aliceblue;
    height: 147px;
    width: 80%;
    position: absolute;
    padding-top: 5px;
 }