Question Project

O projeto se trata de um site construído em HTML e CSS, cuja proposta é ser uma rede social em que os usuários podem publicar dúvidas sobre assuntos variados que serão respondidas por outros usuários.

---

Alunos:

---

• Hugo de Araújo
• Marcéli Melchiors
• Mateus Amaral
• João Victor Mendes

Link para todas as paginas:

---

Pagina Inicial: https://questionproject.w3spaces.com/index.html

Cadastro: https://questionproject.w3spaces.com/Cadastro.html

Login: https://questionproject.w3spaces.com/Login.html

Seu perfil: https://questionproject.w3spaces.com/SeuPerfil.html

Crie uma pergunta: https://questionproject.w3spaces.com/CriacaoPerguntas.html

Suas perguntas: https://questionproject.w3spaces.com/SuasPerguntas.html

Tela de seleção: https://questionproject.w3spaces.com/TelaSelecao.html

Perguntas existentes: https://questionproject.w3spaces.com/PerguntasExistentes.html

Sobre nós: https://questionproject.w3spaces.com/SobreNos.html

Local em que determianda funcionalidade do sass foi utilizada:

---

Variables:

• node_modules/bootstrap/scss/_variables.scss
• node_modules/bootstrap/scss/mixins/_hover.scss

Nesting:

• node_modules/bootstrap/scss/_customImg.scss
• node_modules/bootstrap/scss/_buttons.scss

Partials:

• node_modules/bootstrap/scss/mixins/_hover.scss

Modules:

• node_modules/bootstrap/scss/_customImg.scss --> node_modules/bootstrap/scss/bootstrap.scss
• node_modules/bootstrap/scss/_margin.scss --> node_modules/bootstrap/scss/bootstrap.scss
• node_modules/bootstrap/scss/mixins/_hover.scss --> node_modules/bootstrap/scss/_mixins.scss

Mixins (O mixin foi feito em um módulo que será utilizado por várias classes):

• node_modules/bootstrap/scss/mixins/_hover.scss --> node_modules/bootstrap/scss/_buttons.scss
• node_modules/bootstrap/scss/mixins/_hover.scss --> node_modules/bootstrap/scss/_customImg.scss

Extend/Inheritance:

• node_modules/bootstrap/scss/_customImg.scss

Operators:

• node_modules/bootstrap/scss/mixins/_hover.scss

Observações:

---

• Foi utilizado o formato scss ao invés do sass, visto que funcionam da mesma maneira mas o scss tem uma indentação mais parecida com o css

• Tutorial utilizado para fazer o sass funcionar com o bootstrap: https://www.youtube.com/watch?v=VwN9OzoK9o8

• Sites utilizado com referencia do código:

  • documentação do bootstrap 5: https://getbootstrap.com/docs/5.0/getting-started/introduction/
  • página de exemplos do bootstrap 4: https://getbootstrap.com/docs/4.0/examples/
  • W3schools bootstrap 5: https://www.w3schools.com/bootstrap5/index.php