├── .vscode └── settings.json ├── assets ├── css │ ├── style.rev.css │ ├── style.teste.css │ ├── style.contact.css │ ├── style.thiago.css │ ├── style.sobre.css │ └── style.index.css ├── .DS_Store └── images │ ├── .DS_Store │ ├── logo.png │ ├── selfie.jpeg │ ├── thiago.jpeg │ └── logo-white.png ├── .DS_Store ├── layouts ├── footer.css ├── footer.html ├── header-rev.html ├── header.html ├── header-rev.css └── header.css ├── pages ├── rev.html ├── contact.html ├── thiago.html ├── felipe.html ├── teste.html └── sobre.html └── index.html /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "liveServer.settings.port": 5501 3 | } -------------------------------------------------------------------------------- /assets/css/style.rev.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | } -------------------------------------------------------------------------------- /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thiago-rferreira/avaliacaodiagnosticaHTML/HEAD/.DS_Store -------------------------------------------------------------------------------- /assets/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thiago-rferreira/avaliacaodiagnosticaHTML/HEAD/assets/.DS_Store -------------------------------------------------------------------------------- /assets/images/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thiago-rferreira/avaliacaodiagnosticaHTML/HEAD/assets/images/.DS_Store -------------------------------------------------------------------------------- /assets/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thiago-rferreira/avaliacaodiagnosticaHTML/HEAD/assets/images/logo.png -------------------------------------------------------------------------------- /assets/images/selfie.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thiago-rferreira/avaliacaodiagnosticaHTML/HEAD/assets/images/selfie.jpeg -------------------------------------------------------------------------------- /assets/images/thiago.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thiago-rferreira/avaliacaodiagnosticaHTML/HEAD/assets/images/thiago.jpeg -------------------------------------------------------------------------------- /assets/images/logo-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/thiago-rferreira/avaliacaodiagnosticaHTML/HEAD/assets/images/logo-white.png -------------------------------------------------------------------------------- /layouts/footer.css: -------------------------------------------------------------------------------- 1 | footer { 2 | width: 100%; 3 | position: fixed; 4 | bottom: 0px; 5 | right: 0; 6 | background-color: #333; 7 | color: white; 8 | height: 100px; 9 | text-align: center; 10 | } 11 | 12 | 13 | body { 14 | margin: 0; 15 | padding: 0; 16 | background-color: #D9D9D9; 17 | font-family: Verdana, Geneva, Tahoma, sans-serif; 18 | } -------------------------------------------------------------------------------- /pages/rev.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Meu Blog 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /layouts/footer.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 7 | 8 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /assets/css/style.teste.css: -------------------------------------------------------------------------------- 1 | .sectionparent { 2 | background-color: red; 3 | color: white; 4 | padding: 20px; 5 | display: flex; 6 | } 7 | 8 | .sectionchild { 9 | background-color: red; 10 | display: flex; 11 | justify-content: center; 12 | } 13 | 14 | .divparent { 15 | background-color: black; 16 | color: white; 17 | padding: 20px; 18 | } 19 | 20 | .divchild { 21 | background-color: grey; 22 | color: white; 23 | padding: 20px; 24 | width: 30%; 25 | } 26 | 27 | .divchild2 { 28 | background-color: grey; 29 | color: white; 30 | padding: 20px; 31 | } -------------------------------------------------------------------------------- /layouts/header-rev.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Meu site 6 | 7 | 8 | 9 |
10 |
11 | 14 | 22 |
23 |
24 | 25 | 26 | -------------------------------------------------------------------------------- /layouts/header.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Meu header 7 | 8 | 9 | 10 | 11 |
12 | 15 | 23 |
24 | 25 | 26 | -------------------------------------------------------------------------------- /pages/contact.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Contato 6 | 7 | 8 | 9 | 10 |

Entre em contato

11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /assets/css/style.contact.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | } 5 | 6 | body { 7 | background-color: #D9d9d9; 8 | font-family: Verdana, Geneva, Tahoma, sans-serif; 9 | margin: 0; 10 | padding: 0; 11 | background-color: #D9D9D9; 12 | } 13 | 14 | h1 { 15 | text-align: center; 16 | padding: 10px; 17 | font-size: 50px; 18 | } 19 | 20 | label { 21 | padding: 5; 22 | } 23 | 24 | /* estilo para o formulário */ 25 | form { 26 | display: flex; 27 | flex-direction: column; 28 | width: 80%; 29 | max-width: 500px; 30 | margin: 0 auto; 31 | padding-top: 20px; 32 | } 33 | 34 | input[type="text"], 35 | input[type="email"], 36 | textarea { 37 | padding: 10px; 38 | margin-bottom: 10px; 39 | border: 2px solid #ccc; 40 | border-radius: 5px; 41 | resize: none; 42 | } 43 | 44 | button { 45 | padding: 10px; 46 | background-color: #008CBA; 47 | color: white; 48 | border: none; 49 | border-radius: 5px; 50 | cursor: pointer; 51 | } 52 | 53 | button:hover { 54 | background-color: #006D9C; 55 | 56 | } 57 | 58 | #iframefooter { 59 | position: fixed; 60 | bottom: 0px; 61 | } -------------------------------------------------------------------------------- /assets/css/style.thiago.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | padding: 0; 4 | background-color: #D9D9D9; 5 | font-family: Verdana, Geneva, Tahoma, sans-serif; 6 | } 7 | 8 | header { 9 | text-align: center; 10 | background-color: #011826; 11 | margin: 0; 12 | padding: 10px; 13 | } 14 | 15 | #article { 16 | margin: 10px; 17 | } 18 | 19 | #main_title { 20 | text-align: center; 21 | font-size: 50px; 22 | } 23 | 24 | #link_title { 25 | text-decoration: none; 26 | color: #011826; 27 | } 28 | 29 | #section_aboutme { 30 | border-left: 6px solid black; 31 | padding-left: 20px; 32 | } 33 | 34 | #section_myhobbies { 35 | text-align: justify; 36 | border-left: 6px solid black; 37 | padding-left: 20px; 38 | } 39 | 40 | #section_image { 41 | text-align: center; 42 | } 43 | 44 | #p_subtitle { 45 | text-align: center; 46 | font-size: 15px; 47 | } 48 | 49 | footer { 50 | text-align: center; 51 | background-color: #011826; 52 | height: 50px; 53 | } 54 | 55 | #p_footer { 56 | margin-right: 20px; 57 | margin-bottom: 0px; 58 | margin-top: 20px; 59 | color: #D9D9D9; 60 | font-size: 15px; 61 | } -------------------------------------------------------------------------------- /layouts/header-rev.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | font-family: Arial, sans-serif; 4 | } 5 | 6 | header { 7 | background-color: #333; 8 | color: #fff; 9 | padding: 20px 0; 10 | height: 100%; 11 | width: 100%; 12 | position: fixed; 13 | 14 | } 15 | 16 | .container { 17 | width: 90%; 18 | max-width: 1200px; 19 | margin: 0 auto; 20 | display: flex; 21 | justify-content: space-between; 22 | align-items: center; 23 | } 24 | 25 | .logo { 26 | animation-name: spin; 27 | animation-duration: 2s; 28 | animation-iteration-count: initial; 29 | } 30 | 31 | @keyframes spin { 32 | from { 33 | transform: rotate(0deg); 34 | } 35 | to { 36 | transform: rotate(360deg); 37 | } 38 | } 39 | 40 | 41 | nav ul { 42 | list-style: none; 43 | margin: 0; 44 | padding: 0; 45 | display: flex; 46 | } 47 | 48 | nav li { 49 | margin: 0 10px; 50 | } 51 | 52 | nav a { 53 | color: #fff; 54 | text-decoration: none; 55 | text-transform: uppercase; 56 | padding: 10px; 57 | } 58 | 59 | nav a:hover { 60 | color: #ffc107; 61 | background-color: rgba(255, 255, 255, 0.36); 62 | border-radius: 5px; 63 | } 64 | 65 | nav a:active { 66 | color: #f44336; 67 | } -------------------------------------------------------------------------------- /layouts/header.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | padding: 0; 4 | font-family: Verdana, Geneva, Tahoma, sans-serif; 5 | } 6 | 7 | header { 8 | text-align: center; 9 | margin: 0; 10 | padding: 10px; 11 | background-color: #333; 12 | color: #fff; 13 | position: fixed; 14 | height: 100%; 15 | width: 100%; 16 | line-height: 40px; 17 | } 18 | 19 | nav { 20 | display: flex; 21 | justify-content: center; 22 | color: #fff; 23 | } 24 | 25 | .anav { 26 | display: block; 27 | color: #fff; 28 | text-decoration: none; 29 | font-weight: bold; 30 | padding: 5px 10px; 31 | transition: background-color 0.3s ease; 32 | } 33 | 34 | a:hover { 35 | background-color: #111; 36 | } 37 | 38 | ul { 39 | list-style-type: none; 40 | margin: 0; 41 | padding: 0; 42 | display: flex; 43 | color: #fff; 44 | } 45 | 46 | li { 47 | margin-right: 20px; 48 | } 49 | 50 | 51 | 52 | nav { 53 | display: flex; 54 | justify-content: center; 55 | } 56 | 57 | ul { 58 | list-style-type: none; 59 | margin: 0; 60 | padding: 0; 61 | display: flex; 62 | } 63 | 64 | a { 65 | display: block; 66 | color: #fff; 67 | text-decoration: none; 68 | font-weight: bold; 69 | padding: 5px 10px; 70 | transition: background-color 0.3s ease; 71 | } 72 | 73 | a:hover { 74 | background-color: #111; 75 | } 76 | 77 | .logo { 78 | animation-name: spin; 79 | animation-duration: 2s; 80 | animation-iteration-count: initial; 81 | } 82 | 83 | .logo:hover { 84 | background-color: #33333300; 85 | } 86 | 87 | @keyframes spin { 88 | from { 89 | transform: rotate(0deg); 90 | } 91 | 92 | to { 93 | transform: rotate(360deg); 94 | } 95 | } -------------------------------------------------------------------------------- /pages/thiago.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Sobre o Thiago 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 |

Thiago Ferreira

17 |
18 | 19 |
20 |

Sobre mim

21 | 22 |

Formado em Engenharia de Software na PUC-Campinas. Sou um entusiasta de 23 | informática desde pequeno, e sempre estudei e aprofundei meus conhecimentos na área.

24 |
25 | 26 |
27 |

Meus hobbies

28 | 29 |

Viajar

30 | 31 |

Viajar é um dos meus hobbies favoritos, já tive a oportunidade de viajar para três paises: Canadá, 32 | Argentina e Uruguai. Nas minhas próximas férias se tudo ocorrer da forma planejada pretendo ir para o 33 | Egito e para a Turquia.

34 |
35 |
36 |
37 |

38 | 39 |

40 |

Foto tirada em Niagara Falls

41 |
42 |
43 | 44 | 45 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /assets/css/style.sobre.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | padding: 0; 4 | background-color: #D9D9D9; 5 | font-family: Verdana, Geneva, Tahoma, sans-serif; 6 | } 7 | iframe{ 8 | margin-bottom: -5px; 9 | 10 | } 11 | nav { 12 | display: flex; 13 | justify-content: center; 14 | color: #fff; 15 | } 16 | 17 | .anav { 18 | display: block; 19 | color: #fff; 20 | text-decoration: none; 21 | font-weight: bold; 22 | padding: 5px 10px; 23 | transition: background-color 0.3s ease; 24 | } 25 | 26 | a:hover { 27 | background-color: #111; 28 | } 29 | 30 | ul { 31 | list-style-type: none; 32 | margin: 0; 33 | padding: 0; 34 | display: flex; 35 | color: #fff; 36 | } 37 | 38 | li { 39 | margin-right: 20px; 40 | } 41 | 42 | article { 43 | margin: 10px; 44 | padding-bottom: 15px; 45 | } 46 | 47 | footer { 48 | text-align: center; 49 | background-color: #011826; 50 | align-items: center; 51 | padding: 10px; 52 | } 53 | 54 | h1 { 55 | text-align: center; 56 | font-size: 50px; 57 | } 58 | 59 | p { 60 | text-align: justify; 61 | } 62 | 63 | a { 64 | text-decoration: none; 65 | color: #111; 66 | } 67 | 68 | #aboutus { 69 | border-left: 6px solid black; 70 | padding-left: 20px; 71 | border-radius: 5px; 72 | } 73 | 74 | #who { 75 | text-align: justify; 76 | border-left: 6px solid black; 77 | padding-left: 20px; 78 | padding-bottom: 10px; 79 | } 80 | 81 | #teamphoto { 82 | border: 2px solid black; 83 | } 84 | 85 | #subtitle { 86 | text-align: center; 87 | font-size: 15px; 88 | } 89 | 90 | #pfooter1 { 91 | margin-right: 20px; 92 | margin-bottom: 0px; 93 | margin-top: 20px; 94 | color: #D9D9D9; 95 | font-size: 15px; 96 | text-align: center; 97 | padding-bottom: 10px; 98 | } 99 | 100 | #pfooter2 { 101 | margin-right: 20px; 102 | margin-bottom: 0px; 103 | } -------------------------------------------------------------------------------- /pages/felipe.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Sobre o Felipe 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 17 |

Felipe Santos

18 |
19 | 20 |
21 |

Sobre mim

22 | 23 |

Formado em Engenharia de Software na PUC-Campinas. Sou um entusiasta de 24 | informática desde pequeno, e sempre estudei e aprofundei meus conhecimentos na área.

25 |
26 | 27 |
28 |

Meus hobbies

29 | 30 |

Viajar

31 | 32 |

Viajar é um dos meus hobbies favoritos, já tive a oportunidade de viajar para três paises: Canadá, 33 | Argentina e Uruguai. Nas minhas próximas férias se tudo ocorrer da forma planejada pretendo ir para o 34 | Egito e para a Turquia.

35 |
36 |
37 |
38 |
39 |
40 |

41 | 42 |

43 |

Foto tirada em Niagara Falls

44 |
45 | 46 |
47 |
48 | 49 | 50 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /assets/css/style.index.css: -------------------------------------------------------------------------------- 1 | *{ 2 | text-align: justify; 3 | } 4 | 5 | body { 6 | font-family: Verdana, Geneva, Tahoma, sans-serif; 7 | margin: 0; 8 | padding: 0; 9 | background-color: #D9D9D9; 10 | } 11 | 12 | h1 { 13 | text-align: center; 14 | font-size: 50px; 15 | } 16 | 17 | iframe{ 18 | margin-bottom: -5px; 19 | } 20 | 21 | .content { 22 | padding: 10px 0; 23 | } 24 | .container { 25 | margin: 0 auto; 26 | padding: 0 20px; 27 | } 28 | 29 | header { 30 | text-align: center; 31 | margin: 0; 32 | padding: 10px; 33 | background-color: #333; 34 | color: #fff; 35 | } 36 | 37 | nav { 38 | display: flex; 39 | justify-content: center; 40 | color: #fff; 41 | } 42 | 43 | .anav { 44 | display: block; 45 | color: #fff; 46 | text-decoration: none; 47 | font-weight: bold; 48 | padding: 5px 10px; 49 | transition: background-color 0.3s ease; 50 | } 51 | 52 | a:hover { 53 | background-color: #111; 54 | color: #fff; 55 | } 56 | 57 | ul { 58 | list-style-type: none; 59 | margin: 0; 60 | padding: 0; 61 | display: flex; 62 | color: #fff; 63 | } 64 | 65 | li { 66 | margin-right: 20px; 67 | } 68 | 69 | .banner { 70 | background-image: url('banner.jpg'); 71 | background-size: cover; 72 | height: 200px; 73 | display: flex; 74 | justify-content: center; 75 | align-items: center; 76 | } 77 | 78 | .banner h2, 79 | .banner p { 80 | color: #333; 81 | text-align: center; 82 | } 83 | 84 | 85 | .ArticleWithBorder { 86 | margin-bottom: 50px; 87 | border-left: 6px solid black; 88 | border-radius: 7px; 89 | margin: 20px; 90 | margin-bottom: 50px; 91 | background-color: rgba(255, 255, 255, 0.5); 92 | -webkit-box-shadow: 9px 9px 26px 1px rgba(0,0,0,0.7); 93 | box-shadow: 9px 9px 26px 1px rgba(0,0,0,0.7); 94 | padding: 15px; 95 | } 96 | 97 | article h2 { 98 | margin-bottom: 10px; 99 | } 100 | 101 | article p { 102 | margin-bottom: 20px; 103 | } 104 | 105 | article a { 106 | color: #333; 107 | background-color: #fff; 108 | padding: 5px 10px; 109 | border-radius: 5px; 110 | } 111 | 112 | footer { 113 | background-color: #333; 114 | color: #fff; 115 | height: 50px; 116 | padding: 10px; 117 | text-align: center; 118 | } 119 | 120 | .article1{ 121 | display: flex; 122 | padding: 20px; 123 | } 124 | 125 | .p1{ 126 | padding: 10px; 127 | } 128 | 129 | .articleLadoaLado{ 130 | display: flex; 131 | justify-content: center; 132 | text-align: justify; 133 | } 134 | 135 | .sectionImg{ 136 | text-align: center; 137 | } -------------------------------------------------------------------------------- /pages/teste.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Página Teste 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 |
15 |

London

16 |
17 | 19 |

Standing on the River Thames, London has been a major settlement for two millennia, its history going 20 | back to its founding by the Romans, who named it Londinium.

21 |
22 |

Standing on the River Thames, London has been a major settlement for two millennia, its history going 23 | back to its founding by the Romans, who named it Londinium.

24 |
25 | 26 |
27 |

London

28 |

London is the capital city of England. It is the most populous city in the United Kingdom, with a 29 | metropolitan area of over 13 million inhabitants.

30 |

Standing on the River Thames, London has been a major settlement for two millennia, its history going 31 | back to its founding by the Romans, who named it Londinium.

32 |
33 | 34 |
35 | 36 |
37 | 38 |
39 |

London

40 |

London is the capital city of England. It is the most populous city in the United Kingdom, with a 41 | metropolitan area of over 13 million inhabitants.

42 |

Standing on the River Thames, London has been a major settlement for two millennia, its history going 43 | back to its founding by the Romans, who named it Londinium.

44 |
45 | 46 |
47 |

London

48 |

London is the capital city of England. It is the most populous city in the United Kingdom, with a 49 | metropolitan area of over 13 million inhabitants.

50 |

Standing on the River Thames, London has been a major settlement for two millennia, its history going 51 | back to its founding by the Romans, who named it Londinium.

52 |
53 | 54 |
55 |

London

56 |

London is the capital city of England. It is the most populous city in the United Kingdom, with a 57 | metropolitan area of over 13 million inhabitants.

58 |

Standing on the River Thames, London has been a major settlement for two millennia, its history going 59 | back to its founding by the Romans, who named it Londinium.

60 |
61 | 62 |
63 | 64 | 65 | 66 | 67 | 68 | -------------------------------------------------------------------------------- /pages/sobre.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Meu site 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 |

Nome da Equipe

17 | 18 |
19 |

Sobre Nós

20 | 21 |

22 | "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum 23 | deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non 24 | provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. 25 | Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est 26 | eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas 27 | assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum 28 | necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum 29 | rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut 30 | perferendis doloribus asperiores repellat." 31 |

32 |
33 | 34 |
35 |

Quem somos

36 | 37 | 38 |

Thiago Ferreira

39 |
40 | 41 |

42 | Proin at cursus dui. Vestibulum volutpat dolor at dapibus elementum. Nulla sit amet mi quis erat dictum 43 | luctus pharetra non erat. Morbi tincidunt molestie odio, viverra porttitor nulla pharetra at. Morbi 44 | ultricies sed ex ac consectetur. In dapibus lectus in mi luctus finibus. Curabitur congue ante ac magna 45 | feugiat, eu luctus turpis posuere. 46 |

47 |
48 | 49 | 50 |

Júlia

51 |
52 | 53 |

54 | Proin at cursus dui. Vestibulum volutpat dolor at dapibus elementum. Nulla sit amet mi quis erat dictum 55 | luctus pharetra non erat. Morbi tincidunt molestie odio, viverra porttitor nulla pharetra at. Morbi 56 | ultricies sed ex ac consectetur. In dapibus lectus in mi luctus finibus. Curabitur congue ante ac magna 57 | feugiat, eu luctus turpis posuere. 58 |

59 |
60 | 61 | 62 |

Guilherme

63 |
64 | 65 |

66 | Proin at cursus dui. Vestibulum volutpat dolor at dapibus elementum. Nulla sit amet mi quis erat dictum 67 | luctus pharetra non erat. Morbi tincidunt molestie odio, viverra porttitor nulla pharetra at. Morbi 68 | ultricies sed ex ac consectetur. In dapibus lectus in mi luctus finibus. Curabitur congue ante ac magna 69 | feugiat, eu luctus turpis posuere. 70 |

71 |
72 | 73 | 74 |

Andrey

75 |
76 | 77 |

78 | Proin at cursus dui. Vestibulum volutpat dolor at dapibus elementum. Nulla sit amet mi quis erat dictum 79 | luctus pharetra non erat. Morbi tincidunt molestie odio, viverra porttitor nulla pharetra at. Morbi 80 | ultricies sed ex ac consectetur. In dapibus lectus in mi luctus finibus. Curabitur congue ante ac magna 81 | feugiat, eu luctus turpis posuere. 82 |

83 |
84 | 85 | 86 |

Livia

87 |
88 | 89 |

Proin at cursus dui. Vestibulum volutpat dolor at dapibus elementum. Nulla sit amet mi quis erat dictum 90 | luctus pharetra non erat. Morbi tincidunt molestie odio, viverra porttitor nulla pharetra at. Morbi 91 | ultricies sed ex ac consectetur. In dapibus lectus in mi luctus finibus. Curabitur congue ante ac magna 92 | feugiat, eu luctus turpis posuere. 93 |

94 |
95 | 96 | 97 |

Pedro

98 |
99 | 100 |

101 | Proin at cursus dui. Vestibulum volutpat dolor at dapibus elementum. Nulla sit amet mi quis erat dictum 102 | luctus pharetra non erat. Morbi tincidunt molestie odio, viverra porttitor nulla pharetra at. Morbi 103 | ultricies sed ex ac consectetur. In dapibus lectus in mi luctus finibus. Curabitur congue ante ac magna 104 | feugiat, eu luctus turpis posuere. 105 |

106 |
107 | 108 |
109 |

110 | 111 |

112 |

113 | Da esquerda para direita: Isabelle, Júlia, Guilherme, 114 | Andrey, Lívia, Pedro 115 |

116 |
117 |
118 | 119 | 120 | 121 | 122 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Meu Blog 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 20 | 21 |
22 |

Artigo Teste com Foto

23 |
24 |
25 | 26 |
27 |
28 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet magna augue. Aliquam eu 29 | tellus lobortis, dignissim metus nec, interdum dolor. Sed tristique ligula sit amet risus hendrerit 30 | consequat. Etiam elementum risus at ante ultricies, vel sagittis nisi venenatis. Nam non justo 31 | lacus. Nunc non mi blandit, sodales nisl sed, aliquam mi. Aenean sed dolor et augue luctus sodales. 32 |

33 |
34 |
35 |
36 | 37 |
38 |

Artigo Teste com Foto

39 |
40 |
41 | 42 |
43 |
44 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet magna augue. Aliquam eu 45 | tellus lobortis, dignissim metus nec, interdum dolor. Sed tristique ligula sit amet risus hendrerit 46 | consequat. Etiam elementum risus at ante ultricies, vel sagittis nisi venenatis. Nam non justo 47 | lacus. Nunc non mi blandit, sodales nisl sed, aliquam mi. Aenean sed dolor et augue luctus sodales. 48 |

49 |
50 |
51 |
52 | 53 |
54 |

Artigo Teste com Foto

55 |
56 |
57 | 58 |
59 |
60 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet magna augue. Aliquam eu 61 | tellus lobortis, dignissim metus nec, interdum dolor. Sed tristique ligula sit amet risus hendrerit 62 | consequat. Etiam elementum risus at ante ultricies, vel sagittis nisi venenatis. Nam non justo 63 | lacus. Nunc non mi blandit, sodales nisl sed, aliquam mi. Aenean sed dolor et augue luctus sodales. 64 |

65 |
66 |
67 |
68 | 69 |
70 |
71 |
72 |

Artigo 1

73 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet magna augue. Aliquam eu 74 | tellus lobortis, dignissim metus nec, interdum dolor. Sed tristique ligula sit amet risus hendrerit 75 | consequat. Etiam elementum risus at ante ultricies, vel sagittis nisi venenatis. Nam non justo 76 | lacus. Nunc non mi blandit, sodales nisl sed, aliquam mi. Aenean sed dolor et augue luctus sodales. 77 |

78 | Leia mais 79 |
80 | 81 |
82 |

Artigo 2

83 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet magna augue. Aliquam eu 84 | tellus lobortis, dignissim metus nec, interdum dolor. Sed tristique ligula sit amet risus hendrerit 85 | consequat. Etiam elementum risus at ante ultricies, vel sagittis nisi venenatis. Nam non justo 86 | lacus. Nunc non mi blandit, sodales nisl sed, aliquam mi. Aenean sed dolor et augue luctus sodales. 87 |

88 | Leia mais 89 |
90 | 91 |
92 |

Artigo 3

93 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet magna augue. Aliquam eu 94 | tellus lobortis, dignissim metus nec, interdum dolor. Sed tristique ligula sit amet risus hendrerit 95 | consequat. Etiam elementum risus at ante ultricies, vel sagittis nisi venenatis. Nam non justo 96 | lacus. Nunc non mi blandit, sodales nisl sed, aliquam mi. Aenean sed dolor et augue luctus sodales. 97 |

98 | Leia mais 99 |
100 |
101 |
102 | 103 |
104 |
105 |

Artigo Teste com Foto

106 |
107 |
108 | 109 |
110 |
111 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet magna augue. Aliquam eu 112 | tellus lobortis, dignissim metus nec, interdum dolor. Sed tristique ligula sit amet risus hendrerit 113 | consequat. Etiam elementum risus at ante ultricies, vel sagittis nisi venenatis. Nam non justo 114 | lacus. Nunc non mi blandit, sodales nisl sed, aliquam mi. Aenean sed dolor et augue luctus sodales. 115 |

116 |
117 |
118 |
119 | 120 |
121 |

Artigo Teste com Foto

122 |
123 |
124 | 125 |
126 |
127 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet magna augue. Aliquam eu 128 | tellus lobortis, dignissim metus nec, interdum dolor. Sed tristique ligula sit amet risus hendrerit 129 | consequat. Etiam elementum risus at ante ultricies, vel sagittis nisi venenatis. Nam non justo 130 | lacus. Nunc non mi blandit, sodales nisl sed, aliquam mi. Aenean sed dolor et augue luctus sodales. 131 |

132 |
133 |
134 |
135 | 136 |
137 |

Artigo Teste com Foto

138 |
139 |
140 | 141 |
142 |
143 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet magna augue. Aliquam eu 144 | tellus lobortis, dignissim metus nec, interdum dolor. Sed tristique ligula sit amet risus hendrerit 145 | consequat. Etiam elementum risus at ante ultricies, vel sagittis nisi venenatis. Nam non justo 146 | lacus. Nunc non mi blandit, sodales nisl sed, aliquam mi. Aenean sed dolor et augue luctus sodales. 147 |

148 |
149 |
150 |
151 |
152 | 153 | 154 | 155 | 156 | --------------------------------------------------------------------------------