1
0
Fork 0

Add more rows to contact list

master
Emil Miler 2 years ago
parent 7ead48e667
commit 8223db2ac9

@ -258,6 +258,7 @@
<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="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>
@ -295,6 +296,33 @@
</div>
</div>
</div>
<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>
<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>
</div>
</section>
<section id="faq">
<div class="wrap">

@ -676,11 +676,24 @@ body.noscroll {
}
.contact-list {
margin: 5rem 0 8rem 0;
.row {
display: flex;
flex-direction: column;
margin-top: 5rem;
justify-content: center;
align-items: center;
}
.contact {
.row:first-child .contact:first-child {
border-top: none;
}
.row .contact:first-child {
border-top: 1px solid $col-secondary;
}
.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;
}
}
}

Loading…
Cancel
Save