# Checkout | Linguagem de Programação
**Nome:** Patricia Oliveira Paulino
**Número:** 37
**Turma:** INFO D
## Explicação:
Primeiramente, tem que fazer os retangulos no site dele. O primeiro retangulo é o espaço todo. E depois separando em filhos.
Codigo de alteração que já passa a div com class
"div.container-site" _enter
#### ESTRUTURA DE PASTAS
>**src
>audios
>fonts
>videos
>imagens
>pages
>home
>index.html
>index.css
>contacts
>index.html
>index.css
>comum
>comum.css**
#### REFERÊNCIA DE HTML COM CSS
<link.ref = "stylescheet" href = "index.css">
com a estrutura de pasta isso irá mudar então ficaria:
em outra linha
../comum/
O "comum.css" é onde fica as fontes e as pastas comum.
@font-face {
font-family: ...;
src:url('../../assets/fonts/nome da fonte');
}
body{}
{"metaMigratedAt":"2023-06-15T23:40:02.027Z","metaMigratedFrom":"Content","title":"Checkout | Linguagem de Programação","breaks":true,"contributors":"[{\"id\":\"8f7566f7-64b5-4753-b866-2bb258422309\",\"add\":880,\"del\":22}]"}