pedf
/
domu-nevidis
1
0
Fork 0
Code Releases Activity

Add more rows to contact list

Browse Source
master
Emil Miler 2 years ago
parent 7ead48e667
commit 8223db2ac9
2 changed files with 78 additions and 31 deletions
Show Stats Download Patch File Download Diff File

80
index.html
Unescape Escape View File

@ -258,39 +258,67 @@
<h1>Na koho se obrátit</h1>
<p class="narrow text-center">Ve chvílích, kdy si nevíte rady, nebojte se obrátit na organizace a instituce, které se zabývají danou problematikou a mohou vám pomoct situaci vyřešit, případně s&nbsp;vámi prokonzultují jednotlivé kroky. Níže najdete tipy na organizace, které vám poskytnout odbornou pomoc.</p>
<div class="contact-list">
<div class="contact">
<div class="title">Linka pro rodinu a školu</div>
<p>Organizace, která pomáhá řešit náročné či nebezpečné situace ve škole i rodině.</p>
<div class="meta">
<div class="phone">
<a href="tel:116000">116 000</a>
</div>
<div class="website">
<a href="https://www.linkaztracenedite.cz" target="_blank">linkaztracenedite.cz</a>
<div class="row">
<div class="contact">
<div class="title">Linka pro rodinu a školu</div>
<p>Organizace, která pomáhá řešit náročné či nebezpečné situace ve škole i rodině.</p>
<div class="meta">
<div class="phone">
<a href="tel:116000">116 000</a>
</div>
<div class="website">
<a href="https://www.linkaztracenedite.cz" target="_blank">linkaztracenedite.cz</a>
</div>
</div>
</div>
</div>
<div class="contact">
<div class="title">Bílý kruh bezpečí</div>
<p>Organizace poskytující pomoc obětem trestných činů a domácího násilí.</p>
<div class="meta">
<div class="phone">
<a href="tel:116006">116 006</a>
<div class="contact">
<div class="title">Bílý kruh bezpečí</div>
<p>Organizace poskytující pomoc obětem trestných činů a domácího násilí.</p>
<div class="meta">
<div class="phone">
<a href="tel:116006">116 006</a>
</div>
<div class="website">
<a href="https://www.bkb.cz/" target="_blank">bkb.cz</a>
</div>
</div>
<div class="website">
<a href="https://www.bkb.cz/" target="_blank">bkb.cz</a>
</div>
<div class="contact">
<div class="title">Centrum Locika</div>
<p>Centrum pomáhající dětem, které se setkaly s&nbsp;násilím v&nbsp;rodině.</p>
<div class="meta">
<div class="phone">
<a href="tel:601500196">601 500 196</a>
</div>
<div class="website">
<a href="https://www.centrumlocika.cz/" target="_blank">centrumlocika.cz</a>
</div>
</div>
</div>
</div>
<div class="contact">
<div class="title">Centrum Locika</div>
<p>Centrum pomáhající dětem, které se setkaly s&nbsp;násilím v&nbsp;rodině.</p>
<div class="meta">
<div class="phone">
<a href="tel:601500196">601 500 196</a>
<div class="row">
<div class="contact">
<div class="title">Rodičovská linka</div>
<p>Místo, kde najdete krizovou pomoc a poradenství pro všechny, kteří se starají o děti.</p>
<div class="meta">
<div class="phone">
<a href="tel:606021021">606 021 021</a>
</div>
<div class="website">
<a href="https://www.rodicovskalinka.cz/" target="_blank">rodicovskalinka.cz</a>
</div>
</div>
<div class="website">
<a href="https://www.centrumlocika.cz/" target="_blank">centrumlocika.cz</a>
</div>
<div class="contact">
<div class="title">Linka bezpečí</div>
<p>Spolek, který poskytuje pomoc dětem a studentům, kteří se dostaly do náročné životní situace.</p>
<div class="meta">
<div class="phone">
<a href="tel:116111">116 111</a>
</div>
<div class="website">
<a href="https://www.linkabezpeci.cz/" target="_blank">linkabezpeci.cz</a>
</div>
</div>
</div>
</div>

29
sass/style.scss
Unescape Escape View File

@ -676,11 +676,24 @@ body.noscroll {
}
.contact-list {
display: flex;
flex-direction: column;
margin-top: 5rem;
margin: 5rem 0 8rem 0;
.row {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.row:first-child .contact:first-child {
border-top: none;
}
.row .contact:first-child {
border-top: 1px solid $col-secondary;
}
.contact {
.row .contact {
width: 100%;
padding: 3rem 0;
border-bottom: 1px solid $col-secondary;
flex: 1;
@ -957,13 +970,19 @@ footer {
align-items: stretch;
}
.contact-list {
.contact-list .row {
flex-direction: row;
margin-bottom: 4rem;
.contact {
max-width: 25em;
padding: 0 3rem;
border-bottom: none;
border-right: 1px solid $col-secondary;
&:first-child {
border-top: none;
}
}
}

Write Preview
Loading…
Cancel
Save