36 | Lorem, ipsum dolor sit amet consectetur adipisicing elit. Rem, iure
37 | nisi. Cum in blanditiis, eius tempora temporibus totam voluptate impedit
38 | porro, recusandae magni, commodi autem laboriosam iure fuga suscipit
39 | officia.
40 |
41 |
42 |
43 |
44 |
45 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi, itaque!
46 | Voluptate sapiente voluptates quasi enim dolore, hic quo sequi esse
47 | totam, autem perferendis temporibus libero sint repellat placeat! Magnam
48 | repellat architecto et unde illum placeat expedita provident aperiam
49 | autem at?
50 |
51 |
52 |
53 |
54 |
55 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti magnam
56 | voluptatum fugit neque fuga quas, nisi, velit id dignissimos repellat
57 | placeat incidunt sequi temporibus illo eum non totam laudantium corporis
58 | eaque optio mollitia nemo molestias doloribus nam. Eligendi velit, vitae
59 | dicta et amet quibusdam ut nihil sed harum tempora illum rem atque fuga
60 | officiis voluptates cum laudantium, facere itaque ipsam sunt recusandae?
61 | Accusamus vel repudiandae eveniet! Ea quaerat aut nobis.
62 |
35 | Lorem, ipsum dolor sit amet consectetur adipisicing elit. Rem, iure
36 | nisi. Cum in blanditiis, eius tempora temporibus totam voluptate
37 | impedit porro, recusandae magni, commodi autem laboriosam iure fuga
38 | suscipit officia.
39 |
40 |
41 |
42 |
43 |
44 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi,
45 | itaque! Voluptate sapiente voluptates quasi enim dolore, hic quo sequi
46 | esse totam, autem perferendis temporibus libero sint repellat placeat!
47 | Magnam repellat architecto et unde illum placeat expedita provident
48 | aperiam autem at?
49 |
50 |
51 |
52 |
53 |
54 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti
55 | magnam voluptatum fugit neque fuga quas, nisi, velit id dignissimos
56 | repellat placeat incidunt sequi temporibus illo eum non totam
57 | laudantium corporis eaque optio mollitia nemo molestias doloribus nam.
58 | Eligendi velit, vitae dicta et amet quibusdam ut nihil sed harum
59 | tempora illum rem atque fuga officiis voluptates cum laudantium,
60 | facere itaque ipsam sunt recusandae? Accusamus vel repudiandae
61 | eveniet! Ea quaerat aut nobis.
62 |
35 | Lorem, ipsum dolor sit amet consectetur adipisicing elit. Rem, iure
36 | nisi. Cum in blanditiis, eius tempora temporibus totam voluptate
37 | impedit porro, recusandae magni, commodi autem laboriosam iure fuga
38 | suscipit officia.
39 |
40 |
41 |
42 |
43 |
44 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi,
45 | itaque! Voluptate sapiente voluptates quasi enim dolore, hic quo sequi
46 | esse totam, autem perferendis temporibus libero sint repellat placeat!
47 | Magnam repellat architecto et unde illum placeat expedita provident
48 | aperiam autem at?
49 |
50 |
51 |
52 |
53 |
54 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti
55 | magnam voluptatum fugit neque fuga quas, nisi, velit id dignissimos
56 | repellat placeat incidunt sequi temporibus illo eum non totam
57 | laudantium corporis eaque optio mollitia nemo molestias doloribus nam.
58 | Eligendi velit, vitae dicta et amet quibusdam ut nihil sed harum
59 | tempora illum rem atque fuga officiis voluptates cum laudantium,
60 | facere itaque ipsam sunt recusandae? Accusamus vel repudiandae
61 | eveniet! Ea quaerat aut nobis.
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Repositório do curso digital de CSS
2 |
3 | ## Código de Aula
4 | Neste repositório encontra-se o código apresentado durante as aulas do curso digital, incluindo o início do projeto desenvolvido em aula, além de exercícios para fixação.
5 | ## Exercícios de Fixação do Curso Digital de CSS
6 |
7 | ### Exercício 6
8 | Estilize a página de um sumário para se assemelhar ao modelo abaixo. Atente para os requistos principais:
9 | - As cores de fundo dos tópicos devem se alternar entre a cor definida por --separator-color e #fff
10 | - Utilize variáveis do CSS para colorir as tags de tecnologias e garanta que o 1º e 6º elementos tenham a cor definida na --tag-color-1, 2º e 7º com a --tag-color-2, 3º e 8º com a --tag-color-3 e assim por diante
11 | - Garanta que a tag de tecnologia numerada fique fixa ao fazer scroll até encontrar a próxima (dica: use display sticky)
12 |
13 | 
14 | 
15 | 
16 |
17 | ## Exercício 7
18 | Adicione regras nos locais indicados do arquivo styles.css para fazer uma visualização em lista, cards ou destaques segundo as imagens abaixo:
19 |
20 | 
21 | 
22 | 
23 |
24 | - A visualização de lista deve ter apenas um item por linha e os itens devem ter espaçamento vertical de 2rem
25 | - A visualização de cards deve ter 3 cards por linha de mesmo tamanho e os itens devem ter espaçamento horizontal e vertical de 5rem
26 | - A visualização de destaques deve ter o primeiro e sexto elementos com tamanho maior até 4 vezes maior em relação a cards da mesma linha e os itens devem ter espaçamento horizontal e vertical de 5rem
27 |
28 | ### Exercício 8
29 | Faça o layout mobile para a página da loja do exercício 7 da seguinte forma:
30 | - Permita que apenas sejam selecionados os modos de visualização de cards e lista
31 | - Na visão de cards devem ter 2 cards por linha
32 | - Garanta que os botões para troca de visualização apareçam fixos no topo da tela com position fixed ou sticky
33 |
34 | ### Exercício 9
35 | Adicione apenas uma propriedade grid-template-areas na classe react-card sem fazer mais nenhuma modificação para deixar o layout similar à imagem abaixo:
36 |
37 | 
38 |
39 | ### Exercício 10
40 | Faça um *overlay* para esmaecer a imagem de capa abaixo, utilizando apenas 2 pseudoelementos para isso (::after e ::before), da seguinte forma:
41 | - Overlay no ::before com fundo #000, opacidade 0.6 e cobrindo toda a imagem de capa
42 | - Texto no ::after de cor #fff sem ser afetado pelo overlay, com conteúdo "O mundo como você nunca viu", largura máxima de 30rem, tamanho de 8rem, altura de linha 7rem e posicionado à 3rem da borda esquerda sobre o overlay e imagem.
43 | - Faça uma animação para que o ícone da seta se desloque para baixo em 0.5rem e retorne para a posição inicial após 2 segundos
44 |
45 | 
--------------------------------------------------------------------------------
/exercicios/exercicio-07/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Style Wear
8 |
9 |
10 |
11 |
12 |
13 |
17 |
18 |
39 |
40 |
41 |
42 |
95 |
96 |
97 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maxime qui tempora consectetur
98 | reprehenderit, aliquid officia voluptatem omnis, quis architecto nulla quaerat soluta illum, libero at
99 | quos! Facilis, neque necessitatibus. Ex accusantium deserunt sunt architecto laboriosam. Dolores
100 | suscipit fugiat quis repellendus quidem illo neque excepturi eum, libero doloremque aspernatur placeat
101 | pariatur totam cupiditate perferendis impedit? Distinctio odio laborum aliquam harum quaerat
102 | voluptatibus molestias est sequi assumenda reiciendis quae nostrum eum aut atque sint porro repellendus
103 | debitis nihil vero, neque quisquam magnam nemo consectetur. Aliquid debitis ex dolorem hic nulla vel
104 | laboriosam accusantium veritatis nobis, optio delectus temporibus? Aliquid nobis dolorum
105 | laboriosam!
106 |
204 |
205 |
206 |
--------------------------------------------------------------------------------
/css-aulas/extras/styles.css:
--------------------------------------------------------------------------------
1 | * {
2 | margin: 0;
3 | padding: 0;
4 | box-sizing: border-box;
5 | }
6 |
7 | :root {
8 | font-size: 62.5%;
9 | }
10 |
11 | body {
12 | font-family: 'times new roman';
13 | font-size: 1.8rem;
14 | }
15 |
16 | main {
17 | padding: 1.5rem;
18 | }
19 |
20 | table, td, th {
21 | border: 1px solid black;
22 | }
23 |
24 | table tr:first-child {
25 | background-color: steelblue;
26 | color: #fff;
27 | }
28 |
29 | table tr:nth-child(2n + 3) {
30 | background-color: #AAA;
31 | }
32 |
33 | table {
34 | font-size: 2.4rem;
35 | border-collapse: separate;
36 | }
37 |
38 | h1 {
39 | color: blueviolet;
40 | font-weight: 900;
41 | text-transform: capitalize;
42 | text-align: center;
43 | font-size: 4.6rem;
44 | }
45 |
46 | h1, h2, h3, h4, h5, h6 {
47 | font-family: 'Roboto', arial, cursive;
48 | }
49 |
50 | h2 {
51 | font-size: 2.4rem;
52 | }
53 |
54 | .novo-em {
55 | font-size: 300%;
56 | }
57 |
58 | p {
59 | font-size: 1.8rem;
60 | text-align: justify;
61 | text-indent: 90px;
62 | }
63 |
64 | a {
65 | font-size: 2.4rem;
66 | color: red;
67 | }
68 |
69 | a:visited {
70 | color: darkgreen;
71 | }
72 |
73 | a:hover {
74 | color: coral;
75 | }
76 |
77 | .bg {
78 | height: 20vh;
79 | width: 100%;
80 | background-color: #555;
81 | background-image: url('https://images.unsplash.com/photo-1492138786289-d35ea832da43?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870&q=80');
82 | background-size: cover;
83 | background-repeat: no-repeat;
84 | background-position: center;
85 | /* background-attachment: fixed; */
86 | }
87 |
88 | ul, ol {
89 | padding-left: 3.2rem;
90 | }
91 |
92 | ul {
93 | list-style: square;
94 | }
95 |
96 | nav.menu {
97 | position: fixed;
98 | background-color: steelblue;
99 | width: 100%;
100 | height: 7rem;
101 | z-index: 1;
102 | }
103 |
104 | .contact-list {
105 | position: relative;
106 | }
107 |
108 | .contact-list h2 {
109 | top: 7rem;
110 | position: sticky;
111 | background-color: limegreen;
112 | }
113 |
114 | .boxes {
115 | margin: 1.5rem 0;
116 | position: relative;
117 |
118 | display: none;
119 | /* display: flex; */
120 | flex-wrap: wrap;
121 | gap: 1.5rem;
122 |
123 | }
124 |
125 | .box + span {
126 | display: none;
127 | }
128 |
129 | .box {
130 | flex: 30%;
131 | height: 10rem;
132 | width: 20rem;
133 | padding: 1.5rem;
134 | background-color: blue;
135 | color: #fff;
136 | border: 10px solid red;
137 | border-radius: 0.4rem;
138 | }
139 |
140 | .box p {
141 | font-size: 5rem;
142 | }
143 |
144 | .box:nth-child(1) {
145 | float: none;
146 | }
147 |
148 | .box + span {
149 | clear: both;
150 | }
151 |
152 | /* .box:nth-child(1) {
153 | position: absolute;
154 | top: 30px;
155 | left: 100px;
156 | } */
157 |
158 | /* .box:nth-child(2) {
159 | position: fixed;
160 | top: 15px;
161 | left: 30px;
162 | } */
163 |
164 | .box:nth-child(n + 2) {
165 | /* display: none; */
166 | }
167 |
168 | .box:nth-child(1), .box:nth-child(2) {
169 | }
170 |
171 | .box:nth-child(3) {
172 | }
173 |
174 | .boxes p {
175 | display: inline;
176 | }
177 |
178 | img {
179 | clear: both;
180 | height: 10rem;
181 | width: 14rem;
182 | object-fit: cover;
183 | }
184 |
185 | a {
186 | background: steelblue;
187 | color: #fff;
188 | border: none;
189 | font-size: 2.8rem;
190 | padding: 0.6rem 2.4rem;
191 | cursor: pointer;
192 | margin: auto;
193 | width: 80%;
194 | text-align: center;
195 | text-decoration: none;
196 | transition: all .2s ease-in-out, background-color 1s ease-in-out;
197 |
198 | display: block;
199 | }
200 |
201 | [data-anchor="products"] {
202 | /* opacity: 0; */
203 | /* display: none; */
204 | /* visibility: hidden; */
205 | }
206 |
207 | [data-anchor="products"]:hover {
208 | background-color: aqua;
209 | color: #fff;
210 | transform: scale(1.2);
211 | }
212 |
213 | [data-anchor="team"] {
214 | margin-top: 2rem;
215 | animation: pulse 2s infinite;
216 | /* animation-fill-mode: forwards; */
217 | animation-direction: alternate;
218 | transform: scale(1);
219 | }
220 |
221 | @keyframes pulse {
222 | 0% {
223 | transform: scale(1);
224 | opacity: 1;
225 | }
226 |
227 | 100% {
228 | transform: scale(1.35);
229 | opacity: .6;
230 | }
231 |
232 | /* 100% {
233 | transform: scale(1);
234 | opacity: 1;
235 | } */
236 | }
237 |
238 | .spinner-container {
239 | width: 100%;
240 | display: flex;
241 | justify-content: center;
242 | }
243 |
244 | .fa-spinner {
245 | margin-top: 3rem;
246 | margin: 4rem;
247 | font-size: 5rem;
248 | color: blueviolet;
249 | animation: load 1s infinite;
250 | }
251 |
252 | @keyframes load {
253 | 0% {
254 | transform: rotateZ(0deg);
255 | }
256 |
257 | 100% {
258 | transform: rotateZ(360deg);
259 | }
260 | }
261 |
262 | #companies-table {
263 | /* display: none; */
264 | }
265 |
266 | [data-company] {
267 | background-color: aqua;
268 | }
269 |
270 | @media screen and (min-width: 1000px) {
271 | .bg {
272 | height: 50vh;
273 | }
274 | }
275 |
276 | @media screen and (min-width: 768px) and (max-width: 999px) {
277 | .bg {
278 | height: 80vh;
279 | }
280 | }
281 |
282 | @media screen and (max-width: 767px) {
283 | /* table {
284 | display: none;
285 | }
286 | h1 {
287 | color: red;
288 | } */
289 | }
290 |
291 | @media print {
292 | .bg {
293 | display: none;
294 | }
295 | }
--------------------------------------------------------------------------------
/font-awesome/LICENSE.txt:
--------------------------------------------------------------------------------
1 | Fonticons, Inc. (https://fontawesome.com)
2 |
3 | --------------------------------------------------------------------------------
4 |
5 | Font Awesome Free License
6 |
7 | Font Awesome Free is free, open source, and GPL friendly. You can use it for
8 | commercial projects, open source projects, or really almost whatever you want.
9 | Full Font Awesome Free license: https://fontawesome.com/license/free.
10 |
11 | --------------------------------------------------------------------------------
12 |
13 | # Icons: CC BY 4.0 License (https://creativecommons.org/licenses/by/4.0/)
14 |
15 | The Font Awesome Free download is licensed under a Creative Commons
16 | Attribution 4.0 International License and applies to all icons packaged
17 | as SVG and JS file types.
18 |
19 | --------------------------------------------------------------------------------
20 |
21 | # Fonts: SIL OFL 1.1 License
22 |
23 | In the Font Awesome Free download, the SIL OFL license applies to all icons
24 | packaged as web and desktop font files.
25 |
26 | Copyright (c) 2022 Fonticons, Inc. (https://fontawesome.com)
27 | with Reserved Font Name: "Font Awesome".
28 |
29 | This Font Software is licensed under the SIL Open Font License, Version 1.1.
30 | This license is copied below, and is also available with a FAQ at:
31 | http://scripts.sil.org/OFL
32 |
33 | SIL OPEN FONT LICENSE
34 | Version 1.1 - 26 February 2007
35 |
36 | PREAMBLE
37 | The goals of the Open Font License (OFL) are to stimulate worldwide
38 | development of collaborative font projects, to support the font creation
39 | efforts of academic and linguistic communities, and to provide a free and
40 | open framework in which fonts may be shared and improved in partnership
41 | with others.
42 |
43 | The OFL allows the licensed fonts to be used, studied, modified and
44 | redistributed freely as long as they are not sold by themselves. The
45 | fonts, including any derivative works, can be bundled, embedded,
46 | redistributed and/or sold with any software provided that any reserved
47 | names are not used by derivative works. The fonts and derivatives,
48 | however, cannot be released under any other type of license. The
49 | requirement for fonts to remain under this license does not apply
50 | to any document created using the fonts or their derivatives.
51 |
52 | DEFINITIONS
53 | "Font Software" refers to the set of files released by the Copyright
54 | Holder(s) under this license and clearly marked as such. This may
55 | include source files, build scripts and documentation.
56 |
57 | "Reserved Font Name" refers to any names specified as such after the
58 | copyright statement(s).
59 |
60 | "Original Version" refers to the collection of Font Software components as
61 | distributed by the Copyright Holder(s).
62 |
63 | "Modified Version" refers to any derivative made by adding to, deleting,
64 | or substituting — in part or in whole — any of the components of the
65 | Original Version, by changing formats or by porting the Font Software to a
66 | new environment.
67 |
68 | "Author" refers to any designer, engineer, programmer, technical
69 | writer or other person who contributed to the Font Software.
70 |
71 | PERMISSION & CONDITIONS
72 | Permission is hereby granted, free of charge, to any person obtaining
73 | a copy of the Font Software, to use, study, copy, merge, embed, modify,
74 | redistribute, and sell modified and unmodified copies of the Font
75 | Software, subject to the following conditions:
76 |
77 | 1) Neither the Font Software nor any of its individual components,
78 | in Original or Modified Versions, may be sold by itself.
79 |
80 | 2) Original or Modified Versions of the Font Software may be bundled,
81 | redistributed and/or sold with any software, provided that each copy
82 | contains the above copyright notice and this license. These can be
83 | included either as stand-alone text files, human-readable headers or
84 | in the appropriate machine-readable metadata fields within text or
85 | binary files as long as those fields can be easily viewed by the user.
86 |
87 | 3) No Modified Version of the Font Software may use the Reserved Font
88 | Name(s) unless explicit written permission is granted by the corresponding
89 | Copyright Holder. This restriction only applies to the primary font name as
90 | presented to the users.
91 |
92 | 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
93 | Software shall not be used to promote, endorse or advertise any
94 | Modified Version, except to acknowledge the contribution(s) of the
95 | Copyright Holder(s) and the Author(s) or with their explicit written
96 | permission.
97 |
98 | 5) The Font Software, modified or unmodified, in part or in whole,
99 | must be distributed entirely under this license, and must not be
100 | distributed under any other license. The requirement for fonts to
101 | remain under this license does not apply to any document created
102 | using the Font Software.
103 |
104 | TERMINATION
105 | This license becomes null and void if any of the above conditions are
106 | not met.
107 |
108 | DISCLAIMER
109 | THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
110 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
111 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
112 | OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
113 | COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
114 | INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
115 | DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
116 | FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
117 | OTHER DEALINGS IN THE FONT SOFTWARE.
118 |
119 | --------------------------------------------------------------------------------
120 |
121 | # Code: MIT License (https://opensource.org/licenses/MIT)
122 |
123 | In the Font Awesome Free download, the MIT license applies to all non-font and
124 | non-icon files.
125 |
126 | Copyright 2022 Fonticons, Inc.
127 |
128 | Permission is hereby granted, free of charge, to any person obtaining a copy of
129 | this software and associated documentation files (the "Software"), to deal in the
130 | Software without restriction, including without limitation the rights to use, copy,
131 | modify, merge, publish, distribute, sublicense, and/or sell copies of the Software,
132 | and to permit persons to whom the Software is furnished to do so, subject to the
133 | following conditions:
134 |
135 | The above copyright notice and this permission notice shall be included in all
136 | copies or substantial portions of the Software.
137 |
138 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
139 | INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
140 | PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
141 | HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
142 | OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
143 | SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
144 |
145 | --------------------------------------------------------------------------------
146 |
147 | # Attribution
148 |
149 | Attribution is required by MIT, SIL OFL, and CC BY licenses. Downloaded Font
150 | Awesome Free files already contain embedded comments with sufficient
151 | attribution, so you shouldn't need to do anything additional when using these
152 | files normally.
153 |
154 | We've kept attribution comments terse, so we ask that you do not actively work
155 | to remove them from files, especially code. They're a great way for folks to
156 | learn about Font Awesome.
157 |
158 | --------------------------------------------------------------------------------
159 |
160 | # Brand Icons
161 |
162 | All brand icons are trademarks of their respective owners. The use of these
163 | trademarks does not indicate endorsement of the trademark holder by Font
164 | Awesome, nor vice versa. **Please do not use brand logos for any purpose except
165 | to represent the company, product, or service to which they refer.**
166 |
--------------------------------------------------------------------------------
/css-aulas/geral/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Aula de CSS
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
23 |
24 |
25 |
26 |
Aprendendo CSS
27 |
Tabela
28 |
29 |
30 |
31 |
Empresa
32 |
Contato
33 |
País
34 |
35 |
36 |
Global CO
37 |
Julia Lagos
38 |
Chile
39 |
40 |
41 |
Centro comercial Laguna
42 |
Jennifer Rios
43 |
Brasil
44 |
45 |
46 |
CE & C
47 |
Roberto Carlos
48 |
Brasil
49 |
50 |
51 |
Top Tech
52 |
João Cardoso
53 |
Portugal
54 |
55 |
56 |
57 |
Lista de Compras
58 |
59 |
Arroz
60 |
Feijão
61 |
Batata
62 |
Abóbora
63 |
Maçã
64 |
65 |
66 |
Ranking dos times de vôlei de praia
67 |
68 |
Bonde dos Caios
69 |
MM
70 |
Tigres Praianos
71 |
72 |
73 |
74 |
A
75 |
76 |
Ana
77 |
Andressa
78 |
Andressa
79 |
Andressa
80 |
Andressa
81 |
Andressa
82 |
Andressa
83 |
Andressa
84 |
Andressa
85 |
Andressa
86 |
87 |
88 |
B
89 |
90 |
Beatriz
91 |
Beatriz
92 |
Beatriz
93 |
Beatriz
94 |
Beatriz
95 |
Beatriz
96 |
Beatriz
97 |
Beatriz
98 |
99 |
100 |
C
101 |
102 |
Camila
103 |
Carol
104 |
Carol
105 |
Carol
106 |
Carol
107 |
Carol
108 |
Carol
109 |
Carol
110 |
Carol
111 |
Carol
112 |
113 |
114 |
115 |
116 |
117 | Texto interior 1
118 |
119 |
120 |
121 | Texto interior 2
122 |
123 |
124 |
125 | Texto interior 3
126 |
127 |
128 |
129 | Texto interior 4
130 |
131 |
132 |
133 | Texto interior 5
134 |
135 |
136 |
137 | Texto interior 6
138 |
139 |
140 |
141 | Texto interior 7
142 |
143 |
144 |
145 | Texto interior 8
146 |
147 |
148 |
149 | Texto interior 9
150 |
151 |
152 |
153 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maxime qui tempora consectetur
154 | reprehenderit, aliquid officia voluptatem omnis, quis architecto nulla quaerat soluta illum, libero at
155 | quos! Facilis, neque necessitatibus. Ex accusantium deserunt sunt architecto laboriosam. Dolores
156 | suscipit fugiat quis repellendus quidem illo neque excepturi eum, libero doloremque aspernatur placeat
157 | pariatur totam cupiditate perferendis impedit? Distinctio odio laborum aliquam harum quaerat
158 | voluptatibus molestias est sequi assumenda reiciendis quae nostrum eum aut atque sint porro repellendus
159 | debitis nihil vero, neque quisquam magnam nemo consectetur. Aliquid debitis ex dolorem hic nulla vel
160 | laboriosam accusantium veritatis nobis, optio delectus temporibus? Aliquid nobis dolorum
161 | laboriosam!
162 |
163 |
165 |
167 |
168 |
Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident, fugiat ipsam omnis possimus repellat,
169 | nobis maiores, dolore expedita quo magni quae dolorem eligendi neque harum aperiam placeat deserunt nam quos
170 | nesciunt porro recusandae. Maxime natus necessitatibus sint harum dolore doloribus adipisci mollitia numquam
171 | nostrum saepe eum dicta error ea rerum, veniam sapiente unde, illo cupiditate. Expedita beatae, temporibus
172 | veniam eius alias nam quaerat fugit id! Nam facere non soluta eum illum nihil voluptatum necessitatibus
173 | veniam laudantium vitae aperiam fugiat officia eaque minus reprehenderit eos distinctio, eius doloremque
174 | delectus impedit cupiditate natus doloribus eveniet maxime? Quidem vel, aliquam rem, voluptatum maxime ut
175 | labore cumque animi repellat accusantium exercitationem? Nesciunt nisi nulla quos omnis, debitis cupiditate
176 | harum architecto praesentium iure recusandae magni ratione explicabo voluptatum aut commodi perferendis
177 | itaque dolore fugiat porro. Ullam quidem vel, facere eius asperiores mollitia in officia maiores, molestiae
178 | exercitationem itaque enim quos accusamus, esse voluptatem ut est nobis labore laboriosam sint ab. Ex quos
179 | ipsa recusandae sequi earum perferendis ullam expedita, necessitatibus commodi omnis eligendi repellat.
180 | Totam inventore quisquam fugit voluptatibus doloribus quae repudiandae cupiditate, error eius expedita,
181 | laudantium tempora facere, amet quo iure! Neque adipisci ut incidunt cupiditate eos pariatur quaerat, ullam
182 | a est praesentium soluta nemo laborum hic error mollitia recusandae tempora! Delectus, porro unde mollitia
183 | magnam ad aspernatur nemo libero aliquam atque, sequi optio quidem facere deserunt ipsam quibusdam voluptate
184 | quo odio dolor? Error nesciunt quisquam, corrupti dolorem fuga blanditiis, placeat reprehenderit sint quam
185 | eos obcaecati voluptates. Molestiae praesentium velit sunt dignissimos architecto maxime ex consequuntur nam
186 | sequi veritatis. Illum ea quis qui vitae dicta, laboriosam inventore optio veniam dolorem ex voluptatum
187 | pariatur perferendis tenetur cupiditate odit assumenda porro! Voluptatibus placeat quaerat nam minima sed
188 | optio ipsum, blanditiis libero totam rem eos cumque quidem deserunt assumenda inventore recusandae
189 | reiciendis voluptas minus sunt mollitia commodi perferendis adipisci? Voluptatem maiores quidem minus odit
190 | sunt repellat, autem quibusdam vitae at adipisci, doloremque tempora dolorem amet exercitationem. Quasi,
191 | reiciendis. Ab veniam facere cumque enim assumenda et quis facilis, officiis corporis vero deserunt natus
192 | quam perspiciatis magni, minima alias placeat saepe. Consequatur qui quidem in eveniet. Accusamus possimus
193 | porro corrupti quis quae facere sed labore est dolorem atque necessitatibus recusandae animi, dignissimos,
194 | minus voluptatibus laboriosam, nisi quaerat mollitia consectetur quibusdam repellat neque iure pariatur
195 | similique? Reprehenderit nisi consequuntur molestias pariatur totam. Veritatis modi est quasi sequi labore
196 | velit molestiae error facilis, perferendis eaque! Assumenda, quisquam maxime. Et, commodi dolor.
24 | 
31 | 
41 |
42 |
58 | 
165 |