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-12 21:17:35 +00:00
< form id = "contactForm" data-sb-form-api-token = "API_TOKEN" >
< div class = "mb-3" >
2022-05-12 22:32:40 +00:00
< label class = "form-label" for = "name" > Full name< / label >
< input class = "form-control" id = "name" name = "name" type = "text" placeholder = "Full name" data-sb-validations = "required" / >
2022-05-12 21:17:35 +00:00
< div class = "invalid-feedback" data-sb-feedback = "fullName:required" > Full name is required.< / div >
< / div >
< div class = "mb-3" >
2022-05-12 22:32:40 +00:00
< label class = "form-label" for = "email" > Email address< / label >
< input class = "form-control" id = "email" name = "email" type = "email" placeholder = "Email address" data-sb-validations = "required,email" / >
2022-05-12 21:17:35 +00:00
< div class = "invalid-feedback" data-sb-feedback = "emailAddress:required" > Email address is required.< / div >
< div class = "invalid-feedback" data-sb-feedback = "emailAddress:email" > Email address Email is not valid.< / div >
< / 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 >
< textarea class = "form-control" id = "topic" name = "topic" placeholder = "What would you like to discuss?" style = "height: 10rem;" data-sb-validations = "required" > < / textarea >
2022-05-12 21:17:35 +00:00
< div class = "invalid-feedback" data-sb-feedback = "whatWouldYouLikeToDiscuss:required" > What would you like to discuss? is required.< / div >
< / 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-12 22:32:40 +00:00
< input class = "form-check-input" id = "optionA" type = "radio" name = "date" data-sb-validations = "" / >
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-12 22:32:40 +00:00
< input class = "form-check-input" id = "optionB" type = "radio" name = "date" data-sb-validations = "" / >
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-12 22:32:40 +00:00
< input class = "form-check-input" id = "optionC" type = "radio" name = "date" data-sb-validations = "" / >
2022-05-12 21:17:35 +00:00
< label class = "form-check-label" for = "optionC" > option C< / label >
< / div >
< / div >
< div class = "d-none" id = "submitSuccessMessage" >
< div class = "text-center mb-3" >
< div class = "fw-bolder" > Form submission successful!< / div >
< p > To activate this form, sign up at< / p >
< a href = "https://startbootstrap.com/solution/contact-forms" > https://startbootstrap.com/solution/contact-forms< / a >
< / div >
< / div >
< div class = "d-none" id = "submitErrorMessage" >
< div class = "text-center text-danger mb-3" > Error sending message!< / div >
< / div >
< div class = "d-grid" >
< button class = "btn btn-primary btn-lg disabled" id = "submitButton" type = "submit" > Submit< / button >
< / div >
< / form >
< / div >
< / body >
< / html >
