48 lines
No EOL
1.6 KiB
HTML
48 lines
No EOL
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang=en data-bs-theme=dark>
|
|
<head>
|
|
<meta charset=utf-8>
|
|
<meta name=viewport content="width=device-width, initial-scale=1">
|
|
<title>Product Experience Survey</title>
|
|
<link rel=stylesheet type=text/css
|
|
href=https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css>
|
|
</head>
|
|
<body>
|
|
<h1 class=visually-hidden>Product Experience Survey</h1>
|
|
<main class=container>
|
|
<form class=py-5 action=/submit method=post>
|
|
<fieldset>
|
|
<legend>What challenges, if any, does our software help you overcome?</legend>
|
|
<ol>
|
|
<li>
|
|
<!-- FORM/CTRL -->
|
|
<div class=mb-3>
|
|
<label class="form-label group-nc-challenges"
|
|
for=group-nc-challenges-pleasedescribe>Please describe</label>
|
|
<input class=form-control id=group-nc-challenges-pleasedescribe
|
|
type=text name=group-nc-challenges>
|
|
</div>
|
|
</ol>
|
|
<hr class=my-4>
|
|
</fieldset>
|
|
<fieldset>
|
|
<legend>How could we improve to better meet your needs?</legend>
|
|
<ol>
|
|
<li>
|
|
<!-- FORM/CHECKABLE -->
|
|
<div class=form-check>
|
|
<label class="form-check-label group-nc-improve"
|
|
for=group-nc-improve-pleasedescribe>
|
|
<input class=form-check-input type=radio name=group-nc-improve
|
|
value=please-describe id=group-nc-improve-pleasedescribe> Please describe</label>
|
|
</div>
|
|
</ol>
|
|
<hr class=my-4>
|
|
</fieldset>
|
|
<button class="btn btn-primary" type=submit>Submit</button>
|
|
</form>
|
|
</main>
|
|
<script
|
|
src=https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js></script>
|
|
</body>
|
|
</html> |