Toggle navigation
Bootsnipp
Bootstrap
For
CSS Frameworks
Bootstrap
Foundation
Semantic UI
Materialize
Pure
Bulma
References
CSS Reference
Tools
Community
Page Builder
Form Builder
Button Builder
Icon Search
Dan's Tools
Diff / Merge
Color Picker
Keyword Tool
Web Fonts
.htaccess Generator
Favicon Generator
Site Speed Test
Snippets
Featured
Tags
By Bootstrap Version
4.1.1
4.0.0
3.3.0
3.2.0
3.1.0
3.0.3
3.0.1
3.0.0
2.3.2
Register
Login
"1-31-24 Event Request"
Bootstrap 4.1.1 Snippet by
aaronriggs
4.1.1
Preview
HTML
View Full Screen
Fork
Fork this
724
 
0 Fav
Post to Facebook
Tweet this
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <style type="text/css">type="text/css" </style> <form class="form-horizontal"> <fieldset> <div class="form-group"> <div class="form-group"><label class="col-md-4 control-label" for="Reserve">Has the venue been reserved?</label> <div class="col-md-4"><label class="radio-inline" for="reserve-0" id="Reserve-question">Yes <input id="yesReserve" name="yesnoReserve1" type="radio" /> </label> <label class="radio-inline" for="reserve-1"> No <input id="noReserve" name="yesnoReserve1" type="radio" /> </label> <div><em>If no, please submit a reservation request to Pavilion staff <a href="https://apps.powerapps.com/play/e/29688ff0-2c44-ef58-849e-e77314992007/a/fa90b463-78ee-4792-a2c2-977b18af326b?tenantId=a092aca4-b5d0-43a3-aef5-ae017bd139bd&sourcetime=2023-08-14%2015:19:35Z">here</a>.</em></div> </div> </div> <div class="form-group"><label class="col-md-4 control-label" for="stagelocation">Where will the stage be position?</label> <div class="col-md-4"><textarea class="form-control" id="stagelocation" name="stagelocation"></textarea></div> </div> <div class="form-group"><label class="col-md-4 control-label" for="attendeesize">How many people will attend?</label> <div class="col-md-4"><input class="form-control input-md" id="attendeesize" name="attendeesize" placeholder="50" type="text" value="" /></div> </div> <div class="form-group"><label class="col-md-4 control-label" for="checkboxes">Where will attendees sit?</label> <div class="col-md-4"> <div class="checkbox"><label for="checkboxes-0"><input id="checkboxes-0" name="checkboxes" type="checkbox" value="1" /> Bleachers </label></div> <div class="checkbox"><label for="checkboxes-1"><input id="checkboxes-1" name="checkboxes" type="checkbox" value="2" /> Tables in center </label></div> <div class="checkbox"><label for="checkboxes-2"><input id="checkboxes-2" name="checkboxes" type="checkbox" value="" /> Chairs in center </label></div> <div class="checkbox"><label for="checkboxes-3"><input id="checkboxes-3" name="checkboxes" type="checkbox" value="" /> Other </label></div> </div> </div> <div class="form-group"><label class="col-md-4 control-label" for="meal">Will a meal be served?</label> <div class="col-md-4"><label class="radio-inline" for="meal-0" id="meal-question">Yes <input id="yesMeal" name="yesno" type="radio" /> </label> <label class="radio-inline" for="meal-1"> No <input checked="checked" id="noMeal" name="yesno" type="radio" /> </label> <div id="ifYes" style="display:none"><b><em>AV crew members must be included in the meal count and receive their meals first in order to return to tech operations. Please plan accordingly.</em></b></div> </div> </div> <div class="form-group"><label class="col-md-4 control-label" for="music">Do you need background music?</label> <div class="col-md-4"><label class="radio-inline" for="music-0"><input checked="checked" id="music-0" name="music" type="radio" value="1" /> No </label> <label class="radio-inline" for="music-1"> <input id="music-1" name="music" type="radio" value="2" /> Yes </label></div> </div> <div class="form-group"><label class="col-md-4 control-label" for="musicstyle">What style of music?</label> <div class="col-md-4"><select class="form-control" id="musicstyle" name="musicstyle"><option selected="selected" value="">Pop Rock</option><option value="">Country Rock</option><option value="">80s Rock</option><option value="">Dinner</option><option value="">Christian Contemporary</option><option value="">Other</option></select></div> </div> <div class="form-group"><label class="col-md-4 control-label" for="presenters">How many presenters?</label> <div class="col-md-4"><input class="form-control input-md" id="presenters" name="presenters" placeholder="2" type="text" value="" /></div> </div> <div class="form-group"><label class="col-md-4 control-label" for="mictype">What microphone type will the presenters use?</label> <div class="col-md-4"><label class="checkbox-inline" for="mictype-0"><input id="mictype-0" name="mictype" type="checkbox" value="1" /> Over-the-ear lavalier </label> <label class="checkbox-inline" for="mictype-1"> <input id="mictype-1" name="mictype" type="checkbox" value="2" /> Handheld </label> <label class="checkbox-inline" for="mictype-2"> <input id="mictype-2" name="mictype" type="checkbox" value="3" /> Podium Mic </label></div> </div> <div class="form-group"><label class="col-md-4 control-label" for="textarea">Additional audio requirements:</label> <div class="col-md-4"><textarea class="form-control" id="textarea" name="textarea"></textarea></div> </div> <div class="form-group"><label class="col-md-4 control-label" for="projector">Is the projector needed?</label> <div class="col-md-4"><label class="radio-inline" for="projector-0"><input checked="checked" id="projector-0" name="projector" type="radio" value="1" /> No </label> <label class="radio-inline" for="projector-1"> <input id="projector-1" name="projector" type="radio" value="2" /> Yes </label></div> </div> <div class="form-group"><label class="col-md-4 control-label" for="video">What will be projected?</label> <div class="col-md-4"><label class="checkbox-inline" for="video-0"><input id="video-0" name="video" type="checkbox" value="1" /> Powerpoint </label> <label class="checkbox-inline" for="video-1"> <input id="video-1" name="video" type="checkbox" value="2" /> Video in Powerpoint</label> <label class="checkbox-inline" for="video-2"> <input id="video-2" name="video" type="checkbox" value="3" /> Video Clip </label></div> </div> <div class="form-group"><label class="col-md-4 control-label" for="ppt">Who will deliver the powerpoint or video clips?</label> <div class="col-md-4"><input class="form-control input-md" id="ppt" name="ppt" placeholder="" type="text" value="" /></div> </div> <div class="form-group"><label class="col-md-4 control-label" for="confidence">Does the presenter(s) need a confidence monitor?</label> <div class="col-md-4"><label class="radio-inline" for="confidence-0"><input checked="checked" id="confidence-0" name="confidence" type="radio" value="1" /> No </label> <label class="radio-inline" for="confidence-1"> <input id="confidence-1" name="confidence" type="radio" value="2" /> Yes </label></div> </div> <div class="form-group"><label class="col-md-4 control-label" for="specvideo">Additional video requirements:</label> <div class="col-md-4"><textarea class="form-control" id="specvideo" name="specvideo"></textarea></div> </div> <div class="form-group"><label class="col-md-4 control-label" for="livestream">Does the event need to be streamed live for a virtual audience?</label> <div class="col-md-4"><label class="radio-inline" for="livestream-0"><input checked="checked" id="livestream-0" name="livestream" type="radio" value="1" /> No </label> <label class="radio-inline" for="livestream-1"> <input id="livestream-1" name="livestream" type="radio" value="2" /> Yes </label></div> </div> <div class="form-group"><label class="col-md-4 control-label" for="record">Does the event need to be recorded?</label> <div class="col-md-4"><label class="radio-inline" for="record-0"><input checked="checked" id="record-0" name="record" type="radio" value="1" /> No </label> <label class="radio-inline" for="record-1"> <input id="record-1" name="record" type="radio" value="2" /> Yes - Video and Audio </label></div> </div> <div class="form-group"><label class="col-md-4 control-label" for="textinput">How will the recording be distributed post-event?</label> <div class="col-md-4"><input class="form-control input-md" id="textinput" name="textinput" placeholder="" type="text" value="" /></div> </div> <div class="form-group"><label class="col-md-4 control-label" for="lighting">Special lighting requirements?</label> <div class="col-md-4"><textarea class="form-control" id="lighting" name="lighting"></textarea></div> </div> </div> </fieldset> </form>
Questions / Comments:
Post
Posting Guidelines
Formatting
- Now
×
Close
Donate
BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76