├── Imagem.png ├── index.html └── style.css /Imagem.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alura-cursos/Portifolio-HTML-e-CSS-Curso3/e37da375c47f6d8edf7da2de51524bede957262b/Imagem.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Portifolio 9 | 10 | 11 | 12 | 13 |

14 |

15 |

16 |

Eleve seu negócio digital a outro nívelcom um Front-end de qualidade! 18 |

19 |

Olá! Sou Joana Santos, desenvolvedora 20 | Front-end com especialidade em React, HTML e 21 | CSS. Ajudo pequenos negócios e designers a 22 | colocarem em prática boas ideias. Vamos 23 | conversar?

24 |

25 |

Acesse minhas redes

26 | Instagram 27 | GitHub 28 |

29 |

30 |

31 |

32 | 33 | 34 | 35 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:wght@400;600&display=swap'); 2 | 3 | *{ 4 | margin: 0; 5 | padding: 0; 6 | } 7 | 8 | body{ 9 | height: 100vh; 10 | box-sizing: border-box; 11 | background-color: #000000; 12 | color: #F6F6F6; 13 | } 14 | 15 | .titulo-destaque{ 16 | color: #22D4FD; 17 | } 18 | 19 | .apresentacao{ 20 | margin: 10% 15%; 21 | display: flex; 22 | align-items: center; 23 | justify-content: space-between; 24 | } 25 | .apresentacao__conteudo{ 26 | width: 615px; 27 | display: flex; 28 | flex-direction: column; 29 | gap: 40px; 30 | } 31 | 32 | .apresentacao__conteudo__titulo{ 33 | font-size: 36px; 34 | font-family: 'Krona One', sans-serif; 35 | } 36 | 37 | .apresentacao__conteudo__texto{ 38 | font-size: 24px; 39 | font-family: 'Montserrat', sans-serif; 40 | } 41 | 42 | .apresentacao__links{ 43 | display: flex; 44 | flex-direction: column; 45 | justify-content: space-between; 46 | align-items: center; 47 | gap: 32px; 48 | } 49 | .apresentacao__links__subtitulo{ 50 | font-family: 'Krona One', sans-serif; 51 | font-weight: 400; 52 | font-size: 24px; 53 | } 54 | .apresentacao__links__link{ 55 | /* background-color: #22D4FD; */ 56 | border: 2px solid #22D4FD; 57 | width: 378px; 58 | text-align: center; 59 | border-radius: 8px; 60 | font-size: 24px; 61 | font-weight: 600; 62 | padding: 21.5px 0; 63 | text-decoration: none; 64 | color: #F6F6F6; 65 | font-family: 'Montserrat', sans-serif; 66 | } --------------------------------------------------------------------------------