Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/raizacirne/projeto-portfolio

Modelo de portfólio para desenvolvedores
https://github.com/raizacirne/projeto-portfolio

Last synced: 11 days ago
JSON representation

Modelo de portfólio para desenvolvedores

Awesome Lists containing this project

README

        

# 📋 Indíce

- [Bem-vindo](#id01)
- [Proposta](#id01)
- [O desafio](#id01.1)
- [Screenshots](#id02)
- [Links](#id03)
- [Tecnologias utilizadas](#id04)
- [Pré-requisitos](#id05)
- [Procedimentos de instalação](#id06)
- [Autora](#id07)

# Bem-vindo! 👋

**A construção deste projeto consiste em um modelo de portfólio.**

Essa foi a criação de um modelo de portfólio para desenvolvedores, afim de adquirir habilidades de codificação criando projetos realistas.

# 🚀 Proposta

Desafio da mentoria CSV para prática de projetos

Escolha de um projeto com o prazo de entrega.


Data inicial: 02/08/2022

Data final: 07/08/2022


## :trophy: O desafio


O objetivo foi criar um modelo de portófio útil para utilização na comunidade de desenvolvedores e obter conhecimentos nas linguagens de marcação HTML5 e CSS3.

Dentro da pasta `/design` encontram-se os designs do projeto.
Os desenhos estão em formato PNG estático. Usei meu julgamento para estilos como `font-size`, `padding`, `margin` e `color`.

**A construção deste projeto consistiu em:**

1. Criação do arquivo `index.html` e do `style.css`.

2. Um `header` com uma lista para navegação.

3. Uma `div` principal para inserção de uma foto profissional com um `button` de projetos com link `href` direcionando para as `section` dos projetos no site.

4. As `section` dos sites foram organizadas por `table`, `tr`, `td` e uma lista `ul` desordenada `li`

5. Criação do `footer`


# :camera_flash: Screenshots


## :desktop_computer: Desktop design

![Design preview principal](./design/principal.png)

## Desktop design section 2

![Design preview section2](./design/section2.png)

## Desktop design section 3

![Design preview section3](./design/section3.png)

## Desktop design section 4

![Design preview section4](./design/section4.png)


# :heavy_check_mark: Links


- Clique no link para acessar a página: https://zesty-begonia-0e8574.netlify.app/


# 🛠 Tecnologias utilizadas


- HTML5
- CSS3


# ☑️ Pré-requisitos


- [x] Editor de código de sua preferência (recomendado VS code)
- [x] Git


# 📝 Procedimentos de instalação


Clone este repositório usando o comando:

```bash
git clone https://github.com/RaizaCirne/projeto-portfolio.git
```


**HTML - CSS** 🚀

# :sunglasses: Autora


- Personal Page - [Raíza Cirne Braz](https://zesty-begonia-0e8574.netlify.app/)
- Frontend Mentor - [@RaizaCirne](https://www.frontendmentor.io/profile/RaizaCirne)
- GitHub - [RaizaCirne](https://github.com/RaizaCirne)