create_form.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  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. <h5>Todos os campos são obrigatórios!</h5>
  45. <form enctype="multipart/form-data" action="{post_url}" method="POST">
  46. <div class="form-group">
  47. <label for="email">Email</label>
  48. <input
  49. type="email"
  50. class="form-control"
  51. id="email"
  52. name="email"
  53. required="required"
  54. />
  55. <small id="emailHelp" class="form-text text-muted"
  56. >Email que receberá as informações de acesso ao questionário.</small
  57. >
  58. </div>
  59. <div class="form-group">
  60. <label for="title">Título</label>
  61. <input
  62. id="title"
  63. name="title"
  64. type="text"
  65. class="form-control"
  66. required="required"
  67. />
  68. <small id="titleHelp" class="form-text text-muted"
  69. >Título do seu questionário</small
  70. >
  71. </div>
  72. <div class="form-group">
  73. <label for="description">Apresentação</label>
  74. <textarea
  75. id="description"
  76. name="description"
  77. cols="15"
  78. rows="5"
  79. class="form-control"
  80. required="required"
  81. ></textarea>
  82. <small id="introHelp" class="form-text text-muted"
  83. >Essa apresentação será aprensetado no início do seu
  84. questionário.</small
  85. >
  86. </div>
  87. <div class="form-group">
  88. <label for="thanks">Agradecimento</label>
  89. <textarea
  90. id="thanks"
  91. name="thanks"
  92. cols="15"
  93. rows="5"
  94. class="form-control"
  95. required="required"
  96. ></textarea>
  97. <small id="thanksHelp" class="form-text text-muted"
  98. >Essa mensagem será aprensetada no final do seu questionário.</small
  99. >
  100. </div>
  101. <div class="form-group">
  102. <label for="formSource">Arquivo do questionário</label>
  103. <input
  104. type="file"
  105. class="form-control-file"
  106. id="formSource"
  107. name="formSource"
  108. required="required"
  109. />
  110. <small id="formksHelp" class="form-text text-muted">
  111. Faça o upload do arquivo de texto descrevendo seu formulário. Use este <a target="_blank" href="/guia.html">guia</a> em caso de dúvida.
  112. </small>
  113. </div>
  114. <button class="btn btn-primary" type="submit">Enviar</button>
  115. </form>
  116. </div>
  117. </body>
  118. </html>