calendar-booking/form.html

47 lines
2.0 KiB
HTML
Raw Permalink Normal View History

2022-05-12 21:17:35 +00:00
<html>
<head>
<title>Meet with Vicky Rampin</title>
<meta content="">
2022-05-12 21:20:58 +00:00
<link rel="stylesheet" href=".bootstrap/bootstrap.min.css">
2022-05-12 21:17:35 +00:00
</head>
<body>
2022-05-12 21:23:04 +00:00
<div class="container px-5 my-5">
2022-05-13 03:31:12 +00:00
<form id="contactForm">
2022-05-12 21:17:35 +00:00
<div class="mb-3">
2022-05-12 22:32:40 +00:00
<label class="form-label" for="name">Full name</label>
2022-05-13 03:31:12 +00:00
<input class="form-control" id="name" name="name" type="text" placeholder="Full name" />
2022-05-12 21:17:35 +00:00
</div>
<div class="mb-3">
2022-05-12 22:32:40 +00:00
<label class="form-label" for="email">Email address</label>
2022-05-13 03:31:12 +00:00
<input class="form-control" id="email" name="email" type="email" placeholder="Email address" />
2022-05-12 21:17:35 +00:00
</div>
<div class="mb-3">
2022-05-12 22:32:40 +00:00
<label class="form-label" for="topic">What would you like to discuss?</label>
2022-05-13 03:31:12 +00:00
<textarea class="form-control" id="topic" name="topic" placeholder="What would you like to discuss?" style="height: 10rem;"></textarea>
2022-05-12 21:17:35 +00:00
</div>
<div class="mb-3">
<label class="form-label d-block">Which day and time works best for us to meet on Zoom?</label>
<div class="form-check form-check-inline">
2022-05-13 03:31:12 +00:00
<input class="form-check-input" id="optionA" type="radio" name="date" />
2022-05-12 21:17:35 +00:00
<label class="form-check-label" for="optionA">option A</label>
</div>
<div class="form-check form-check-inline">
2022-05-13 03:31:12 +00:00
<input class="form-check-input" id="optionB" type="radio" name="date" />
2022-05-12 21:17:35 +00:00
<label class="form-check-label" for="optionB">option B</label>
</div>
<div class="form-check form-check-inline">
2022-05-13 03:31:12 +00:00
<input class="form-check-input" id="optionC" type="radio" name="date" />
2022-05-12 21:17:35 +00:00
<label class="form-check-label" for="optionC">option C</label>
</div>
</div>
<div class="d-grid">
<button class="btn btn-primary btn-lg disabled" id="submitButton" type="submit">Submit</button>
</div>
</form>
</div>
2022-05-13 03:01:06 +00:00
<script src=".bootstrap/bootstrap.bundle.min.js"></script>
2022-05-12 21:17:35 +00:00
</body>
</html>