└── site andamento ├── css ├── css_do_site.css ├── reset.css └── estilo.css ├── grafico_de_avaliacao.html ├── areas_da_instituicao.html ├── avaliacao.html ├── index.html └── cadastro.html /site andamento/css/css_do_site.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /site andamento/css/reset.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | border: 0; 5 | font-size: 100%; 6 | font: inherit; 7 | vertical-align: baseline; 8 | } 9 | 10 | 11 | /* HTML5 display-role reset for older browsers */ 12 | 13 | article, 14 | aside, 15 | details, 16 | figcaption, 17 | figure, 18 | footer, 19 | header, 20 | hgroup, 21 | menu, 22 | nav, 23 | section { 24 | display: block; 25 | } 26 | 27 | body { 28 | line-height: 1; 29 | } 30 | 31 | ol, 32 | ul { 33 | list-style: none; 34 | } 35 | 36 | blockquote, 37 | q { 38 | quotes: none; 39 | } 40 | 41 | blockquote:before, 42 | blockquote:after, 43 | q:before, 44 | q:after { 45 | content: ''; 46 | content: none; 47 | } 48 | 49 | table { 50 | border-collapse: collapse; 51 | border-spacing: 0; 52 | } -------------------------------------------------------------------------------- /site andamento/grafico_de_avaliacao.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Gráfico de Avaliação | Pesquisa de Satisfação 6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 21 | 22 | 23 | 24 |
25 |
26 |
27 |

Gráfico de avaliação

28 |
29 |

Essa pagina mostra por meio de um gráfico como está a avaliação da faculdade.

30 |
31 |
32 |
33 | 34 |
35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /site andamento/areas_da_instituicao.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Áreas Da Instituição| Pesquisa de Satisfação 6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 21 | 22 | 23 | 24 |
25 |
26 |
27 |

Áreas

28 |
29 |

Essa página é destinada para ver todos os setores existentes da faculdade.

30 | 31 |
32 | 33 | 34 | 35 |
36 |
37 | 38 |
39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /site andamento/avaliacao.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Avaliação | Pesquisa de Satisfação 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 21 | 22 | 23 |
24 |
25 | 26 | 27 |
28 | 29 |

Selecione uma área a instituição:

30 |
31 |
32 |
33 |

35 | 42 | 43 |

44 |
45 |
46 |



47 |
48 |
49 | 50 | 51 |



52 | 53 |
54 |
55 | 56 |

57 |
58 |
59 | 60 |
61 |
62 |

63 |

Todos os direitos reservado ao grupo 7

64 |

65 |
66 | 67 |
68 | 69 |
70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | -------------------------------------------------------------------------------- /site andamento/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Pagina Inicial| Pesquisa de Satisfação 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 |
16 | 29 | 30 |
31 |
32 | Ajude a melhorar o ambiente da faculdade avaliando-a. 33 |
34 |
35 | 36 | 37 |
38 | 39 |

40 |

JÁ TEM CADASTRO?

41 |
42 | 43 |

44 |
45 |
46 |

47 |


48 |
49 | 50 |


51 |
52 |
53 | 54 | 55 |

56 |
57 |
58 | 59 | 60 | 61 |
62 |

63 |

Somos estudante da organização CETEC
e em nossa aula de programação para
internet foi proposto um desafio profissional ,
logo após isto, tivemos a ideia de criar um
ambuente de avaliação das areás de nossa faculdade. 64 |

65 |

66 | 67 |
68 | 69 | 70 | 71 | 72 |
73 | 74 |
75 |

76 |

Todos os direitos reservado ao grupo 7

77 |

78 |
79 | 80 |
81 | 82 | 83 | 84 | 85 | 86 | -------------------------------------------------------------------------------- /site andamento/cadastro.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Cadastro | Pesquisa de Satisfação 7 | 8 | 9 | 10 | 11 | 12 | 13 | 23 | 24 | 25 |
26 |
27 |
28 |
29 | 90 | 91 | 92 | 93 | 94 |
95 |
96 | 97 |
98 | 99 | 100 | 101 | 102 |
103 | 104 |
105 |
106 |

107 |

