diff --git a/README.md b/README.md index db83880..7c7c166 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,147 @@ -# Pagina_de_Curriculo_Simples -🌐 • Repositório do projeto de página de currículo simples feito no VSCode e com as linguagens de HTML e CSS para a disciplina de "Tópicos Especiais em Tecnologia". + + +
+ Licence-badge +
+ +
+ + + +
+ + PaginadeCurriculoSimples-pic + +

Página de Currículo Simples 📄

+
+ +
+ + **Visualize a página web clicando aqui »** \ + **"Use `ctrl + click` para abri-la numa nova janela!"** +
+ +
+ + • Repositório do projeto de página de currículo simples feito no VSCode e com as linguagens \ + de HTML e CSS para a disciplina de "Tópicos Especiais em Tecnologia". + +
+ +
+ + VSCodeIDE-badge + + + HTMLLanguage-badge + +
+ +
+ + CSSLanguage-badge + +
+ +
+ +
+View Demo   •   +Report Bug   •   +Request Feature +
+ + + +## 📋 Sobre a Página + +### 🖼️ Imagem da página + +> WebPageView + +A página foi construída seguindo as seguintes orientações durante a aula de Tópicos Especiais em Tecnologia ministrada no dia 26/02/2024: +- **I.** Coloque todo o conteúdo visível da página dentro de um elemento `
`; +- **II.** Remova eventuais elementos `
` e `
` separando as partes do currículo e coloque cada parte +(começando pelo perfil) dentro de um elemento `
`; +- **III.** O corpo da página deve ter fundo cinza `#ddd`. A fonte deve ser “Helvetica Neue”, na cor `#444` e com espaçamento entre linhas de 1,5. +- **IV.** O corpo deve ocupar 60% da largura e deve ser centralizado horizontalmente. Para isso, acrescente as propriedades a seguir à regra CSS que seleciona o elemento ``: \ +`width: 60%;`\ +`margin: 0 auto;`\ +`padding: 2% 0;` +- **V.** A parte principal da página `
` deve ter fundo branco. Não é necessário colocar os cantos arredondados; +- **VI.** Os títulos `

` e `

` devem aparecer na cor `RGB: 140, 76, 8`; +- **VII.** Crie uma regra CSS para moficiar os elementos `
` da página e acrescente as declarações a seguir para que uma borda superior seja inserida no início de cada seção: \ +`margin-top: 0px;`\ +`padding-bottom: 5px;`\ +`border-top: solid 1px gray;` +- **VIII.** Faça a validação do HTML e do CSS utilizando as ferramentas do W3C. + + + +
+ + + +## 👤 Autor + + + + + + +
+ + +
+ +
+
+ + + +
+ + + +---- + + + +
+ Feito com ❤️ por Juletopi. +