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

https://github.com/raizertechdev/portfolio-rafarz76dev

Meu novo portfólio criado após experiências e conhecimentos adquiridos com as seguintes stacks => HTML, CSS e JavaScript🚀
https://github.com/raizertechdev/portfolio-rafarz76dev

html5 javascipt scss-css

Last synced: 10 months ago
JSON representation

Meu novo portfólio criado após experiências e conhecimentos adquiridos com as seguintes stacks => HTML, CSS e JavaScript🚀

Awesome Lists containing this project

README

          

***

[![Typing SVG](https://readme-typing-svg.herokuapp.com?font=Fira+Code&weight=700&size=25&pause=1000&color=6035DF&center=true&vCenter=true&width=435&lines=Olá👋+sou+Rafael+Raizer)](https://git.io/typing-svg)

Typing SVG

***
# Venho aqui apresentar

# My new Portfolio



### [Clique aqui para e venha interagir com my new (```Portfolio```) ](https://portifolio-rafarz76dev.netlify.app/)


***


---



# Suas aplicações:

HTML

CSS

---
# Ferramenta-Projeto⁉

VSCode

---
##  Linguagem Tecnológica do Desafio:

JS

---
# Passo a Passo do Projeto:

### Sites `Referência` do Projeto :

- [`Fonte do Google`](https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap)

- [`Icones-W3schools`](https://www.w3schools.com/icons/fontawesome5_icons_security.asp)

- [`Formulário-formspree`](https://formspree.io/) Para endereço de e-mail, foi adicionado o atributo replyto (isso significa apenas que você poderá responder rapidamente ao usuário que enviou originalmente por e-mail).

- [`AutoComplete-W3schools`](https://www.w3schools.com/tags/att_input_autocomplete.asp) É um atributo que especifica um campo de entrada se deve ou não ter o preenchimento automático ativado.

### O projeto teve a criação do Html acrescentando:
- `links, imagens, blocos de texto com div, # para os menus, por section, containers...`

### Obteve as estilizações em `css`e `scss`com algumas propriedades:
- `Elementos, textos, dimensões, alinhamentos, sombreamentos, transformação, transição, animação...` deixando assim o site mais elegante.

### Foi consumido nesse projeto o @media conhecido como media-query que com a condição de especificar:
- `Um equipamento, tamanho, resolução, formato, rotação, etc.`