Todos os direitos reservado ao grupo 7

108 |

109 |
110 | 111 |
112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | -------------------------------------------------------------------------------- /site andamento/css/estilo.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | /* CSS Document */ 4 | 5 | input { 6 | padding: 15px; 7 | border: none; 8 | outline: none; 9 | font-size: 15px; 10 | border: 1px solid #4ad6e9; 11 | } 12 | 13 | button { 14 | background-color: dodgerblue; 15 | border: none; 16 | padding: 15px; 17 | border-radius: 10px; 18 | color: white; 19 | } 20 | 21 | #button_cadastro { 22 | margin: 0 2em 0 2em; 23 | } 24 | 25 | #input_valor { 26 | font-size: 20px; 27 | text-align: center; 28 | width: 200px; 29 | } 30 | 31 | 32 | /*inicio da estelização */ 33 | 34 | body { 35 | font-family: "Century Ghotic"; 36 | font-size: 16px; 37 | background-image: linear-gradient(90deg, cyan, blue); 38 | } 39 | 40 | #geral_home { 41 | width: 100%; 42 | margin: auto; 43 | } 44 | 45 | .menu { 46 | width: 100%; 47 | margin: auto; 48 | height: 60px; 49 | font-size: 20px; 50 | background-color: #1643a3; 51 | } 52 | 53 | .menu ul li { 54 | position: relative; 55 | display: inline; 56 | padding: 0 0 0 60px; 57 | top: 10px; 58 | } 59 | 60 | div.menu_links { 61 | margin: 5px 120px 0px 120px; 62 | display: inline-block; 63 | } 64 | 65 | .menu ul li a { 66 | text-decoration: none; 67 | color: #FFF; 68 | } 69 | 70 | 71 | /*fim da estilização do site*/ 72 | 73 | 74 | /*inicio da pagina inicial*/ 75 | 76 | .box_txt { 77 | position: absolute; 78 | top: 20%; 79 | left: 50%; 80 | transform: translate(-50%, -50%); 81 | width: 100%; 82 | text-align: center; 83 | font-family: Georgia, "Times New Roman", Times, serif; 84 | font-size: 40px; 85 | } 86 | 87 | .caixa_texto { 88 | position: absolute; 89 | top: 50%; 90 | left: 50%; 91 | transform: translate(-50%, -50%); 92 | text-align: center; 93 | line-height: 15px; 94 | background-color: rgba( 0, 0, 0, 0.8); 95 | font-family: Georgia, "Times New Roman", Times, serif; 96 | padding: 50px; 97 | border-radius: 15px; 98 | color: white; 99 | } 100 | 101 | div.texto_apresentação { 102 | position: absolute; 103 | top: 80%; 104 | left: 50%; 105 | transform: translate(-50%, -50%); 106 | width: 50%; 107 | text-align: center; 108 | font-family: Georgia, "Times New Roman", Times, serif; 109 | font-size: 25px; 110 | } 111 | 112 | #fundo_inicial { 113 | width: 100%; 114 | position: static; 115 | } 116 | 117 | .rodape { 118 | width: 100%; 119 | height: 40px; 120 | font-size: 30px; 121 | text-align: center; 122 | color: white; 123 | background-color: black; 124 | position: absolute; 125 | top: 97.8%; 126 | left: 50%; 127 | transform: translate(-50%, -50%); 128 | } 129 | 130 | #rodape_cadrastro { 131 | top: 120%; 132 | left: 50%; 133 | transform: translate(-50%, -50%); 134 | } 135 | 136 | 137 | /*fim da pagina inicial*/ 138 | 139 | .box_txt2 { 140 | width: 600px; 141 | height: 280px; 142 | float: left; 143 | position: relative; 144 | margin: 15px; 145 | } 146 | 147 | .box_txt2 h2 { 148 | font-size: 27px; 149 | color: #000; 150 | font-weight: bold; 151 | font-family: Arial, Helvetica, sans-serif; 152 | } 153 | 154 | 155 | /*inicio da pagina CADASTRO*/ 156 | 157 | #geral_cadastro { 158 | width: 100%; 159 | margin: auto; 160 | } 161 | 162 | #fundo_cadastro { 163 | width: 100%; 164 | background-color: #000; 165 | } 166 | 167 | div.geral { 168 | width: 100%; 169 | background-image: linear-gradient(90deg, cyan, blue); 170 | } 171 | 172 | #titulo_cadastro { 173 | font-family: sans-serif; 174 | color: rgb(19, 229, 236); 175 | } 176 | 177 | .box_txt3 { 178 | position: absolute; 179 | top: 62%; 180 | left: 50%; 181 | transform: translate(-50%, -50%); 182 | text-align: center; 183 | line-height: 15px; 184 | background-color: rgba( 0, 0, 0, 0.7); 185 | font-family: Georgia, "Times New Roman", Times, serif; 186 | padding: 35px; 187 | border-radius: 15px; 188 | color: white; 189 | /* position: absolute; 190 | width: 50%; 191 | top: 60%; 192 | left: 50%; 193 | transform: translate(-50%, -50%); 194 | text-align: center; 195 | background-color: rgba( 0, 0, 0, 0.7); 196 | font-family: Georgia, "Times New Roman", Times, serif; 197 | padding: 50px; 198 | border-radius: 15px; 199 | color: white; */ 200 | } 201 | 202 | 203 | /* .inputs { 204 | position: absolute; 205 | top: 120%; 206 | left: 50%; 207 | transform: translate(-50%, -50%); 208 | } */ 209 | 210 | .box_txt3 h1 { 211 | font-size: 20px; 212 | color: #FFF; 213 | font-weight: bold; 214 | font-family: Arial, Helvetica, sans-serif; 215 | } 216 | 217 | .box_txt3 p { 218 | text-align: justify; 219 | } 220 | 221 | .box_txt4 { 222 | width: 100%; 223 | height: 150px; 224 | float: left; 225 | position: relative; 226 | margin: 15px; 227 | } 228 | 229 | .box_txt4 h2 { 230 | font-size: 24px; 231 | color: #000000; 232 | font-weight: bold; 233 | font-family: arial, helvetica, sans-serif; 234 | } 235 | 236 | .box_txt4 p { 237 | text-align: justify; 238 | } 239 | 240 | 241 | /*fim pagina de CADASTRO */ 242 | 243 | 244 | /*inicio pagina de AVALIAÇÃO*/ 245 | 246 | .box_txt5 { 247 | position: absolute; 248 | top: 50%; 249 | left: 50%; 250 | transform: translate(-50%, -50%); 251 | text-align: center; 252 | line-height: 15px; 253 | background-color: rgba( 0, 0, 0, 0.7); 254 | font-family: Georgia, "Times New Roman", Times, serif; 255 | padding: 35px; 256 | border-radius: 15px; 257 | color: white; 258 | } 259 | 260 | .box_txt5 h2 { 261 | font-size: 27px; 262 | color: #000; 263 | font-weight: bold; 264 | font-family: Arial, Helvetica, sans-serif; 265 | } 266 | 267 | 268 | /*fim pagina de AVALIAÇÃO*/ 269 | 270 | 271 | /*inicio pagina ÁREAS DA INSTITUIÇÃO*/ 272 | 273 | .box_txt7 { 274 | width: 500px; 275 | height: 200px; 276 | float: left; 277 | position: relative; 278 | margin: 15px; 279 | } 280 | 281 | .box_txt7 h2 { 282 | font-size: 24px; 283 | color: #000000; 284 | font-weight: bold; 285 | font-family: arial, helvetica, sans-serif; 286 | } 287 | 288 | .box_txt7 p { 289 | text-align: justify; 290 | color: #333; 291 | } 292 | 293 | .box_txt8 { 294 | width: 500px; 295 | height: 200px; 296 | float: left; 297 | position: relative; 298 | margin: 15px; 299 | } 300 | 301 | .box_txt8 ul { 302 | text-align: justify; 303 | color: #000000; 304 | font-size: 18px; 305 | } 306 | 307 | 308 | /*fim da pagina Setores*/ 309 | 310 | 311 | /*Inicio da página Gráfico de Avaliação*/ --------------------------------------------------------------------------------