<div class="form-container">
<h1>
Event Request
</h1>
<p class="instructions">
To submit an Event Request, please complete the following form.
</p>
<form action="mailto:ridgewoodknightsrentals@gmail.com" method="POST" enctype="text/plain">
<!-- Contact Information -->
<div class="section-title">
Contact Information
</div>
<div class="form-group row">
<div class="field">
<label for="first_name">
First Name
<span class="required">
*
</span>
</label>
<input type="text" id="first_name" name="first_name" required="">
</div>
<div class="field">
<label for="last_name">
Last Name
<span class="required">
*
</span>
</label>
<input type="text" id="last_name" name="last_name" required="">
</div>
</div>
<div class="form-group row">
<div class="field">
<label for="email">
Email Address
<span class="required">
*
</span>
</label>
<input type="email" id="email" name="email" required="">
</div>
<div class="field">
<label for="phone">
Phone Number
<span class="required">
*
</span>
</label>
<input type="tel" id="phone" name="phone" required="">
</div>
</div>
<!-- Event Details -->
<div class="section-title">
Event Details
</div>
<div class="form-group">
<label for="event_type">
Event Type
<span class="required">
*
</span>
</label>
<input type="text" id="event_type" name="event_type" placeholder="e.g. first birthday party, baby shower, fundraiser, business meeting" required="">
</div>
<div class="form-group row">
<div class="field">
<label for="event_date">
Date of Event
<span class="required">
*
</span>
</label>
<input type="date" id="event_date" name="event_date" required="">
</div>
<div class="field">
<label for="Estimated Guest_Count">
Guest Count
<span class="required">
*
</span>
</label>
<input type="number" id="guest_count" name="Estimated Guest_Count" min="1" required="">
</div>
</div>
<div class="form-group row">
<div class="field">
<label for="start_time">
Start Time
<span class="required">
*
</span>
</label>
<input type="time" id="start_time" name="start_time" required="">
</div>
<div class="field">
<label for="end_time">
End Time
<span class="required">
*
</span>
</label>
<input type="time" id="end_time" name="end_time" required="">
</div>
</div>
<div class="form-group">
Additional Questions
<textarea id="notes" name="notes" placeholder=""></textarea>
</div>
<div class="form-group">
<label for="referral_source">
How did you hear about us?
</label>
<select id="referral_source" name="referral_source">
<option value="">
-- Select --
</option>
<option value="Website">
Website
</option>
<option value="Internet Search">
Internet Search
</option>
<option value="Former Renter">
Former Renter
</option>
<option value="Friend">
Friend
</option>
<option value="Family">
Family
</option>
<option value="Other">
Other
</option>
</select>
</div>
<!-- Submit Button -->
<button type="submit" class="btn-submit">Submit Request</button>
</form>
</div>
r custom HTML here
<div class="form-container">
<h1>
Event Request
</h1>
<p class="instructions">
To submit an Event Request, please complete the following form.
</p>
<form action="mailto:ridgewoodknightsrentals@gmail.com" method="POST" enctype="text/plain">
<!-- Contact Information -->
<div class="section-title">
Contact Information
</div>
<div class="form-group row">
<div class="field">
<label for="first_name">
First Name
<span class="required">
*
</span>
</label>
<input type="text" id="first_name" name="first_name" required="">
</div>
<div class="field">
<label for="last_name">
Last Name
<span class="required">
*
</span>
</label>
<input type="text" id="last_name" name="last_name" required="">
</div>
</div>
<div class="form-group row">
<div class="field">
<label for="email">
Email Address
<span class="required">
*
</span>
</label>
<input type="email" id="email" name="email" required="">
</div>
<div class="field">
<label for="phone">
Phone Number
<span class="required">
*
</span>
</label>
<input type="tel" id="phone" name="phone" required="">
</div>
</div>
<!-- Event Details -->
<div class="section-title">
Event Details
</div>
<div class="form-group">
<label for="event_type">
Event Type
<span class="required">
*
</span>
</label>
<input type="text" id="event_type" name="event_type" placeholder="e.g. first birthday party, baby shower, fundraiser, business meeting" required="">
</div>
<div class="form-group row">
<div class="field">
<label for="event_date">
Date of Event
<span class="required">
*
</span>
</label>
<input type="date" id="event_date" name="event_date" required="">
</div>
<div class="field">
<label for="Estimated Guest_Count">
Guest Count
<span class="required">
*
</span>
</label>
<input type="number" id="guest_count" name="Estimated Guest_Count" min="1" required="">
</div>
</div>
<div class="form-group row">
<div class="field">
<label for="start_time">
Start Time
<span class="required">
*
</span>
</label>
<input type="time" id="start_time" name="start_time" required="">
</div>
<div class="field">
<label for="end_time">
End Time
<span class="required">
*
</span>
</label>
<input type="time" id="end_time" name="end_time" required="">
</div>
</div>
<div class="form-group">
Additional Questions
<textarea id="notes" name="notes" placeholder=""></textarea>
</div>
<div class="form-group">
<label for="referral_source">
How did you hear about us?
</label>
<select id="referral_source" name="referral_source">
<option value="">
-- Select --
</option>
<option value="Website">
Website
</option>
<option value="Internet Search">
Internet Search
</option>
<option value="Former Renter">
Former Renter
</option>
<option value="Friend">
Friend
</option>
<option value="Family">
Family
</option>
<option value="Other">
Other
</option>
</select>
</div>
<!-- Submit Button -->
<button type="submit" class="btn-submit">Submit Request</button>
</form>
</div>
