+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/alunas/joseane/css/style.css b/alunas/joseane/css/style.css
new file mode 100644
index 0000000..2d4dc94
--- /dev/null
+++ b/alunas/joseane/css/style.css
@@ -0,0 +1,134 @@
+body {
+ background: #e0e0db;
+}
+
+h1 {
+ color: rgb(145, 108, 200);
+ text-align: left;
+ font-family: Arial, Helvetica, sans-serif;
+}
+
+h3 {
+ text-align: center;
+ color: rgb(145, 108, 200);
+ text-decoration: underline;
+
+}
+
+p {
+ color: rgb(145, 108, 200);
+ text-align: left;
+ text-indent: 50px;
+ text-align: justify;
+ text-justify: inter-word;
+ margin-left: 50px;
+ margin-right: 50px;
+}
+
+h2 {
+ color: rgb(145, 108, 200);
+ text-align: center;
+ font-family: "Open Sans", sans-serif;
+ font-weight: bold;
+}
+
+@import url("https://fonts.googleapis.com/css2?family=Open+Sans&display=swap");
+
+* {
+ margin: 0 auto;
+ padding: auto;
+ box-sizing: border-box;
+ font-family: "Open Sans", sans-serif;
+ text-align: center;
+}
+
+
+#menu-h {
+ background-color: rgb(145, 108, 200);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+#menu-h ul {
+ list-style: none;
+ padding: 0;
+}
+
+#menu-h ul li {
+ display: inline;
+}
+
+#menu-h ul li a {
+ color: #fff;
+ padding: 20px;
+ display: inline-block;
+ text-decoration: none !important;
+ transition: background 0.4s;
+ font-size: 1.3rem;
+ font-weight: bold;
+}
+
+#menu-h ul li a:hover {
+ background-color: #e0e0db;
+ color: rgb(145, 108, 200);
+ font-style: oblique;
+ font-weight: bold;
+}
+
+.none {
+ list-style: none;
+}
+
+footer {
+ text-align: center;
+ padding: 3px;
+ background-color: rgb(145, 108, 200);
+ color: white;
+}
+
+.site-footer {
+ background-color: rgb(145, 108, 200);
+ color: white;
+}
+
+.site-footer a {
+ color: white;
+ padding: auto;
+}
+
+/* RESPONSIVIDADE */
+
+img {
+ width: 100%;
+ max-width: 100%;
+ height: auto;
+ }
+
+.australia {
+ display: block;
+ margin: auto;
+ margin-left: auto;
+ margin-right: auto;
+ width: 600px;
+ height: 370px;
+ object-fit:scale-down;
+}
+
+.novazelandia {
+ display: block;
+ margin: auto;
+ margin-left: auto;
+ margin-right: auto;
+ width: 600px;
+ height: 370px;
+ object-fit:scale-down;
+}
+
+
+/* condição até 600px */
+@media (max-width: 600px) {
+ body {
+ background-color: lightblue;
+ }
+}
diff --git a/alunas/joseane/img/Irlanda.png b/alunas/joseane/img/Irlanda.png
new file mode 100644
index 0000000..e2782e8
Binary files /dev/null and b/alunas/joseane/img/Irlanda.png differ
diff --git a/alunas/joseane/img/australia.png b/alunas/joseane/img/australia.png
new file mode 100644
index 0000000..2a6a814
Binary files /dev/null and b/alunas/joseane/img/australia.png differ
diff --git a/alunas/joseane/img/garotasreprograma.png b/alunas/joseane/img/garotasreprograma.png
new file mode 100644
index 0000000..c0103b2
Binary files /dev/null and b/alunas/joseane/img/garotasreprograma.png differ
diff --git a/alunas/joseane/img/josieperfil.png b/alunas/joseane/img/josieperfil.png
new file mode 100644
index 0000000..2940615
Binary files /dev/null and b/alunas/joseane/img/josieperfil.png differ
diff --git a/alunas/joseane/img/novazelandia.png b/alunas/joseane/img/novazelandia.png
new file mode 100644
index 0000000..8248865
Binary files /dev/null and b/alunas/joseane/img/novazelandia.png differ
diff --git a/alunas/joseane/img/octojosie.png b/alunas/joseane/img/octojosie.png
new file mode 100644
index 0000000..9fb89f2
Binary files /dev/null and b/alunas/joseane/img/octojosie.png differ
diff --git a/alunas/joseane/index.html b/alunas/joseane/index.html
new file mode 100644
index 0000000..7d1fb1b
--- /dev/null
+++ b/alunas/joseane/index.html
@@ -0,0 +1,135 @@
+
+
+
+
+
+
+
+
Sobre mim e a Reprograma
+
+
+
+
+
+
+
+ 💜 Vamos reprogramar o mundo 💜
+
+ As mulheres são maioria da população no Brasil. Segundo estatísticas publicadas pelo Instituto Brasileiro de Geografia e Estatística (IBGE)as mulheres estudam e tem vida mais longa do que em relação aos homens, além disso trabalham cada vez mais e nas mais diversas áreas. A pergunta é: Por que há poucas mulheres em um setor tão próspero como a tecnologia da informação (TI) que prevê um crescimento de 3% até 2022?
+ A {reprograma} é uma iniciativa de impacto social que foca em ensinar programação para mulheres cis e trans que não têm recursos e/ou oportunidades para aprender a programar.
+ Gratidão a toda equipe Reprograma por essa incrível oportunidade.
+
+
+ 
+
+
+
+
+ 💜 Joseane Guedes 💜
+
+
+ Sejam bem-vindos(as) à minha primeira página construída a várias mãos com as mulheres Reprograma. Meu nome é Joseane, mas podem me chamar de Josie. Eu moro na Paraíba, sou aluna da turma Front-end Reprograma e estou em transição de carreira para tecnologia. Gosto de viagens, cinema, teatro, animais, yoga, meditação, ayurveda, esportes radicais, música, enigmas, idiomas e adoro passear pela praia.
+
+
+ Sou fã incondicional de viagens! Acredito que viajar é a coisa mais legal do mundo: o verdadeiro tempero da vida. Viajar desperta um sentimento indescritível dentro de mim que satisfaz meu corpo com um formigamento excitante. Essa felicidade insana me acompanha a qualquer hora, em qualquer lugar ...
+
+
+ Por último, mas não menos importante, viagem não é uma cura mágica para todo os nossos problemas, mas pode levar a algumas mudanças significativas; se gerenciada com a mentalidade certa.
+
+
+
+ 
+
+
+
+
+
+ 👩🏽⚕️ Trajetória Profissional 💼
+
+
+
+ Minha jornada inclui algumas aventuras bem divertidas. Já trabalhei em pequenas, médias e grandes empresas do Brasil e do exterior. Experiências que foram importantes para formação da minha trajetória profissional. Sou formada em administração de empresas pela Universidade Federal da Paraíba - UFPB e obtive um MBA em gestão de pessoas pela Fundação Getúlio Vargas - FGV.
+
+
+ Até o ano de 2020, estava estudando e trabalhando no exterior, porém quando a pandemia chegou a maioria dos meus amigos perderam empregos. Contudo, os amigos que estavam na área de Tecnologia, além de conseguirem manter seus empregos, ainda foram contemplados com vistos de trabalho. O conselho que recebi dos que conseguiram sucesso em sua trajetória profissional foi realizar transição de carreira para área de TI. Esse é um dos motivos que me fez refletir e mudar todo meu planejamento pessoal e profissional. Desde o dia que comecei a estudar programação eu me apaixonei completamente e o amor por esse desafio só cresce a cada dia.
+
+
+
+
+ 🛫 Intercâmbios 🛬
+
+ Vida de intercambista parece divertida, mas “longe de casa é preciso muito mais responsabilidade”. Qualquer viagem deve ser planejada e quando se trata de um intercâmbio em que envolverá estudo e trabalho em outro país,tudo deve ser analisada com cautela! Longe de casa é preciso ter muito maisresponsabilidade. É necessário se adequar o nosso ritmo, tempo, dinheiro e adaptar-se a situações que sequer existiriam se estivessemos com a nossa rede de apoio por perto! É uma experiência única que propicia um ambiente favorável para lidar com todo tipo de mudanças ocorrendo o tempo todo!
+
+ 🌏 Destinos 🌏
+
+ 🍀Irlanda🍀
+
+ A Irlanda é um dos destinos mais procurados pelos intercambistas. E grande parte dessa procura é por conta da
+ permissão de trabalho que o país concede para quem vai estudar por lá. A Irlanda é um país que está em
+ destaque no cenário mundial ultimamente,devido à sua excelente qualidade de vida, desenvolvimento e demais
+ características que tornam um dos melhores países para se viver.
+
+ 
+
+
+ 🦘 Australia 🦘
+ O que você imagina quando pensa em lugares para visitar na Austrália? Cangurus, praias e sotaque com um
+ inglês diferente? Bem, sim, a Austrália tem sua cota justa de cangurus, mas esse pedaço enorme da Oceania
+ oferece MUITO mais do que isso! Estamos falando de montanhas impressionantes, road trips épicas, parques
+ nacionais enormes, cachoeiras lindas… A lista de lugares fascinantes não acaba!
+ A Austrália é um país localizado na Oceania, entre os oceanos Pacífico e Índico. Sua extensão territorial é
+ de 7.713.364 quilômetros quadrados, considerado o sexto maior país do planeta, com área inferior apenas à da
+ Rússia, Canadá, China, Estados Unidos e Brasil.
+
+ 
+
+
+ 🥝 Nova Zelandia 🥝
+ A Nova Zelândia é conhecida por suas belas paisagens e pela preservação da cultura indígena. Além das aulas
+ de inglês no país, você poderá trabalhar e realizar atividades como surfe e camping, aproveitando ao máximo
+ o seu tempo livre durante o intercâmbio na Nova Zelândia.
+
Um paraíso natural onde já foram filmados tantos filmes como: O Hobbit, O Senhor dos Anéis, Avatar,
+ X-Men Origens, King Kong e muitos outros!
+
+ 
+
+
+ Para saber mais sobre os destinos, acesse:
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/alunas/juliane/css/style.css b/alunas/juliane/css/style.css
new file mode 100644
index 0000000..dce5236
--- /dev/null
+++ b/alunas/juliane/css/style.css
@@ -0,0 +1,465 @@
+ * {
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+ font-family: sans-serif;
+ font-size: 14px;
+ }
+
+ body {
+ font-family: Georgia, 'Times New Roman', Times, serif;
+ margin: 0 auto;
+ background-color: rgb(240, 215, 236);
+ }
+
+ .navegacao {
+ display: flex;
+ color: white;
+ align-items: center;
+ justify-content: space-between;
+ padding: 1rem 2rem;
+ position: fixed;
+ width: 100%;
+ background-color: rgb(53, 29, 48);
+ }
+
+ .navegacao__lista {
+ display: flex;
+ }
+
+ nav a {
+ text-decoration: none;
+ color: aliceblue;
+ }
+
+ header {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ color: aquamarine;
+ text-align: center;
+ background: linear-gradient(rgba(153, 86, 138, .40), rgba(153, 86, 138, .40)150%), url('/alunas/juliane/img/Imagens\ de\ fundo.jpg');
+ background-size: cover;
+ background-position: bottom center;
+ }
+
+ .cabecalho {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ margin: 0 auto;
+ width: 100%;
+ height: auto;
+ }
+
+ .img_juliane {
+ width: 80%;
+ border-radius: 50%;
+ opacity: 0.7;
+ border: 2px solid white;
+ height: 266.53px;
+ }
+
+ .cabecalho_img {
+ width: 30%;
+ height: 300px;
+ min-height: 250px;
+ min-width: 200px;
+ }
+
+ h1,
+ h2,
+ h3 {
+ padding: 1rem;
+ }
+
+ h1 {
+ color: rgba(201, 22, 126, 0.822);
+ font-size: 35px;
+ font-family: Georgia, 'Times New Roman', Times, serif;
+ }
+
+ h2 {
+ color: bisque;
+ font-size: 30px;
+ font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+ }
+
+ h3 {
+ color: rgb(212, 182, 243);
+ font-size: 20px;
+ font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+ }
+
+ main {
+ width: 100%;
+ }
+
+ .section_sobremim {
+ height: auto;
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ text-align: center;
+ padding: 20px;
+ }
+
+ .sobre_mim {
+ display: flex;
+ flex-wrap: wrap;
+ line-height: 2;
+ color: rgb(44, 30, 12);
+ align-items: center;
+ }
+
+ .sobre_mim h1 {
+ text-align: center;
+ opacity: 0.7;
+ }
+
+ .sobre_mim img {
+ width: 30%;
+ min-width: 260px;
+ text-align: center;
+ }
+
+ .sobre_mim p,
+ #trajetoria p {
+ width: 60%;
+ font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
+ text-align: center;
+ font-size: 20px;
+ margin: 0 auto;
+ justify-content: center;
+ }
+
+ #trajetoria p {
+ width: 70%;
+ color: rgb(50, 71, 26);
+ line-height: 1.7;
+ font-size: 1.5rem;
+ }
+
+ #trajetoria h2 {
+ color: rgb(168, 130, 73);
+ padding-bottom: 3rem;
+ }
+
+ #trajetoria {
+ height: auto;
+ width: 100%;
+ margin: 0 auto;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+
+ .mais_sobre_mim {
+ padding: 4rem 15%;
+ text-align: center;
+ display: flex;
+ flex-direction: column;
+ color: aliceblue;
+ margin: 0 auto;
+ }
+
+ .mais_sobre_mim h2 {
+ color: gray;
+ padding-bottom: 3rem;
+ opacity: 0.7;
+ }
+
+ .sonhos_gostos {
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ }
+
+ .sonhos_gostos h2,
+ .sonhos_gostos h3,
+ .sonhos_gostos li,
+ .sonhos_gostos a {
+ color: white;
+ }
+
+ .sonhos,
+ .musicas,
+ .comidas {
+ display: inline-block;
+ width: 33%;
+ height: 300px;
+ border-radius: 20%;
+ margin: 0 auto;
+ border: 3px solid rgb(248, 244, 245);
+ min-width: 250px;
+ }
+
+ .sonhos {
+ background: linear-gradient(rgba(39, 23, 36, 0.7), rgba(56, 32, 51, 0.7)60%), url(/alunas/juliane/img/Sonhos.jpg);
+ background-size: cover;
+ }
+
+ .musicas {
+ background: linear-gradient(rgba(39, 23, 36, 0.7), rgba(56, 32, 51, 0.7)60%), url(/alunas/juliane/img/musicas.jpg);
+ background-size: cover;
+ }
+
+ .comidas {
+ background: linear-gradient(rgba(39, 23, 36, 0.7), rgba(56, 32, 51, 0.7)60%), url(/alunas/juliane/img/comidas.jpg);
+ background-size: cover;
+ }
+
+ li {
+ padding: 5px;
+ font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+ color: aliceblue;
+ font-size: 1.1rem;
+ list-style: none;
+ text-align: justify;
+ line-height: 1.3;
+ }
+
+ li:not(:last-child) {
+ margin-bottom: 5px;
+ }
+
+ .mais_sobre_mim li::before {
+ content: "\2764";
+ color: rgb(255, 255, 255);
+ margin-right: 20px;
+ }
+
+ .form {
+ text-align: center;
+ }
+
+ form {
+ display: inline-block;
+ text-align: center;
+ width: 50%;
+ background: rgba(255, 136, 209, 0.562);
+ border: 2px solid rosybrown;
+ border-radius: 30%;
+ margin-bottom: 3rem;
+ color: rgb(192, 69, 151);
+ padding: 4rem 1rem 1rem 2rem;
+ }
+
+ form h1 {
+ font-size: 1.4rem;
+ margin: 0 1rem;
+ }
+
+ form img {
+ width: 20%;
+ padding: 1rem;
+ }
+
+ label {
+ font-size: 1.2rem;
+ }
+
+ input {
+ border-radius: 20%;
+ border: 2px solid rgb(192, 69, 151);
+ margin-bottom: 1rem;
+ width: 50%;
+ height: 25px;
+ }
+
+ .preferencia {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 100%;
+ }
+
+ .opcao_preferencia {
+ display: flex;
+ width: 50%;
+ justify-content: center;
+ padding-top: 1rem;
+ }
+
+ #whatsapp,
+ #email1 {
+ width: 4rem;
+ }
+
+ .text-area {
+ display: flex;
+ flex-direction: column;
+ text-align: center;
+ align-items: center;
+ }
+
+ textarea {
+ height: 5rem;
+ width: 60%;
+ border-radius: 10%;
+ border: 2px solid rgb(192, 69, 151);
+ margin: 1rem 0 1rem 0;
+ min-width: 200px;
+ }
+
+ .button {
+ text-align: center;
+ width: 100%;
+ }
+
+ button {
+ color: aliceblue;
+ width: 10rem - 60px;
+ border-radius: 10%;
+ border: none;
+ transition-duration: 0.4s;
+ width: 30%;
+ padding: 1rem 2rem;
+ margin: 1px;
+ }
+
+ .green {
+ background: rgb(118, 128, 118);
+ }
+
+ .red {
+ background: rgb(203, 204, 155);
+ }
+
+ .green:hover {
+ background: green;
+ }
+
+ .red:hover {
+ background: red;
+ }
+
+ button:hover {
+ color: black;
+ }
+
+ footer {
+ margin: 0 auto;
+ width: 100%;
+ background-color: rgb(66, 17, 59);
+ text-align: center;
+ }
+
+ footer h2 {
+ color: rgba(202, 120, 159, 0.692);
+ font-size: 25px;
+ padding-top: 2rem;
+ padding-bottom: 1rem;
+ }
+
+ .redes_sociais {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+
+ .redes_sociais_img {
+ display: flex;
+ flex-wrap: wrap;
+ }
+
+ .redes-sociais__link {
+ padding: 2rem;
+ }
+
+ .footer__copyright {
+ color: aliceblue;
+ font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+ padding: 1rem;
+ }
+
+ @media screen and (max-width: 920px) {
+ nav {
+ display: none;
+ }
+ .cabecalho {
+ flex-direction: column-reverse;
+ background-color: rgb(66, 17, 59);
+ }
+ .cabecalho_saudacao {
+ width: 60%;
+ margin-top: 6rem;
+ }
+ .cabecalho_img {
+ width: 200px;
+ height: 200px;
+ margin-bottom: 2rem;
+ }
+ h1 {
+ font-size: 1.7rem;
+ }
+ .sobre_mim p {
+ font-size: 1.2rem;
+ }
+ #trajetoria p {
+ font-size: 1.2rem;
+ }
+ .cabecalho_saudacao h2 {
+ font-size: 1.5rem;
+ padding: 0;
+ }
+ .cabecalho_saudacao h3 {
+ font-size: 1rem;
+ padding: 1rem 0;
+ }
+ form {
+ width: 70%;
+ }
+ .formCampos {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+ input {
+ width: 70%;
+ }
+ .button {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+ }
+
+ @media screen and (max-width: 718px) {
+ .sobre_mim {
+ flex-direction: column;
+ }
+ .sonhos,
+ .musicas,
+ .comidas {
+ width: 70%;
+ margin-bottom: 2rem;
+ }
+ label {
+ font-size: 1rem;
+ }
+ .redes_sociais h2 {
+ font-size: 1.5rem;
+ width: 80%;
+ }
+ }
+
+ @media screen and (max-width: 504px) {
+ .redes_sociais_img {
+ display: flex;
+ flex-direction: column;
+ }
+ button {
+ width: 70%;
+ margin: 0.2rem 2rem;
+ }
+ form {
+ width: 80%;
+ }
+ }
+
+ @media screen and (min-width: 921px) {
+ header {
+ height: 70vh;
+ }
+ }
\ No newline at end of file
diff --git a/alunas/juliane/img/Imagens de fundo.jpg b/alunas/juliane/img/Imagens de fundo.jpg
new file mode 100644
index 0000000..c5d4ca2
Binary files /dev/null and b/alunas/juliane/img/Imagens de fundo.jpg differ
diff --git a/alunas/juliane/img/Minha_foto.jpg b/alunas/juliane/img/Minha_foto.jpg
new file mode 100644
index 0000000..cdb2a5b
Binary files /dev/null and b/alunas/juliane/img/Minha_foto.jpg differ
diff --git a/alunas/juliane/img/Sonhos.jpg b/alunas/juliane/img/Sonhos.jpg
new file mode 100644
index 0000000..3c05e3f
Binary files /dev/null and b/alunas/juliane/img/Sonhos.jpg differ
diff --git a/alunas/juliane/img/borboleta.png b/alunas/juliane/img/borboleta.png
new file mode 100644
index 0000000..aa67601
Binary files /dev/null and b/alunas/juliane/img/borboleta.png differ
diff --git a/alunas/juliane/img/comidas.jpg b/alunas/juliane/img/comidas.jpg
new file mode 100644
index 0000000..7fbb648
Binary files /dev/null and b/alunas/juliane/img/comidas.jpg differ
diff --git a/alunas/juliane/img/github.png b/alunas/juliane/img/github.png
new file mode 100644
index 0000000..2b71fbc
Binary files /dev/null and b/alunas/juliane/img/github.png differ
diff --git a/alunas/juliane/img/in.png b/alunas/juliane/img/in.png
new file mode 100644
index 0000000..07430b8
Binary files /dev/null and b/alunas/juliane/img/in.png differ
diff --git a/alunas/juliane/img/instagram.png b/alunas/juliane/img/instagram.png
new file mode 100644
index 0000000..205ab84
Binary files /dev/null and b/alunas/juliane/img/instagram.png differ
diff --git a/alunas/juliane/img/juli.jpg b/alunas/juliane/img/juli.jpg
new file mode 100644
index 0000000..d52d564
Binary files /dev/null and b/alunas/juliane/img/juli.jpg differ
diff --git a/alunas/juliane/img/message.png b/alunas/juliane/img/message.png
new file mode 100644
index 0000000..f22239b
Binary files /dev/null and b/alunas/juliane/img/message.png differ
diff --git a/alunas/juliane/img/musicas.jpg b/alunas/juliane/img/musicas.jpg
new file mode 100644
index 0000000..e1fb0ac
Binary files /dev/null and b/alunas/juliane/img/musicas.jpg differ
diff --git a/alunas/juliane/img/my-octocat.png b/alunas/juliane/img/my-octocat.png
new file mode 100644
index 0000000..58854e6
Binary files /dev/null and b/alunas/juliane/img/my-octocat.png differ
diff --git a/alunas/juliane/index.html b/alunas/juliane/index.html
new file mode 100644
index 0000000..9ed86b9
--- /dev/null
+++ b/alunas/juliane/index.html
@@ -0,0 +1,169 @@
+
+
+
+
+
+
+
+
+
+
Meu Octocat - Juliane Andrade
+
+
+
+
+
+
+ Quem sou eu?
+
+
+
+
Olá!! Eu me chamo Juliane Andrade, mas pode me chamar de Jú. Tenho 26 anos de idade. Sou formada em Ciências Contábeis, e sou amante da tecnologia. Sou uma Pernambucana sonhadora. Sonho bem alto mesmooooo!! Até porque sonhar alto ou
+ baixo dá o mesmo trabalho, concorda? Mas, não basta ficar só sonhando, temos que que transformar esses sonhos em metas e objetivos e ir atrás de os realizar. E é por cada um dos meus sonhos que eu batalho todos os dias.
+
+
Minha trajetória
+
+ Aos 19 anos de idade, passei no vestibular no curso de Ciências contábeis na UFPB, então me mudei para João Pessoa para morar e estudar lá. Foi nessa cidade onde morei durante 6 anos.
+ No finalzinho dente período, fui fazer um intercâmbio acadêmico em Lisboa, onde morei durante 6 meses.
+ Após estes 6 meses retornei para Paraíba para concluir o meu curso. Mas, confesso: Portugal ganhou meu coração, e um dos meus maiores sonhos é voltar a morar lá!!
+ Hoje, tento aprender, cada dia mais, um pouco da área da programação, para que futuramente eu consiga migrar de área.
+
+
+
+ Um pouco mais sobre mim
+
+
+
Sonhos e objetivos
+
+ - Morar fora do país;
+ - Ser uma profissional competente e valorizada no mercado;
+ - Conhecer o mundo;
+ - Ter uma vida longa e com muita saúde.
+
+
+
+
Músicas que mais gosto
+
+
+
+
Comidas Favoritas
+
+ - Cuscuz
+ - Lasanha
+ - coxinha
+ - Hambúrguer
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/alunas/vera/.DS_Store b/alunas/vera/.DS_Store
new file mode 100644
index 0000000..2331149
Binary files /dev/null and b/alunas/vera/.DS_Store differ
diff --git a/alunas/vera/css/style.css b/alunas/vera/css/style.css
new file mode 100644
index 0000000..4f2a2c8
--- /dev/null
+++ b/alunas/vera/css/style.css
@@ -0,0 +1,127 @@
+* {
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ font-family: 'Lexend', sans-serif;
+}
+
+.app {
+ display: flex;
+ flex-direction: column;
+}
+
+.header__content {
+ background-image: url("../img/girassol.jpg");
+ background-size: cover;
+ background-repeat: no-repeat;
+ width: 100%;
+ height: 100vh;
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+}
+
+.header__content h1 {
+ right: 10;
+ margin-right: 1em;
+ color: #fff;
+
+}
+
+.section-content {
+ text-align: center;
+ margin: 5em 10em;
+}
+
+.section-content h2 {
+ font-size: 50px;
+}
+
+.section-content h3 {
+ font-size: 30px;
+}
+
+.section-content h4 {
+ font-size: 20px;
+}
+
+.section-content p {
+ margin: .8em 1em
+}
+
+.section__playlist {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ background-color: aquamarine;
+}
+
+
+.section__playlist-title-subtitle {
+ margin: 5em;
+}
+
+h1 {
+ font-size: 70px;
+ font-weight: 400;
+}
+
+iframe {
+ margin: 1em;
+}
+
+@media screen and (max-width: 425px) {
+ .header__content{
+ height: 30vh;
+ justify-content: center;
+ }
+
+ .header__content > h1 {
+ font-size: 35px;
+ font-weight: 600;
+ }
+
+ .section-content {
+ margin: 1em .5em;
+ }
+
+ .section-content h2{
+ font-size: 30px;
+ }
+
+ .section-content h3 {
+ font-size: 20px;
+ }
+
+ .section-content h4 {
+ font-size: 20px;
+ }
+
+ .section__playlist {
+ flex-direction: column;
+ text-align: center;
+ }
+
+ iframe {
+ margin: .5em;
+ }
+
+ .section__playlist-title-subtitle {
+ margin: 2em;
+ }
+}
+
+@media screen and (max-width: 900px) {
+ .section__playlist {
+ flex-direction: column;
+ }
+
+ .section__playlist-videos {
+ margin: auto;
+ }
+
+ .section-content {
+ margin: .8em;
+ }
+}
+
diff --git a/alunas/vera/img/girassol.jpg b/alunas/vera/img/girassol.jpg
new file mode 100644
index 0000000..0cb4596
Binary files /dev/null and b/alunas/vera/img/girassol.jpg differ
diff --git a/alunas/vera/img/my-octocat-1616248299726.png b/alunas/vera/img/my-octocat-1616248299726.png
new file mode 100644
index 0000000..19c6a44
Binary files /dev/null and b/alunas/vera/img/my-octocat-1616248299726.png differ
diff --git a/alunas/vera/index.html b/alunas/vera/index.html
new file mode 100644
index 0000000..3d095f8
--- /dev/null
+++ b/alunas/vera/index.html
@@ -0,0 +1,132 @@
+
+
+
+
+
+
+
+
diff --git a/css-home/style.css b/css-home/style.css
index f5d4c54..409d59e 100644
--- a/css-home/style.css
+++ b/css-home/style.css
@@ -1,147 +1,159 @@
/* resetando o comportamento padrão */
* {
- box-sizing: border-box;
- padding: 0;
- margin: 0;
- font-family: 'Raleway', sans-serif;
+ box-sizing: border-box;
+ padding: 0;
+ margin: 0;
+ font-family: "Raleway", sans-serif;
}
a {
- text-decoration: none;
- color: inherit;
- transition: 0.8s;
+ text-decoration: none;
+ color: inherit;
+ transition: 0.8s;
}
a:hover {
- font-weight: bold;
+ font-weight: bold;
}
ul li {
- list-style: none;
- text-decoration: none;
+ list-style: none;
+ text-decoration: none;
}
body {
- background: #7E459B;
+ background: #7e459b;
}
- /* barra de navegação */
+/* barra de navegação */
.navBar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- background-color: #7E459B;
- height: 75px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ background-color: #7e459b;
+ height: 75px;
}
.NavBar__img {
- display: block;
- max-height: 50px;
- margin: 0 3rem;
- transition: 0.8s;
+ display: block;
+ max-height: 50px;
+ margin: 0 3rem;
+ transition: 0.8s;
}
.NavBar__img:hover {
- max-height: 55px ;
+ max-height: 55px;
}
.navBar__lista {
- display: flex;
- align-items: center;
+ display: flex;
+ align-items: center;
}
.navBar__itemLista {
- max-height: 100%;
- color: #ffffff;
- font-size: 21px;
- padding: 20px;
-}
-
- /* header ou cabeçalho da página */
- .cabecalho {
- background: url(https://media.giphy.com/media/Qs1pr8WtDWb5t3uULI/giphy.gif) no-repeat center;
- background-color: #fff;
- background-size: contain;
- height: 75vh;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: flex-end;
- border-bottom: 10px solid #000;
- }
-
- .cabecalho__titulo {
- color:#892d9c;
- text-align: center;
- }
-
- /* sessão de alunas */
- .alunasSection {
- display: flex;
- justify-content: space-around;
- flex-flow: row wrap;
- padding: 2rem;
- margin: 50px 10%;
- background: #ffffffbb;
- border-radius: 10px;
- border: 2px solid black;
- }
-
- .alunaBox {
- padding: 20px;
- }
-
-
- .alunaImg {
- display: block;
- border-radius: 5px;
- max-width: 200px;
- transition: 0.5s;
- }
- .alunaImg:hover {
- max-width: 210px;
- }
-
- .alunaName {
- text-align: center;
- font-size: 1.3rem;
+ max-height: 100%;
+ color: #ffffff;
+ font-size: 21px;
+ padding: 20px;
+}
+
+/* header ou cabeçalho da página */
+.cabecalho {
+ background: url(../alunas/talitacarvalho/img/arvore-da-inclusao.jpg) top right, url(../alunas/jaqueline/img/mar.jpg)
+ center top , url(../alunas/vera/img/girassol.jpg) bottom left, url(../alunas/dandarasousa/img/banner-bg-2.png) bottom right, url(../alunas/joseane/img/garotasreprograma.png) top left;
+ background-color: #aab1b8;
+ background-size: 15%, 45%, 45%, 60%, 20%;
+ background-repeat: no-repeat;
+ height: 75vh;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ border-bottom: 10px solid #000;
+}
+
+.cabecalho__titulo {
+ color: #000;
+ text-align: center;
+ font-size: 45px;
+}
+
+/* sessão de alunas */
+.alunasSection {
+ display: flex;
+ justify-content: space-around;
+ flex-flow: row wrap;
+ padding: 2rem;
+ margin: 50px 10%;
+ background: #ffffffbb;
+ border-radius: 10px;
+ border: 2px solid black;
+}
+
+.alunaBox {
+ padding: 20px;
+}
+
+.alunaImg {
+ display: block;
+ border-radius: 5px;
+ max-width: 200px;
+ transition: 0.5s;
+}
+.alunaImg:hover {
+ max-width: 210px;
+}
+
+.alunaName {
+ text-align: center;
+ font-size: 1.3rem;
+ padding: 10px;
+ color: #892d9c;
+}
+
+/* footer ou rodapé da página */
+.rodape {
+ height: 100px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background-color: #000;
+ color: white;
+}
+
+.rodape-span {
+ font-size: 1.1rem;
+}
+
+.rodape-span:hover {
+ font-size: 1.3rem;
+ color: #7e459b;
+}
+
+@media screen and (max-width: 700px) {
+ .navBar__itemLista {
+ padding: 0;
+ }
+
+ .alunasSection {
+ margin: 50px 1%;
+ padding: 1rem;
+ }
+
+ .alunaBox {
padding: 10px;
- color:#892d9c;
- }
-
- /* footer ou rodapé da página */
- .rodape {
- height: 100px;
- display: flex;
- align-items: center;
- justify-content: center;
- background-color: #000;
- color: white;
- }
-
- .rodape-span {
- font-size: 1.1rem;
- }
-
- .rodape-span:hover {
- font-size: 1.3rem;
- color: #7E459B;
- }
-
- @media screen and (max-width: 700px) {
- .navBar__itemLista {
- padding: 0;
- }
-
- .alunasSection {
- margin: 50px 1%;
- padding: 1rem;
- }
-
- .alunaBox {
- padding: 10px;
- }
-
- .alunaImg {
- max-width: 130px;
- }
- }
\ No newline at end of file
+ }
+
+ .alunaImg {
+ max-width: 130px;
+ }
+
+ .cabecalho {
+ background-size: 0, 100%, 100%, 100%, 0%;
+ height: 50vh;
+ }
+ .cabecalho__titulo {
+ font-size: 28px;
+ }
+}
+
+
diff --git a/img-home/my-octocat-1616249955762.png b/img-home/my-octocat-1616249955762.png
new file mode 100644
index 0000000..ca069bf
Binary files /dev/null and b/img-home/my-octocat-1616249955762.png differ
diff --git a/img-home/octoFernanda.png b/img-home/octoFernanda.png
new file mode 100644
index 0000000..e22c63a
Binary files /dev/null and b/img-home/octoFernanda.png differ
diff --git a/index.html b/index.html
index db67794..d7b58e5 100644
--- a/index.html
+++ b/index.html
@@ -1,10 +1,17 @@
-
+
+
+
+
+**Site produzido no resultado das aulas**
+https://reprograma.github.io/On10-TodasEmTech-HTML-CSS/
+
## AULA 20 MARÇO, SÁBADO, 9H - 17H
@@ -14,31 +18,31 @@ Online-10 | Front-end | 2021 | Fundamentos de HTML e CSS
## CONTEÚDO AULA MANHÃ 9h - 12h
-- [] **Apresentação**
-- [] **Combinados**
-- [] **Preparando estrutura de desenvolvimento juntas**
- - [] Criando pastas e arquivos
-- [] **Introdução e revisão - HTML**
- - [] Cliente e Servidor
- - [] O que é linguagem de marcação de hipertexto? ``
- - [] HTML vs. HTML5 | CSS vs CSS3
- - [] Elementos `` e ``
-- [] **Intervalo** - 15min
- - [] Elementos HTML: tags (etiquetas) e atributos
- - [] Exemplo com imagens `