---
# System prepended metadata

title: Checkout  | Linguagem de Programação

---

# Checkout  | Linguagem de Programação

**Nome:** Patricia Oliveira Paulino
**Número:** 37
**Turma:** INFO D


![](https://i.imgur.com/KSQjrZC.png)


## 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{}