diff --git a/aline-viana/exercicio-principal/css/img/BEM2.jpg b/aline-viana/exercicio-principal/css/img/BEM2.jpg deleted file mode 100644 index 0dae02e..0000000 Binary files a/aline-viana/exercicio-principal/css/img/BEM2.jpg and /dev/null differ diff --git a/aline-viana/exercicio-principal/css/img/MV5BNWE1ZGE5Y2QtYWE4Yi00YjM0LThhNWYtMWM1OGJjNDU3YzMyXkEyXkFqcGdeQXVyMTAzMDg4NzU0._V1_.jpg b/aline-viana/exercicio-principal/css/img/MV5BNWE1ZGE5Y2QtYWE4Yi00YjM0LThhNWYtMWM1OGJjNDU3YzMyXkEyXkFqcGdeQXVyMTAzMDg4NzU0._V1_.jpg deleted file mode 100644 index b6f1423..0000000 Binary files a/aline-viana/exercicio-principal/css/img/MV5BNWE1ZGE5Y2QtYWE4Yi00YjM0LThhNWYtMWM1OGJjNDU3YzMyXkEyXkFqcGdeQXVyMTAzMDg4NzU0._V1_.jpg and /dev/null differ diff --git a/aline-viana/exercicio-principal/css/img/content_pic.jpg b/aline-viana/exercicio-principal/css/img/content_pic.jpg deleted file mode 100644 index d5409b1..0000000 Binary files a/aline-viana/exercicio-principal/css/img/content_pic.jpg and /dev/null differ diff --git a/aline-viana/exercicio-principal/css/img/locadora.jpg b/aline-viana/exercicio-principal/css/img/locadora.jpg deleted file mode 100644 index 8c3c543..0000000 Binary files a/aline-viana/exercicio-principal/css/img/locadora.jpg and /dev/null differ diff --git a/aline-viana/exercicio-principal/css/img/popcorn.png b/aline-viana/exercicio-principal/css/img/popcorn.png deleted file mode 100644 index 99c2716..0000000 Binary files a/aline-viana/exercicio-principal/css/img/popcorn.png and /dev/null differ diff --git a/aline-viana/exercicio-principal/css/style.css b/aline-viana/exercicio-principal/css/style.css deleted file mode 100644 index 901bc0b..0000000 --- a/aline-viana/exercicio-principal/css/style.css +++ /dev/null @@ -1,213 +0,0 @@ -* { - margin: 0; - padding: 0; - box-sizing: border-box; - font-size: 16px; - font-family: "Nunito Sans", sans-serif; -} - -.menu { - width: 100%; - background-color: #073d69; - display: flex; - justify-content: space-between; - height: 60px; - align-items: center; - padding: 0 20px; - position: fixed; -} -.menu-nav { - display: flex; - list-style: none; -} - -.menu-nav__link { - color: #ffffff; - text-decoration: none; - font-size: 20px; - padding: 10px; -} -.menu-nav__link:hover { - background-color: white; - color: blue; - border-radius: 10px; -} - -.background-header { - height: 100%; - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; -} - -.background-header__img { - background-size: cover; -} - -#background-header__text{ - display: flex; - flex-wrap: wrap; - text-align: center; -} -.background-header__title { - color: black; - font-size: 30px; - margin-bottom: 15px; -} - - -.background-header__subtitle { - color: black; - font-size: 20px; -} - -main { - width: 100%; - background-color: rgb(243, 239, 239); -} - -.card-introducao, -.container-form, -.card-gostos { - padding: 4%; -} - -.card-introducao__titulo { - color: rgb(15, 13, 15); - font-size: 30px; - margin-bottom: 20px; -} - -.container-texto { - display: flex; - align-items: center; -} - -.container-texto__paragrafos { - width: 60%; - margin-right: 10%; -} - -.container-texto__paragrafos p, -.container-form__paragrafo p { - color: rgb(41, 39, 39); - font-size: 17px; - margin-bottom: 17px; - text-align: justify; -} - -.container-texto__imagem { - width: 30%; -} - -.container-form__titulo { - font-size: 25px; - margin-bottom: 30px; - color: #f5f5f5; -} -.container-form { - padding: 40px; - border-radius: 10px; - background-color: #073d69; - margin: 0px 50px; - text-align: center; -} -label { - font-size: 20px; - color: white; -} -form input:not(:last-child) { - width: 36vh; - height: 5.5vh; - border-radius: 10px; - border-color: none; - font-size: 1rem; -} -input::-webkit-outer-spin-submit, -input::-webkit-inner-spin-submit { - -webkit-appearance: none; - margin: 0; -} -form input[type="submit"] { - background-color: #e5bc30; - border-color: none; - font-size: 1rem; - padding: 8px 18px; - border-radius: 10px; - margin-left: 20px; -} -form input[type="submit"]:hover { - background-color: white; -} - -.card-gostos__titulo { - font-size: 25px; - color: #20171f; - margin-bottom: 30px; -} - -.container-listas { - display: flex; - justify-content: space-between; - flex-wrap: wraap; -} - -.lista { - width: 60vh; - background-color: #073d69; - border-radius: 10px; - padding: 16px; - margin-left: 10px; -} - -.lista h3 { - color: #ffffff; - font-size: 17px; - text-align: center; - margin-bottom: 20px; -} - -.sinopse, -.sinopseMovie, -.movieName, -footer { - color: white; -} -.movieName { - font-size: 20px; - text-align: center; -} -.sinopseMovie { - text-align: justify; -} - -.background-headerMovie { - width: 34vh; - height: 50vh; - margin: 2vh 10vh; -} - -footer { - text-align: center; - padding: 20px; - background-color: #073d69; -} - -/* @media (min-width: 360px) { - /* GalaxyS5 */ - - /* { - display: flex; - justify-content: space-between; - flex-wrap: wrap; - } - .nav-header { - } - - .background-header__title { - } -} - -/* @media (min-width: 375px) { - Iphone x */ diff --git a/aline-viana/exercicio-principal/index.html b/aline-viana/exercicio-principal/index.html deleted file mode 100644 index 5f60fe2..0000000 --- a/aline-viana/exercicio-principal/index.html +++ /dev/null @@ -1,107 +0,0 @@ - - - - - - - Locadora de filmes da {Reprograma} - - - - - - - -
- - -
- imagem de uma locadora -
-

Olá, seja bem vindo(a) a minha locadora

-

Aqui você encontra todos os tipos de filmes, desde os antigões - aos atuais.

-
-
-
-
-
-

Sobre a Locadora

-
-
-

É considerada história de Teixeira Santana, sendo uma das poucas locadoras ainda viva. Escolhemos - nos manter, porque a história dos filmes são ricas.

-

E tem filmes que nenhum stream tem, somente nós.

-

Nosso endereço é na Rua marajô queiroz, 3030. Atuamos também pelo número (55) 89799998 :)

