Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/barbaracalderon/fmt-labquiz

O LabQuiz é um formulário simples desenvolvido em HTML e CSS para testar conhecimentos sobre HTML e CSS. É uma atividade individual e avaliativa do módulo 2 do curso Fullstack do SENAI/SC - Florianópolis.
https://github.com/barbaracalderon/fmt-labquiz

css forms html styling-css

Last synced: about 1 month ago
JSON representation

Host: GitHub
URL: https://github.com/barbaracalderon/fmt-labquiz
Owner: barbaracalderon
Created: 2024-05-10T02:54:07.000Z (8 months ago)
Default Branch: main
Last Pushed: 2024-05-10T05:12:11.000Z (8 months ago)
Last Synced: 2024-10-15T05:42:18.955Z (3 months ago)
Topics: css, forms, html, styling-css
Language: HTML
Homepage:
Size: 156 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# LabQuiz

LabQuiz é um projeto de formulário HTML/CSS para testar conhecimentos sobre HTML e CSS.

![Labquiz](labquiz.png)

## Sumário

1. [Introdução](#introdução)
2. [Estrutura do Projeto](#estrutura-do-projeto)
3. [Instruções de Uso](#instruções-de-uso)
4. [Estilos CSS](#estilos-css)
5. [Considerações Finais](#considerações-finais)

## Introdução

Este projeto consiste em um formulário HTML/CSS chamado LabQuiz, destinado a testar conhecimentos sobre HTML e CSS. Ele foi desenvolvido como parte de um exercício prático para praticar habilidades de codificação frontend.

## Estrutura do Projeto

O projeto contém os seguintes arquivos:

- `index.html`: o arquivo HTML principal que contém a estrutura do formulário.
- `styles.css`: arquivo CSS responsável por estilizar o formulário.
- `README.md`: este arquivo que fornece informações sobre o projeto.

## Instruções de Uso

Para utilizar o LabQuiz, siga estas etapas:

1. Faça o download dos arquivos `index.html` e `styles.css`.
2. Abra o arquivo `index.html` em um navegador da web.
3. Preencha as perguntas do formulário de acordo com seus conhecimentos sobre HTML e CSS.
4. Clique no botão "Enviar" para submeter suas respostas (apenas estilização!).

## Estilos CSS

Os estilos CSS aplicados ao formulário incluem:

- Centralização do texto e dos elementos.
- Cores de fundo e texto específicas para cabeçalho, botão e outras seções.
- Definição de tamanhos e espaçamentos adequados para elementos.
- Estilização de bordas e margens para melhorar a aparência do formulário.

## Considerações Finais

O LabQuiz é um projeto simples, mas útil para testar e praticar habilidades relacionadas a HTML, CSS e design de formulários. Desenvolvido por mim, Barbara Calderon, como atividade individual do curso Fullstack do SENAI/SC - Florianópolis, iniciativa **Floripa Mais Tech** pelo LAB365.