pedf
/
pomocskolam
Archived
1
0
Fork 0

Formuláře

form
Emil Miler 4 years ago
parent c24262b81a
commit 96d9755f91

@ -1,2 +1,6 @@
+++
+++
Jsem student / dobrovolník a chci pomáhat.
{{ form_dobrovolnik() }}

@ -1,2 +1,6 @@
+++
+++
Jsme škola / školské zařízení a potřebujeme dobrovolníky.
{{ form_skola() }}

@ -124,6 +124,55 @@ main {
margin-top: 0;
}
}
form {
width: 100%;
display: grid;
grid-template-columns: 50% 50%;
grid-gap: 2em 1.5em;
text-align: left;
div {
label {
color: #777;
}
input, select {
width: 100%;
padding: .5em;
border: 1px solid #000;
font-size: 1.2em;
font-family: merriweather, serif;
background: inherit;
&::placeholder {
font-size: .7em;
color: #bbb;
}
}
input[type="checkbox"] {
width: auto;
}
}
input[type="submit"] {
background: #C61730;
color: #fff;
border: 0;
padding: .8em;
font-weight: bold;
font-size: 1.2em;
font-family: merriweather, serif;
max-width: auto;
margin: 0 auto;
}
.fullwidth {
grid-column: 1/-1;
}
}
}
footer {

@ -0,0 +1,68 @@
<form>
<div>
<label for="jmeno">Příjmení a jméno</label>
<input type="text" id="jmeno" name="jmeno" required>
</div>
<div>
<label for="email">Email</label>
<input type="email" id="email" name="email" required>
</div>
<div>
<label for="telefon">Telefonní číslo (nepovinné)</label>
<input type="tel" id="telefon" name="telefon" placeholder="Ve tvaru: 123456789" pattern="[0-9]{9}">
</div>
<div>
<label for="studijni_program">Studijní program</label>
<select id="studijni_program" name="studijni_program" required>
<option value="bc">Bakalářský</option>
<option value="nmgr">Navazující Magisterský</option>
<option value="mgr">Magisterský</option>
</select>
</div>
<div>
<label for="obor">Obor studia</label>
<input type="text" id="obor" name="obor" placeholder="Například: UMŠ, PPP, 1. stupeň, SPPG, ČJ-NJ" required>
</div>
<div>
<label for="kraj">Kraj</label>
<select id="kraj" name="kraj" required>
<option value="Praha">Praha</option>
<option value="Středočeský">Středočeský</option>
</select>
</div>
<div class="fullwidth">
<label for="cas">Čas, kdy byste mohli pomoci zajistit péči o děti</label>
<input type="text" id="cas" name="cas" placeholder="Ve tvaru: pondělí dopoledne / středa odpoledne / pátek celý den" required>
</div>
<div class="fullwidth">
<label for="vek_deti">Jak staré děti můžete hlídat / doučovat</label>
<select id="vek_deti" name="vek_deti" required>
<option value="3-6">3&ndash;6</option>
<option value="7-10">7&ndash;10</option>
<option value="starsi">Starší</option>
</select>
</div>
<div class="fullwidth">
<label for="distancni_vyuka">Mohu se zapojit i do distanční výuky kmenových žáků školy</label>
<select id="distancni_vyuka" name="distancni_vyuka" required>
<option value="ano">Ano</option>
<option value="ne">Ne</option>
</select>
</div>
<div class="fullwidth">
<label for="uznani_praxe">Mám zájem o (nepovinné)</label>
<select id="uznani_praxe" name="uznani_praxe" required>
<option value="">Nic</option>
<option value="">Uznání jako praxi, kterou mám ve studijním plánu v tomto semestru</option>
<option value="">Dobrovolnická pomoc (uznání praxe mimo studijní plán)</option>
</select>
</div>
<div class="fullwidth">
<input type="checkbox" id="osobni_udaje" name="osobni_udaje">
<label for="osobni_udaje">Souhlasím se zpracováním osobních údajů a se zásadami ochrany soukromí.</label>
<br>
<input type="checkbox" id="kodex" name="kodex">
<label for="kodex">Souhlasím s etickým kodexem dobrovolníka.</label>
</div>
<input class="fullwidth" type="submit" value="ODESLAT">
</form>

@ -0,0 +1,54 @@
<form>
<div>
<label for="instituce">Jméno instituce</label>
<input type="text" id="instituce" name="instituce" required>
</div>
<div>
<label for="kraj">Kraj</label>
<select id="kraj" name="kraj" required>
<option value="Praha">Praha</option>
<option value="Středočeský">Středočeský</option>
</select>
</div>
<div>
<label for="adresa">Adresa školy</label>
<input type="text" id="adresa" name="adresa" placeholder="Ve formátu: Novákova 1222/13, Praha 3, 130 00" required>
</div>
<div>
<label for="jmeno">Příjmení a jméno kontaktní osoby</label>
<input type="text" id="jmeno" name="jmeno" required>
</div>
<div>
<label for="email">Email na kontaktní osobu</label>
<input type="email" id="email" name="email" required>
</div>
<div>
<label for="telefon">Telefonní číslo na kontaktní osobu (nepovinné)</label>
<input type="tel" id="telefon" name="telefon" placeholder="Ve tvaru: 123456789" pattern="[0-9]{9}">
</div>
<div>
<label for="pocet_skupin">Počet skupin</label>
<input type="text" id="pocet_skupin" name="pocet_skupin" required>
</div>
<div>
<label for="pocet_deti">Počet dětí ve skupině</label>
<input type="text" id="pocet_deti" name="pocet_deti" required>
</div>
<div>
<label for="vek_deti">Věk dětí ve skupině</label>
<input type="text" id="vek_deti" name="vek_deti" required>
</div>
<div>
<label for="pece">Péče o děti</label>
<select id="pece" name="pece" required>
<option value="celodenni">Celodenní</option>
<option value="dopoledne">Jen dopoledne</option>
<option value="odpoledne">Jen odpoledne</option>
</select>
</div>
<div class="fullwidth">
<label for="poznamka">Poznámka (nepovinné)</label>
<input type="text" id="poznamka" name="poznamka">
</div>
<input class="fullwidth" type="submit" value="ODESLAT">
</form>