-
-
-
-
-

Deixo teu contato para te mandarmos o nosso catalógo

-
-
- - - - - - - - -
-
-
-
-

Catálogo

-
-
-

Clássico

-

Breakfast at Tiffany's

- -
Sinopse
-

Holly Golightly (Audrey Hepburn) é uma garota de programa nova-iorquina que - está decidida a casar-se com um milionário. Perdida entre a inocência, ambição e futilidade, ela - toma seus cafés da manhã em frente à famosa joalheria Tiffany`s, na intenção de fugir dos - problemas.

- -
-
-

Lançamentos

-

The green knight

- -
Sinopse
-

A história é uma reimaginação da clássica lenda de Gawain e o Cavaleiro - Verde. O guerreiro em questão invadiu a corte de Rei Arthur, desafiando qualquer um dos membros - da Távola Redonda a atacá-lo com seu machado – mas ele retornaria para devolver o golpe em um - ano e um dia. -

-
-
-

Horror movie

-

Us

-
    - -
    Sinopse
    -

    Adelaide (Lupita Nyong'o) e Gabe (Winston Duke) decidem levar a família - para passar um fim de semana na praia e descansar em uma casa de veraneio. Eles viajam com - os filhos e começam a aproveitar o ensolarado local, mas a chegada de um grupo misterioso - muda tudo. -

    -
-
-
-
-
- - - - \ No newline at end of file diff --git a/aline-viana/index.html b/aline-viana/index.html deleted file mode 100644 index de6dd71..0000000 --- a/aline-viana/index.html +++ /dev/null @@ -1,34 +0,0 @@ - - - - - - Minha aula de responsividade - - - -

Testando diferentes telas com breakpoints e media queries

-
-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi minima consectetur, doloribus architecto assumenda maiores, veritatis cum obcaecati, fugit necessitatibus qui labore facere ducimus repudiandae dolores nisi veniam minus nostrum? -

-
-
- - - -
-
- homem com dispositivos - homem com dispositivos - homem com dispositivos - homem com dispositivos - homem com dispositivos -
-
- Link da Reprograma - Leia meu Medium - Meu github -
- - diff --git a/aline-viana/style.css b/aline-viana/style.css deleted file mode 100644 index 847a22f..0000000 --- a/aline-viana/style.css +++ /dev/null @@ -1,72 +0,0 @@ -*{ - font-size: 14px; - font-family: Arial, Helvetica, sans-serif; - background-color:blanchedalmond; - padding: 20px; - } - - h1{ - font-size: 2.2rem; - width: 100%; - text-align: center; - } - - h1 + div{ - width: 100%; - } - - div>p{ - font-size: 1.2rem; - text-align: justify; - } - - div>p:hover{ - color:aqua; - font-weight: bolder; - } - - input:first-child{ - color: blueviolet; - } - - .div-2{ - display:flex; - flex-direction: column; - } - - .div-2>input{ - margin: 15px; - } - - .div-2>input:focus{ - background-color: white; - } - - .div-3{ - display: flex; - flex-wrap: wrap; - justify-content: center; - padding: 15px; - } - - .div-3>img{ - min-width: 90vw; - margin: 10px; - } - - .div-3 + div{ - display: flex; - flex-direction: column; - border: thistle 2px solid; - } - - div>a{ - text-decoration: none; - color: blueviolet; - font-size: 1.2rem; - } - - div>a:hover{ - - font-weight: bolder; - } \ No newline at end of file diff --git a/anaclaudia-gaspar/index.html b/anaclaudia-gaspar/index.html deleted file mode 100644 index 1d9ff75..0000000 --- a/anaclaudia-gaspar/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - Minha aula de responsibilidade - - - - -

Testando diferentes telas com breakpoints e media queries

-
-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores alias modi deserunt soluta facilis provident, animi similique, velit repudiandae voluptates nulla sunt odit accusamus, pariatur vitae veniam esse incidunt. Temporibus.

-
-
- -
-
- - - -
-
- Homem com dispositivos - Homem com dispositivos - Homem com dispositivos - Homem com dispositivos - Homem com dispositivos -
-
- Link da Reprograma - Leia meu Medium - Meu Github -
- - - \ No newline at end of file diff --git a/anaclaudia-gaspar/style.css b/anaclaudia-gaspar/style.css deleted file mode 100644 index 520ce3b..0000000 --- a/anaclaudia-gaspar/style.css +++ /dev/null @@ -1,97 +0,0 @@ - * { - font-size: 14px; - font-family: Arial, Helvetica, sans-serif; - background-color: blanchedalmond; - padding: 20px; - } - - h1 { - font-size: 2.1rem; - width: 100%; - text-align: center; - } - - .div-1 { - width: 100%; - } - - div>p { - font-size: 1.2rem; - text-align: justify; - } - - div>p:hover { - color: cyan; - } - - input:first-child { - color: blueviolet; - } - - .div-2 { - display: flex; - flex-direction: column; - } - - .div-2>input { - margin: 15px; - } - - .div-2>input:focus { - background-color: white; - } - - .div-3 { - display: flex; - flex-wrap: wrap; - justify-content: center; - padding: 15px; - } - - .div-3>img { - width: 90vw; - max-width: 800vw; - margin: 10px; - } - - .div-3+div { - display: flex; - flex-direction: column; - border: thistle 2px solid; - } - - div>a { - text-decoration: none; - color: blueviolet; - font-size: 1.2rem; - } - - div>a:hover { - font-weight: bolder; - } - - @media(min-width:768px) { - .div-3+div { - flex-direction: row; - justify-content: center; - border: none; - } - * { - font-size: 16px; - background-color: coral; - } - } - - @media(min-width:1280px) { - * { - font-size: 18px; - background-color: lavender; - } - .div-2>input { - max-width: 20vw; - } - .div-2 { - flex-direction: row; - justify-content: center; - } - } \ No newline at end of file diff --git a/ane-carolina/index.html b/ane-carolina/index.html deleted file mode 100644 index 5615c52..0000000 --- a/ane-carolina/index.html +++ /dev/null @@ -1,36 +0,0 @@ - - - - - - - Minha aula de responsividade - - - -

Testando diferentes telas com breakpoints e media queries

- -

- Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolore, deleniti error beatae, quae placeat assumenda minus similique nam doloribus facilis repudiandae tempora atque quas id iste! Laboriosam earum ab maxime? -

- -
- - - -
- -
- homem com dispositivos - homem com dispositivos - homem com dispositivos -
-
- Link do reprograma - Link do medium - Link do Github -
- - - - \ No newline at end of file diff --git a/ane-carolina/many-devices.jpg b/ane-carolina/many-devices.jpg deleted file mode 100644 index da7af4a..0000000 Binary files a/ane-carolina/many-devices.jpg and /dev/null differ diff --git a/ane-carolina/mobile-first.jpeg b/ane-carolina/mobile-first.jpeg deleted file mode 100644 index 7ced095..0000000 Binary files a/ane-carolina/mobile-first.jpeg and /dev/null differ diff --git a/ane-carolina/style.css b/ane-carolina/style.css deleted file mode 100644 index f7cb1c8..0000000 --- a/ane-carolina/style.css +++ /dev/null @@ -1,108 +0,0 @@ -*{ - font-size: 14px; - font-family: arial; - background-color: blanchedalmond; - padding: 20px; -} - -h1{ - font-size: 2.2rem; - width: 100%; - text-align: center; - -} -h1+div{ - width: 100%; -} - - -div>p :hover{ - color: cadetblue; - font-weight: bolder; -} - -input:first-child{ - color: blueviolet; -} - -.div-2{ - display: flex; - flex-direction: column; - -} - -.div-2>input{ - margin: 15px; - -} - -.div-2>input:focus{ - background-color: rgb(88, 212, 150); -} - -.div-3{ - display: flex; - flex-wrap: wrap; - justify-content: center; - padding: 15px; - -} - -.div-3>img{ - width: 90vw; - max-width: ; - background-color: hotpink; - margin: 10px; -} - -.div-3+div{ - display: flex; - flex-direction: column; - border: 2px solid grey; - - -} - -div>a{ - text-decoration: none; - color: blueviolet; - font-size: 1.2rem; - -} - -div>a:hover{ - font-weight: bolder; - -} - -@media(min-width:768px){ - .div-3+div{ - flex-direction: row; - justify-content: center; - border: none; - - } - - *{ - font-size: 16px; - background-color: cadetblue; - } - - -} - -@media(min-width:1280px){ - *{ - font-size: 18px; - background-color: lavender; - } - .div-2>input{ - max-width: 20vw; - } - - .div-2{ - flex-direction: row; - justify-content: center; - } - -} \ No newline at end of file diff --git a/carine-oliveira/style.css b/dardania-coimbra/CSS/style.css similarity index 100% rename from carine-oliveira/style.css rename to dardania-coimbra/CSS/style.css diff --git a/carine-oliveira/index.html b/dardania-coimbra/index.html similarity index 96% rename from carine-oliveira/index.html rename to dardania-coimbra/index.html index 74e787e..0acdd42 100644 --- a/carine-oliveira/index.html +++ b/dardania-coimbra/index.html @@ -5,7 +5,7 @@ Minha aula de responsividade - + diff --git a/debora-paixao/index.html b/debora-paixao/index.html deleted file mode 100644 index 33cbb90..0000000 --- a/debora-paixao/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - Minha aula de responsividade - - - - -

Testando diferentes telas com breakpoints e media queries

-
-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi minima consectetur, doloribus architecto - assumenda maiores, veritatis cum obcaecati, fugit necessitatibus qui labore facere ducimus repudiandae - dolores nisi veniam minus nostrum? -

-
-
- - - -
-
- homem com dispositivos - homem com dispositivos - homem com dispositivos - homem com dispositivos - homem com dispositivos -
-
- Link da Reprograma - Leia meu Medium - Meu github -
- - - \ No newline at end of file diff --git a/debora-paixao/style.css b/debora-paixao/style.css deleted file mode 100644 index b0ef4b8..0000000 --- a/debora-paixao/style.css +++ /dev/null @@ -1,102 +0,0 @@ -*{ - font-size: 14px; - font-family: Arial, Helvetica, sans-serif; - background-color:blanchedalmond; - padding: 20px; - } - - h1{ - font-size: 2.2rem; - width: 100%; - text-align: center; - } - - h1 + div{ - width: 100%; - } - - div>p{ - font-size: 1.2rem; - text-align: justify; - } - - div>p:hover{ - color:aqua; - font-weight: bolder; - } - - input:first-child{ - color: blueviolet; - } - - .div-2{ - display:flex; - flex-direction: column; - } - - .div-2>input{ - margin: 15px; - } - - .div-2>input:focus{ - background-color: white; - } - - .div-3{ - display: flex; - flex-wrap: wrap; - justify-content: center; - padding: 15px; - } - - .div-3>img{ - width: 90vw; - max-width:800px; - margin: 10px; - } - - .div-3 + div{ - display: flex; - flex-direction: column; - border: thistle 2px solid; - } - - div>a{ - text-decoration: none; - color: blueviolet; - font-size: 1.2rem; - } - - div>a:hover{ - font-weight: bolder; - } - - @media(min-width:768px){ - .div-3 + div{ - flex-direction: row; - justify-content: center; - border: none; - } - - *{ - font-size: 16px; - background-color: coral; - } - - } - - @media(min-width:1280px){ - *{ - font-size: 18px; - background-color: lavender; - } - - .div-2>input{ - max-width: 20vw; - } - - .div-2{ - flex-direction: row; - justify-content: center; - } - } diff --git "a/exerc\303\255cio/CSS/style.css" "b/exerc\303\255cio/CSS/style.css" new file mode 100644 index 0000000..79efdc6 --- /dev/null +++ "b/exerc\303\255cio/CSS/style.css" @@ -0,0 +1,218 @@ +*{ + margin: 0; + padding: 0%; + box-sizing: border-box; + font-size: 16px; + font-family: 'Hina Mincho', serif; +} + +.cabecalho{ + width: 100%; + height: 10vh; +} + +.menu{ + width: 100%; + background-color: rgb(27, 73, 101); + display: flex; + justify-content: space-between; + height: 60px; + padding: 0 20px; + align-items: center; + position: fixed; +} + +.logo{ +height: 60px; +} + +.menu-navegacao{ + display: flex; + list-style: none; +} + +.menu-navegacao__link{ + color: white; + text-decoration: none; + font-size: 17px; + padding: 10px; + transition: 0.5s all; + border-radius: 10px; + position: relative; +} + +.menu-navegacao__link:hover{ + background-color: #D3D3D3; +} + +button{ + width: 180px; + color:white; + font-size: 20px; + padding: 12px 0; + background: rgb(27, 73, 101); + border: 0; + border-radius: 20px; + outline: none; + margin-top: 30px; + +} + +main{ + width: 90%; + background-color: rgb(202, 233, 255); + margin: 3% 5%; + border-radius: 10px; + box-shadow: 5px 5px 10px #D3D3D3; + flex-direction: row; + justify-content: center; +} + +.card-introducao, .container-recomendacao, .card-recomendacao{ + padding: 4%; +} + +.container-texto__imagem{ + width: 30%; + border-radius: 10px; +} + +.card-introducao__titulo{ + color: #1b4965; + font-size: 30px; + margin-bottom: 20px; +} + +.container-recomendacao__titulo{ + color: #1b4965; + font-size: 30px; + margin-bottom: 17px; + text-align: justify; +} + +.card-recomendacao__titulo{ + font-size: 30px; + color: #1b4965; + margin-bottom: 30px; +} + +.container-texto{ + display: flex; + align-items: center; +} + +.container-texto__paragrafo p, .container-recomendacao__paragrafo p{ + font-size: 17px; +} + +.container-texto__imagem{ + width: 30%; +} + +.campo-form{ + display: flex; + flex-direction: column; +} + +.container-lista{ + display: flex; + flex-wrap: wrap; + justify-content: center; + padding: 15px; +} + +.container-lista>.lista{ + width: 90vw; + max-width:800px; + margin: 10px; +} + +.lista{ + width: 30%; + background-color: #1b4965; + border-radius: 10px; + padding: 16px; + margin: 20px; + transition: 0.5s all; + box-shadow: 5px 5px 9px #cccccc; +} + +.lista:hover{ + transform: scale(1.1); +} + +.lista h3{ + color: white; + font-size: 17px; + text-align: center; + margin-bottom: 20px; +} + +.lista__item li{ + color: white; + margin-bottom: 10px; + list-style: none; +} + +.lista__item li::before{ + content: "💬"; + margin-right: 10px; +} + +form{ + width: 70%; + border: 2px solid white; + padding: 20px; + border-radius: 10px; + margin-bottom: 30px; +} + +label, input{ + margin-bottom: 10px; +} + +fieldset{ + border: 2px solid white; + margin-top: 10px; + margin-bottom: 10px; +} + +.form-botao{ + display: flex; + justify-content: center; +} + +.form-botao input{ + border: 2px solid #ffffff; + background-color: #1b4965; + color: white; + border-radius: 10px; + padding: 10px; +} + +.card-contato{ + display: flex; + flex-direction: column; + align-items: center; +} + +.card-contato h1{ + font-size: 25px; + color: #1b4965; + margin-bottom: 20px; +} + +footer{ + color: white; + text-align: center; + padding: 20px; + background-color: rgb(27, 73, 101); +} + +@media (max-width:900px){ + .container-texto__imagem{ + flex-direction: row; + justify-content: center; + border: none; +} +} \ No newline at end of file diff --git "a/exerc\303\255cio/img/icon.png" "b/exerc\303\255cio/img/icon.png" new file mode 100644 index 0000000..25ba43e Binary files /dev/null and "b/exerc\303\255cio/img/icon.png" differ diff --git "a/exerc\303\255cio/img/menu.png" "b/exerc\303\255cio/img/menu.png" new file mode 100644 index 0000000..1ac2641 Binary files /dev/null and "b/exerc\303\255cio/img/menu.png" differ diff --git "a/exerc\303\255cio/img/mulher-negra-programando.png" "b/exerc\303\255cio/img/mulher-negra-programando.png" new file mode 100644 index 0000000..c82aa32 Binary files /dev/null and "b/exerc\303\255cio/img/mulher-negra-programando.png" differ diff --git "a/exerc\303\255cio/index.html" "b/exerc\303\255cio/index.html" new file mode 100644 index 0000000..d37d4d5 --- /dev/null +++ "b/exerc\303\255cio/index.html" @@ -0,0 +1,140 @@ + + + + + + + + + Quem eu sou? + + + + + + + +
+ +
+ +
+ +
+

Quem sou eu?

+
+
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni recusandae explicabo consectetur + reprehenderit voluptate similique cupiditate nihil hic delectus eligendi, exercitationem + quisquam + consequatur error animi, at incidunt libero quia! Ipsam. Lorem ipsum dolor sit amet consectetur + adipisicing elit. Illum accusamus quaerat laborum, sit asperiores dignissimos ipsum veritatis + quibusdam, + facere iste repellat praesentium magnam velit doloremque. Praesentium dolore ipsam eius minima. +

+ +
+ + + mulher negra usando teclado para programar +
+
+ +
+

Minhas recomendações...

+
+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore iste magnam aspernatur enim + voluptatem ut dolorem. Nostrum laboriosam a inventore doloremque delectus praesentium impedit + aperiam amet quam perspiciatis? Eos, autem.

+

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Possimus eaque rerum soluta. Doloribus ut + atque delectus quasi cumque animi, illum nulla natus nisi, repellendus a excepturi debitis eius + explicabo quibusdam.

+
+
+ +
+

Veja as minhas recomendações para você:

+
+
+

Livros:

+
    +
  • Livro 1
    • +
  • Livro 2
    • +
  • Livro 3
    • +
  • Livro 4
    • +
  • Livro 5
    • +
+
+ +
+

Filmes:

+
    +
  • Filme 1
    • +
  • Filme 2
    • +
  • Filme 3
    • +
  • Filme 4
    • +
  • Filme 5
    • +
+
+ +
+

Canais no Youtube:

+
    +
  • Canal 1
    • +
  • Canal 2
    • +
  • Canal 3
    • +
  • Canal 4
    • +
  • Canal 5
    • +
+
+
+
+ +
+

Contato

+
+
+ + + + + + + + + + + +
+ +
+ Como podemos entrar em contato com você? + + + +
+ +
+ +
+ +
+
+ +
+ + + + \ No newline at end of file diff --git a/quezia-dias/index.html b/quezia-dias/index.html deleted file mode 100644 index 74e787e..0000000 --- a/quezia-dias/index.html +++ /dev/null @@ -1,37 +0,0 @@ - - - - - - - Minha aula de responsividade - - - - -

Testando diferentes telas com breakpoints e media queries

-
-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi minima consectetur, doloribus architecto assumenda maiores, veritatis cum obcaecati, fugit necessitatibus qui labore facere ducimus repudiandae dolores nisi veniam minus nostrum? -

-
-
- - - -
-
- homem com dispositivos - homem com dispositivos - homem com dispositivos - homem com dispositivos - homem com dispositivos -
-
- Link da Reprograma - Leia meu Medium - Meu github -
- - - \ No newline at end of file diff --git a/quezia-dias/style.css b/quezia-dias/style.css deleted file mode 100644 index c901954..0000000 --- a/quezia-dias/style.css +++ /dev/null @@ -1,98 +0,0 @@ -* { - font-size: 14px; - font-family: Arial, Helvetica, sans-serif; - background-color: blanchedalmond; - padding: 20px; -} - -h1 { - font-size: 2.2rem; - width: 100%; - text-align: center; -} - -h1+div { - width: 100%; -} - -div>p { - font-size: 1.2rem; - text-align: justify; -} - -div>p:hover { - color: aqua; - font-weight: bolder; -} - -input:first-child { - color: blueviolet; -} - -.div-2 { - display: flex; - flex-direction: column; -} - -.div-2>input { - margin: 15px; -} - -.div-2>input:focus { - background-color: white; -} - -.div-3 { - display: flex; - flex-wrap: wrap; - justify-content: center; - padding: 15px; -} - -.div-3>img { - width: 90vw; - max-width: 800px; - margin: 10px; -} - -.div-3+div { - display: flex; - flex-direction: column; - border: thistle 2px solid; -} - -div>a { - text-decoration: none; - color: blueviolet; - font-size: 1.2rem; -} - -div>a:hover { - font-weight: bolder; -} - -@media(min-width:768px) { - .div-3+div { - flex-direction: row; - justify-content: center; - border: none; - } - * { - font-size: 16px; - background-color: coral; - } -} - -@media(min-width:1280px) { - * { - font-size: 18px; - background-color: lavender; - } - .div-2>input { - max-width: 20vw; - } - .div-2 { - flex-direction: row; - justify-content: center; - } -} \ No newline at end of file diff --git a/taiana-aguilera/index.html b/taiana-aguilera/index.html deleted file mode 100644 index 33cbb90..0000000 --- a/taiana-aguilera/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - Minha aula de responsividade - - - - -

Testando diferentes telas com breakpoints e media queries

-
-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi minima consectetur, doloribus architecto - assumenda maiores, veritatis cum obcaecati, fugit necessitatibus qui labore facere ducimus repudiandae - dolores nisi veniam minus nostrum? -

-
-
- - - -
-
- homem com dispositivos - homem com dispositivos - homem com dispositivos - homem com dispositivos - homem com dispositivos -
-
- Link da Reprograma - Leia meu Medium - Meu github -
- - - \ No newline at end of file diff --git a/taiana-aguilera/style.css b/taiana-aguilera/style.css deleted file mode 100644 index c901954..0000000 --- a/taiana-aguilera/style.css +++ /dev/null @@ -1,98 +0,0 @@ -* { - font-size: 14px; - font-family: Arial, Helvetica, sans-serif; - background-color: blanchedalmond; - padding: 20px; -} - -h1 { - font-size: 2.2rem; - width: 100%; - text-align: center; -} - -h1+div { - width: 100%; -} - -div>p { - font-size: 1.2rem; - text-align: justify; -} - -div>p:hover { - color: aqua; - font-weight: bolder; -} - -input:first-child { - color: blueviolet; -} - -.div-2 { - display: flex; - flex-direction: column; -} - -.div-2>input { - margin: 15px; -} - -.div-2>input:focus { - background-color: white; -} - -.div-3 { - display: flex; - flex-wrap: wrap; - justify-content: center; - padding: 15px; -} - -.div-3>img { - width: 90vw; - max-width: 800px; - margin: 10px; -} - -.div-3+div { - display: flex; - flex-direction: column; - border: thistle 2px solid; -} - -div>a { - text-decoration: none; - color: blueviolet; - font-size: 1.2rem; -} - -div>a:hover { - font-weight: bolder; -} - -@media(min-width:768px) { - .div-3+div { - flex-direction: row; - justify-content: center; - border: none; - } - * { - font-size: 16px; - background-color: coral; - } -} - -@media(min-width:1280px) { - * { - font-size: 18px; - background-color: lavender; - } - .div-2>input { - max-width: 20vw; - } - .div-2 { - flex-direction: row; - justify-content: center; - } -} \ No newline at end of file diff --git a/thamyres-lais/index.html b/thamyres-lais/index.html deleted file mode 100644 index ef6fed2..0000000 --- a/thamyres-lais/index.html +++ /dev/null @@ -1,34 +0,0 @@ - - - - - - Minha aula de responsividade - - - -

Testando diferentes telas com breakpoints e media queries

-
-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi minima consectetur, doloribus architecto assumenda maiores, veritatis cum obcaecati, fugit necessitatibus qui labore facere ducimus repudiandae dolores nisi veniam minus nostrum? -

-
-
- - - -
-
- homem com dispositivos - homem com dispositivos - homem com dispositivos - homem com dispositivos - homem com dispositivos -
-
- Link da Reprograma - Leia meu Medium - Meu github -
- - \ No newline at end of file diff --git a/thamyres-lais/style.css b/thamyres-lais/style.css deleted file mode 100644 index 27372e5..0000000 --- a/thamyres-lais/style.css +++ /dev/null @@ -1,102 +0,0 @@ -*{ - font-size: 14px; - font-family: Arial, Helvetica, sans-serif; - background-color:blanchedalmond; - padding: 20px; - } - - h1{ - font-size: 2.2rem; - width: 100%; - text-align: center; - } - - h1 + div{ - width: 100%; - } - - div>p{ - font-size: 1.2rem; - text-align: justify; - } - - div>p:hover{ - color:aqua; - font-weight: bolder; - } - - input:first-child{ - color: blueviolet; - } - - .div-2{ - display:flex; - flex-direction: column; - } - - .div-2>input{ - margin: 15px; - } - - .div-2>input:focus{ - background-color: white; - } - - .div-3{ - display: flex; - flex-wrap: wrap; - justify-content: center; - padding: 15px; - } - - .div-3>img{ - width: 90vw; - max-width:800px; - margin: 10px; - } - - .div-3 + div{ - display: flex; - flex-direction: column; - border: thistle 2px solid; - } - - div>a{ - text-decoration: none; - color: blueviolet; - font-size: 1.2rem; - } - - div>a:hover{ - font-weight: bolder; - } - - @media(min-width:768px){ - .div-3 + div{ - flex-direction: row; - justify-content: center; - border: none; - } - - *{ - font-size: 16px; - background-color: coral; - } - - } - - @media(min-width:1280px){ - *{ - font-size: 18px; - background-color: lavender; - } - - .div-2>input{ - max-width: 20vw; - } - - .div-2{ - flex-direction: row; - justify-content: center; - } - } \ No newline at end of file