109 lines
6.5 KiB
HTML
109 lines
6.5 KiB
HTML
|
|
<!-- gallery -->
|
|
<div class="gallery">
|
|
<div class="container">
|
|
<div class="w3ls-gallery-grids">
|
|
<form id="form">
|
|
<div class="container">
|
|
<div class="col-md-12">
|
|
<div class="col-md-4">
|
|
<div class="form-group">
|
|
<label for="fvorname">Vorname</label>
|
|
<input id="fvorname" type="text" class="form-control" name="fvorname" placeholder="Vorname">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-4">
|
|
<div class="form-group">
|
|
<label for="fnachname">Nachname</label>
|
|
<input id="fnachname" type="text" class="form-control" name="fnachname" placeholder="Nachname">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="form-group">
|
|
<label for="femail">E-Mail</label>
|
|
<input id="femail" type="email" class="form-control" name="femail" aria-describedby="emailHelp" placeholder="Email">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="clearfix"> </div>
|
|
<hr>
|
|
<div class="col-md-4">ich möchte Demokratie gestalten als:
|
|
<br> <br>
|
|
<label class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" name="UI-Designer">
|
|
<span class="custom-control-indicator"></span>
|
|
<span class="custom-control-description">UI-Designer*In</span>
|
|
</label>
|
|
<br>
|
|
<label class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" name="Front-End-Prog">
|
|
<span class="custom-control-indicator"></span>
|
|
<span class="custom-control-description">Front-End-Programmierer*In</span>
|
|
</label>
|
|
<br>
|
|
<label class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" name="Back-End-Prog">
|
|
<span class="custom-control-indicator"></span>
|
|
<span class="custom-control-description">Back-End-Programmierer*In</span>
|
|
</label>
|
|
<br>
|
|
<label class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" name="Kryptolog">
|
|
<span class="custom-control-indicator"></span>
|
|
<span class="custom-control-description">Kryptolog*In</span>
|
|
</label>
|
|
<br>
|
|
<label class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" name="Fragenredakteur">
|
|
<span class="custom-control-indicator"></span>
|
|
<span class="custom-control-description">Fragenredakteur*In</span>
|
|
</label>
|
|
<br>
|
|
<label class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" name="Marketingstrateg">
|
|
<span class="custom-control-indicator"></span>
|
|
<span class="custom-control-description">Marketingstrateg*In</span>
|
|
</label>
|
|
<br>
|
|
<label class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" name="Botschafter">
|
|
<span class="custom-control-indicator"></span>
|
|
<span class="custom-control-description">Botschafter*In</span>
|
|
</label>
|
|
<br>
|
|
<label class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" name="sonstiges">
|
|
<span class="custom-control-indicator"></span>
|
|
<span class="custom-control-description">sonstiges/ meine Idee</span>
|
|
</label>
|
|
</div>
|
|
<div class="col-md-7">
|
|
|
|
<div class="form-group">
|
|
<label for="exampleTextarea"> Erzähle uns etwas über Deine Erfahrungen <span id="txtsincebox" style="font-size: x-small;color: #f44336;"> ( -<span >120</span> Zeichen )</span> </label>
|
|
<textarea class="form-control" name="text" id="exampleTextarea" rows="15"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
|
|
<div id="submitx" class="btn btn-primary">mitmischen!</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<div class="clearfix"> </div>
|
|
</div>
|
|
|
|
|
|
<div class="clearfix"> </div>
|
|
</div>
|
|
</div>
|
|
<!-- //gallery -->
|
|
|