https://github.com/zingarelli/optimustech-7daysofcode-html_css

Projeto desenvolvido durante o desafio #7DaysOfCode da Alura, criando uma página de contratação para uma empresa de TI fictícia chamada OptimusTech
https://github.com/zingarelli/optimustech-7daysofcode-html_css

7daysofcode alura css flexbox grid html vitrinedev

Last synced: 11 months ago
JSON representation

Projeto desenvolvido durante o desafio #7DaysOfCode da Alura, criando uma página de contratação para uma empresa de TI fictícia chamada OptimusTech

• Host: GitHub
• URL: https://github.com/zingarelli/optimustech-7daysofcode-html_css
• Owner: zingarelli
• Created: 2022-04-01T02:20:20.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2022-09-16T14:15:59.000Z (over 3 years ago)
• Last Synced: 2025-01-02T00:15:18.302Z (about 1 year ago)
• Topics: 7daysofcode, alura, css, flexbox, grid, html, vitrinedev
• Language: HTML
• Homepage: https://zingarelli.github.io/OptimusTech-7DaysOfCode-HTML_CSS/
• Size: 998 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# #7DaysOfCode | HTML e CSS

Projeto desenvolvido durante o desafio #7DaysOfCode da Alura (https://7daysofcode.io). O desafio para HTML e CSS é criar uma página de contratação para uma empresa de TI fictícia chamada OptimusTech. A cada dia sou desafiado a fazer uma parte do layout da página, cujo protótipo foi disponibilizado no Figma. 

O desafio envolve utilizar conceitos de HTML e CSS, como alinhamento, inserção de imagens, separação de blocos e sub-blocos, Flexbox, Grid, etc.

| :placard: Vitrine.Dev |     |

| -------------  | --- |

| :sparkles: Nome        | **7DaysOfCode - HTML e CSS**

| :label: Tecnologias | HTML, CSS

| :rocket: URL         | https://zingarelli.github.io/OptimusTech-7DaysOfCode-HTML_CSS/

| :fire: Desafio     | https://7daysofcode.io/matricula/html-css

![](https://user-images.githubusercontent.com/19349339/190243295-94b767a3-b7ea-414e-8292-8f7ab26ab3ae.png#vitrinedev)

## Detalhes do projeto

## Dia 1

Desenvolvimento do menu de navegação da página

![image](https://user-images.githubusercontent.com/19349339/161184557-1768ebd5-a3a3-4eda-a541-84caff1c0d86.png)

## Dia 2

Desenvolvimento do cabeçalho da página e pequenas alterações de fonte e cor do menu de navegação

![image](https://user-images.githubusercontent.com/19349339/161359839-9f5e5e4b-9d51-47fc-be36-f4fd1209aa98.png)

## Dia 3

Desenvolvimento da seção de Métricas e Resultados. Ajustes estéticos na estrutura HTML da página e no CSS.

![image](https://user-images.githubusercontent.com/19349339/161386917-ce71f63a-a10b-4d05-afeb-d58e11cf61db.png)

## Dia 4

Início do desenvolvimento da seção de vagas. Alguns ajustes no CSS da página para ficar próximo do layout fornecido no Figma.

![image](https://user-images.githubusercontent.com/19349339/161433494-5751d738-2510-4c07-b0dc-c369240e0dd2.png)

## Dia 5

Continuação da seção de vagas, agora mostrando a lista das vagas disponíveis. Print de parte do conteúdo adicionado:

![image](https://user-images.githubusercontent.com/19349339/161638277-e72c95cf-d246-4675-92e7-022d0a43639b.png)

## Dia 6

Desenvolvimento da seção de Depoimentos.

![image](https://user-images.githubusercontent.com/19349339/161873568-bec09393-bdb6-4dcc-a593-14da02ac9d8a.png)

## Dia 7

Desenvolvimento da seção de Footer, com um formulário (somente layout, sem ação ao clicar no botão). Com isso, encerro o desafio!

![image](https://user-images.githubusercontent.com/19349339/162078553-966d822f-4dfa-4411-b9c9-3bd4114cbd93.png)

## To Do

Adaptar o site para telas menores.