diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/alunas/marcia-tadakuma/CSS/style.css b/alunas/marcia-tadakuma/CSS/style.css index b227bc5..f8fe3d4 100644 --- a/alunas/marcia-tadakuma/CSS/style.css +++ b/alunas/marcia-tadakuma/CSS/style.css @@ -1,152 +1,244 @@ - -*{ - +* { margin: 0; padding: 0; box-sizing: border-box; font-size: 16px; font-family: 'Nunito Sans', sans-serif; - } -.cabecalho{ +.cabecalho { width: 100%; - height: 80vh; - background: linear-gradient(rgba(15, 15, 15, 0.5), rgba(11, 7, 14, 0.7)), url(./../img/mulancav.jpg) no-repeat; - background-size: cover; + height: 100vh; + background: linear-gradient(rgba(15, 15, 15, 0.5), rgba(171, 131, 202, 0.7)) url(../img/mulancav.jpg) no-repeat ; + background-size: cover; + background-position: center; + } - -.menu{ +/*img{ + width: 100%; + height: 100vh; +}*/ +.menu { width: 100%; background-color: #070707; - display: flex; - justify-content:space-between; - height: 60px; + display: flex; + display: flex; + display: flex; + justify-content: space-between; + height: 30px; align-items: center; - padding: 0 20px; + padding: 0px; position: fixed; - -} -.banner{ +} + +.banner { height: 100%; display: flex; flex-direction: column; justify-content: center; - align-items: center; + align-items: center; + align-items: center; + align-items: center; } -.menu__logo{ +.menu__logo { color: #ffffff; text-decoration: none; - font-size: 30px; + font-size: 20px; border: none; - } -.menu-navegacao{ +.menu-navegacao { display: flex; list-style: none; + font-size: 20px; + } -.menu-navegacao__link{ - +.menu-navegacao__link { color: #ffffff; text-decoration: none; font-size: 20px; padding: 10px; - transition:all 0.2s ; + transition: all 0.2s; border-radius: 10px; - - } -.cor-link{ + +.cor-link { color: #a02121ed; text-decoration: underline; - - } -.cor-link:hover{ + +.cor-link:hover { text-decoration: underline; - font-size:115%; - + font-size: 115%; } -.menu-navegacao__link:hover{ +.menu-navegacao__link:hover { background-color: #da0707ed; - - - - } - -.banner__titulo{ + +.banner__titulo { color: #ffffff; font-size: 30px; margin-bottom: 15px; } -.banner__subtitulo{ +.banner__subtitulo { color: #ffffff; font-size: 20px; } -main{ +main { width: 90%; - background: linear-gradient(#f5f5f5dc ,rgba(253, 253, 253, 0.6)); + background: linear-gradient(#f5f5f5dc, rgba(253, 253, 253, 0.6)); margin: 3% 5%; - border-radius: 10px; - box-shadow: 0px 0px 10px #cccccc; + border-radius: 10px; + border-radius: 10px; + border-radius: 10px; + box-shadow: 0px 0px 10px #cccccc; } -.card-introducao, .container-trajetoria, .card-gostos{ +.card-introducao, +.container-trajetoria, +.card-gostos { padding: 4%; } -.card-introducao__titulo{ - color: #7a7979 ; +.card-introducao__titulo { + color: #7a7979; font-size: 30px; margin-bottom: 20px; } -.container-texto{ +.container-texto { display: flex; align-items: center; } -.container-texto__paragrafos{ +.container-texto__paragrafos { width: 60%; margin-right: 10%; } -.container-texto__paragrafos p, .container-trajetoria__paragrafo p{ +.container-texto__paragrafos p, +.container-trajetoria__paragrafo p { color: rgb(41, 39, 39); font-size: 17px; margin-bottom: 17px; - text-align: justify; + text-align: justify; + text-align: justify; + text-align: justify; } -.container-texto__imagem{ +.container-texto__imagem { width: 30%; } -.container-trajetoria__titulo{ +.container-trajetoria__titulo { font-size: 25px; margin-bottom: 30px; color: #7a7979; } +/*---------- O QUE EU MAIS GOSTO ------------*/ + +.container{ + display: flex; + flex-direction: row; + flex-wrap: wrap-reverse; + justify-content: space-around; + align-items: flex-end; + align-content: space-around; + + + +} +.bloco:hover{ + transform: scale(1.1); +} + +.bloco{ + width: 250px; + height: 250px; + background-color: rgb(0, 0,0); + margin: 50px; + padding: 20px; + justify-content: space-around; + display: flex; + flex-direction: column; + border: 2px solid rgb(182, 18, 18); + border-radius: 30px; + color: #fff; + box-shadow: 5px 5px 9px #da0707ed; + font-size: 13px; + left: 5px; + + + + + + +} +.caixa3{ + display: flex; + align-content: center; + justify-content: space-around; + align-items: center; +} +.lista:hover { + transform: scale(1.1); +} +.lista__item li::before { + content: "❤"; + margin-right: 10px; + color: rgb(196, 26, 26); + +} +.lista__item li{ + list-style: none; + text-align: left; +} + +/*.titulo-gosto h2{ +font-size: 50px; +} +.lista{ + font-family: 'Courier New', Courier, monospace; +} + +.lista-de-itens{ + + display: flex; + justify-content: space-between; + list-style: none; + -.card-gostos__titulo{ +} +.caixa1{ + margin: 5px 5px 5px 5px; + background-color: #502f4c; + color: #ffffff; + border-radius: 25px; + float: left; + width: 50%; height: 200px; + margin: 10px 20px; + flex-wrap: nowrap; +} + +/*.card-gostos__titulo { font-size: 25px; color: #7a7979; margin-bottom: 30px; } -.container-listas{ +.container-listas { display: flex; - justify-content: space-between; + justify-content: space-between; + justify-content: space-between; + justify-content: space-between; } -.lista{ +.lista { width: 30%; background-color: #070707e1; border-radius: 10px; @@ -155,91 +247,130 @@ main{ box-shadow: 5px 5px 9px #da0707ed; } -.lista:hover{ +.lista:hover { transform: scale(1.1); - } - - -.lista h3{ +.lista h3 { color: #ffffff; font-size: 17px; text-align: center; margin-bottom: 20px; } -.lista__item li{ +.lista__item li { color: #ffffff; margin-bottom: 10px; list-style: none; } -.lista__item li::before{ - content: "❤" ; +.lista__item li::before { + content: "❤"; margin-right: 10px; - color:rgb(196, 26, 26); -} + color: rgb(196, 26, 26); +}*/ -footer{ +footer { color: #ffffff; text-align: center; padding: 20px; background-color: #070707ed; } - -.campo-form{ +.campo-form { display: flex; flex-direction: column; } -form{ +form { width: 70%; border: 2px solid #502f4c; padding: 20px; border-radius: 10px; } -label, input{ +label, +input { margin-bottom: 10px; } -fieldset{ +fieldset { border: 2px solid #502f4c; margin-top: 10px; margin-bottom: 10px; } -.form-botao{ +.form-botao { display: flex; justify-content: center; } .form-botao input { border: 2px solid #ffffff; - background-color: #da0707ed; + background-color: #da0707ed; color: #ffffff; border-radius: 10px; padding: 10px; - } -.card-fale-conosco{ +.card-fale-conosco { display: flex; flex-direction: column; align-items: center; } -.card-fale-conosco h2{ +.card-fale-conosco h2 { font-size: 25px; color: #da0707ed; margin-bottom: 20px; - - } -.s2{ + +.s2 { color: rgb(196, 26, 26); +} + +/*@media (max-width:600px) { + .menu-navegacao .menu-navegacao__link { + flex-direction: column; + align-items: center; + font-size: 14px !important; + } +}*/ + +@media (min-width:320px) { + + .menu-navegacao__link { + flex-direction: column; + align-items: center; + font-size: 12px !important; + } + .banner__titulo, .banner__subtitulo { + font-size: 12px; + } + .cabecalho{ + object-fit: contain; + } + .lista { + display: flex; + flex-wrap: wrap; + font-size: 12px; + + + } } +@media(max-width:1024px) { + .container{ + display: flex; + flex-direction: row; + + justify-content: space-around; + align-items: flex-end; + align-content: space-around; + } + .bloco{ + padding: 10px; + } + +} \ No newline at end of file diff --git a/alunas/marcia-tadakuma/index.html b/alunas/marcia-tadakuma/index.html index 475449b..f76d53f 100644 --- a/alunas/marcia-tadakuma/index.html +++ b/alunas/marcia-tadakuma/index.html @@ -1,152 +1,229 @@ - - - - Super Aluna Marcia Tadakuma {Reprograma} - - - - - - -
- - + + + + + + + Super Aluna Marcia Tadakuma {Reprograma} + + + + + + + +
+ + - -
-
-
-

Um pouco sobre o meu mundinho...

-
-
-

Olá sejam bem vindos ao meu mundo !

-

Sou Márcia Tadakuma mais conhecida como Marcinha , adoro me exercitar e me encontrei no crossfit e pilates, gosto de ler, jogar videogames, amo filme de natal , comédia romântica ,heróis, animação e assistir series. Amo viajar e quero dar a volta ao Mundo,e quero ter uma experiência morando fora.

-

Tenho duas filhas de quatro patas , Mel e Milly, coisa mais linda..hehee, - adoro cozinhar coisas novas, amo tomar café em padaria ,amo café, gosto de conhecer lugares novos ,gosto de fazer artesanato e consertar e inventar coisas. -

-
- Minha família -
-
-
-

Deixa eu te contar um pouco sobre a minha trajetória nessa vida...

-
-

Nasci na cidade de Caçapava, interior de São Paulo. Sou a filha caçula e cresci com meus dois irmãos Netto e Márcio . Morei a maior parte da minha infância na roça e sempre gostei de brincar com os animais de estimação. Tive varios cachorros, gatos, papagaio, cavalos, tartaruga, periquitos, hamaster e peixes. Brincava muito na roça com meus irmãos e adorava andar de cavalo.

-

Eu cresci e logo comecei a estudar. Terminei meu ensino médio e depois de algum tempo ingressei na faculdade de engenharia civil juntamente com meu irmão mais velho, o Netto. - Bem no início do curso consegui um estágio numa obra na rodovia Carvalho Pinto onde ajudava o engenheiro nos relatórios gerais da obra e aprendi muitas coisas,eu gostava muita de trabalhar na obra. -

-

Terminei a faculdade em 2016,uma grande conquista, porém em setembro de 2015 eu me casei com meu esposo , e vim morar em - São José dos Campos-SP,nesse ano completamos seis anos de casado ❤, - com ele aprendi a tocar violão e também aprendi flauta transversal, - hoje tenho tocado apenas o violão e gosto muito de tocar instrumentos musicais.

-

Atualmente estou me descobrindo na área da tecnologia, um mundo novo e surpreendente no qual comecei a estudar na Reprograma no curso front-end, estou gostando muito, estou me sentindo acolhida e sinto que posso ser eu mesma e poder explorar esse novo mundo da tecnologia,novos conhecimentos, tem sido um grande desafio mais sei que vai valer a pena.

-
+ -
-
-

Veja o que eu mais gosto nessa vida...

-
-
-

Amo viajar, e tenho uma listinha de quais países quero conhecer:

-
    -
  • Nova York em época de natal
    • -
  • Orlando
    • -
  • Inglaterra
    • -
  • Irlanda
    • -
  • Grécia
    • -
-
-
-

Veja meus filmes/séries favoritas:

-
    + -
  • Mulan
    • -
  • Casa comigo?
    • -
  • Grey's Anatomy
    • -
  • Zoey e a sua Fantástica Playlist
    • -
  • Os delírios de consumo de Becky Bloom
    • -
+
+
+
+

Um pouco sobre o meu mundinho...

+
+
+

Olá sejam bem vindos ao meu mundo !

+

Sou Márcia Tadakuma mais conhecida como Marcinha , adoro + me exercitar e me encontrei no crossfit e pilates, gosto de ler, jogar videogames, amo filme de natal , comédia romântica ,heróis, animação e assistir series. Amo viajar e quero dar a volta ao Mundo,e quero ter uma experiência + morando fora.

+

Tenho duas filhas de quatro patas , Mel e Milly, coisa mais linda..hehee, adoro cozinhar coisas novas, amo tomar café em padaria ,amo café, gosto de conhecer lugares novos ,gosto de fazer artesanato e consertar e inventar coisas. +

+
+ Minha família +
+
+
+

Deixa eu te contar um pouco sobre a minha trajetória nessa vida...

+
+

Nasci na cidade de Caçapava, interior de São Paulo. Sou a filha caçula e cresci com meus dois irmãos Netto e Márcio . Morei a maior parte da minha infância na roça e sempre gostei de brincar com os animais de estimação. + Tive varios cachorros, gatos, papagaio, cavalos, tartaruga, periquitos, hamaster e peixes. Brincava muito na roça com meus irmãos e adorava andar de cavalo.

+

Eu cresci e logo comecei a estudar. Terminei meu ensino médio e depois de algum tempo ingressei na faculdade de engenharia civil juntamente com meu irmão mais velho, o Netto. Bem no início do curso consegui um estágio numa obra na rodovia + Carvalho Pinto onde ajudava o engenheiro nos relatórios gerais da obra e aprendi muitas coisas,eu gostava muita de trabalhar na obra. +

+

Terminei a faculdade em 2016,uma grande conquista, porém em setembro de 2015 eu me casei com meu esposo , e vim morar em + São José dos Campos-SP,nesse ano completamos seis anos de casado ❤, com ele aprendi a tocar violão e também + aprendi flauta transversal, hoje tenho tocado apenas o violão e gosto muito de tocar instrumentos musicais.

+

Atualmente estou me descobrindo na área da tecnologia, um mundo novo e surpreendente no qual comecei a estudar na Reprograma no curso front-end, estou gostando + muito, estou me sentindo acolhida e sinto que posso ser eu mesma e poder explorar esse novo mundo da tecnologia,novos conhecimentos, tem sido um grande desafio mais sei que vai valer a pena.

+
- -
-

Amo ler, e esses são os meus livros preferidos:

+
+
+
+
+
+

+ Amo viajar, e tenho uma listinha de quais países quero conhecer: +

+
    +
  • Nova York em época de natal
    • +
  • Orlando
    • +
  • Inglaterra
    • +
  • Irlanda
    • +
  • Grécia
    • +
+ +
+
+

Veja meus filmes/séries favoritas:

+
    + + +
  • Mulan
    • +
  • Casa comigo?
    • +
  • Grey's Anatomy
    • +
  • Zoey e a sua Fantástica Playlist
    • +
  • Os delírios de consumo de Becky Bloom
    • +
+ +
+
+
+
+

Amo ler, e esses são os meus livros preferidos:

+
  • A Seleção
  • Culpa é da Estrela
  • Extraordinário
  • Mulher Confiante
  • Pareça Maravilhosa, Sinta-se Maravilhosa
    • - +
+ +
+
+
+ + +
+
+

Fale conosco

+
+
+ + -
-
-

Fale conosco

- -
- - - - - - - - - - - - - - - - - + + + + + + + + + + + + -
-
- Como podemos entrar em contato com você? -
- - - -
-
+ +
+ Como podemos entrar em contato com você?
- -
-
- + + +
- +
+
+ +
+
+ +
+ -
+ + + +
+ + + - - - - - \ No newline at end of file diff --git a/alunas/marcia-tadakuma/treinamento/treinamento.css b/alunas/marcia-tadakuma/treinamento/treinamento.css new file mode 100644 index 0000000..3efe32f --- /dev/null +++ b/alunas/marcia-tadakuma/treinamento/treinamento.css @@ -0,0 +1,74 @@ +.container{ + display: flex; + flex-direction: row; + flex-wrap: wrap-reverse; + justify-content: space-around; + align-items: flex-end; + align-content: space-around; + + + +} +.bloco:hover{ + transform: scale(1.1); +} + +.bloco{ + width: 220px; + height: 220px; + background-color: rgb(0, 0,0); + margin: 10px; + padding: 20px; + justify-content: space-around; + display: flex; + flex-direction: column; + border: 2px solid rgb(182, 18, 18); + border-radius: 30px; + color: #fff; + box-shadow: 5px 5px 9px #da0707ed; + font-size: 13px; + left: 5px; + + + + + + +} +.caixa3{ + display: flex; + align-content: center; + justify-content: space-around; + align-items: center; +} +.lista:hover { + transform: scale(1.1); +} +.lista__item li::before { + content: "❤"; + margin-right: 10px; + color: rgb(196, 26, 26); + +} +.lista__item li{ + list-style: none; + text-align: left; +} + + +/*@media (min-width:583) and (max-width:1000){ + .bloco{ + padding: 0px; + width: 200px; + height: 200px; + } +} +@media (min-width:768) { + .container{ + + + } +}*/ + + + diff --git a/alunas/marcia-tadakuma/treinamento/treinamento.html b/alunas/marcia-tadakuma/treinamento/treinamento.html new file mode 100644 index 0000000..8561e8b --- /dev/null +++ b/alunas/marcia-tadakuma/treinamento/treinamento.html @@ -0,0 +1,57 @@ + + + + + + + + Document + + +
+
+
+

+ Amo viajar, e tenho uma listinha de quais países quero conhecer: +

+
    +
  • Nova York em época de natal
    • +
  • Orlando
    • +
  • Inglaterra
    • +
  • Irlanda
    • +
  • Grécia
    • +
+ +
+
+

Veja meus filmes/séries favoritas:

+ + +
+
+
+
+

Amo ler, e esses são os meus livros preferidos:

+
+
    +
  • A Seleção
    • +
  • Culpa é da Estrela
    • +
  • Extraordinário
    • +
  • Mulher Confiante
    • +
  • Pareça Maravilhosa, Sinta-se Maravilhosa
    • + +
+ +
+
+
+ + \ No newline at end of file