create_form.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. <!DOCTYPE html>
  2. <html lang="pt-br">
  3. <head>
  4. <!-- Meta tags Obrigatórias -->
  5. <meta charset="utf-8" />
  6. <meta
  7. name="viewport"
  8. content="width=device-width, initial-scale=1, shrink-to-fit=no"
  9. />
  10. <!-- Bootstrap CSS -->
  11. <link rel="stylesheet" href="/assets/css/bootstrap.min.css" />
  12. <title>LInE Quest</title>
  13. <style>
  14. body {
  15. background-color: #e9ecef;
  16. }
  17. .page-header {
  18. margin-top: 1em;
  19. border-top: 1px solid rgb(155, 155, 155);
  20. padding-top: 0.5em;
  21. }
  22. .badge {
  23. font-size: 100%;
  24. }
  25. .form-div {
  26. margin: 2rem;
  27. width: 60vw;
  28. }
  29. </style>
  30. </head>
  31. <body>
  32. <div class="jumbotron" style="padding-bottom: 0;">
  33. <p style="float: right; color: #333; font-weight: 300;">
  34. Free Education, Private Data (FEPD)
  35. </p>
  36. <img src="/assets/img/logo.png" width="250px" />
  37. <p style="font-size: 21px; color: #333; font-weight: 300;">
  38. Plataforma para questionários
  39. </p>
  40. <hr/>
  41. </div>
  42. <div class="form-div">
  43. <h3 class="">Criar questionário</h3>
  44. <form enctype="multipart/form-data" action="{post_url}" method="POST">
  45. <div class="form-group">
  46. <label for="email">Email</label>
  47. <input
  48. type="email"
  49. class="form-control"
  50. id="email"
  51. name="email"
  52. />
  53. <small id="emailHelp" class="form-text text-muted"
  54. >Email que receberá as informações de acesso ao questionário.</small
  55. >
  56. </div>
  57. <div class="form-group">
  58. <label for="title">Título</label>
  59. <input
  60. id="title"
  61. name="title"
  62. type="text"
  63. class="form-control"
  64. />
  65. <small id="titleHelp" class="form-text text-muted"
  66. >Título do seu questionário</small
  67. >
  68. </div>
  69. <div class="form-group">
  70. <label for="description">Apresentação</label>
  71. <textarea
  72. id="description"
  73. name="description"
  74. cols="15"
  75. rows="5"
  76. class="form-control"
  77. ></textarea>
  78. <small id="introHelp" class="form-text text-muted"
  79. >Essa apresentação será aprensetado no início do seu
  80. questionário.</small
  81. >
  82. </div>
  83. <div class="form-group">
  84. <label for="thanks">Agradecimento</label>
  85. <textarea
  86. id="thanks"
  87. name="thanks"
  88. cols="15"
  89. rows="5"
  90. class="form-control"
  91. ></textarea>
  92. <small id="thanksHelp" class="form-text text-muted"
  93. >Essa mensagem será aprensetada no final do seu questionário.</small
  94. >
  95. </div>
  96. <div class="form-group">
  97. <label for="formSource">Arquivo do questionário</label>
  98. <input
  99. type="file"
  100. class="form-control-file"
  101. id="formSource"
  102. name="formSource"
  103. />
  104. </div>
  105. <button class="btn btn-primary" type="submit">Enviar</button>
  106. </form>
  107. </div>
  108. </body>
  109. </html>