Skip to content

Atividade 02 - Raquel Rodrigues #191

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
raquelrsm wants to merge 12 commits into
base: master
Choose a base branch
from
Open

Atividade 02 - Raquel Rodrigues #191

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
921a3bf
Atividade 01 - Raquel Rodrigues
raquelrsm Sep 6, 2020
62cfb63
Atividade 02 - Raquel Rodrigues
raquelrsm Sep 6, 2020
dbfacee
Atividade 03
raquelrsm Sep 7, 2020
3a1f37c
Ativide 03 - Raquel Rodrigues
raquelrsm Sep 7, 2020
f610f68
Atividade 03 - Raquel Rodrigues
raquelrsm Sep 7, 2020
8ecef6b
Merge pull request #1 from WoMakersCode/master
raquelrsm Sep 23, 2020
46104cc
Add files via upload
raquelrsm Sep 23, 2020
952fe6d
Atividade de lógica - 02
raquelrsm Sep 24, 2020
10cbedb
Merge pull request #2 from WoMakersCode/master
raquelrsm Oct 5, 2020
71676a2
Add files via upload
raquelrsm Oct 5, 2020
d4575ad
Atividade photogrid
raquelrsm Oct 5, 2020
143e488
Merge branch 'master' of https://github.com/raquelrsm/primeiros-passos
raquelrsm Oct 5, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added Aulas-HTML/exercicios/aula1/download.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
26 changes: 26 additions & 0 deletions Aulas-HTML/exercicios/aula1/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,3 +14,29 @@
- Abrir um pull request para o repositório original (da Womakers)
- Acompanhar o prazo e marcar a entrega no Classroom
-->

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Raquel Rodrigues</title>
</head>
<body>
<h1> O que eu espero desse curso Maravilhoso?</h1>
<img
alt="Borboleta símbolo do projeto"
title="Borboleta símbolo do projeto"
src="../../exercicios/aula1/download.png" width="400px"
/>
<ol>
<li>Adquirir um conhecimento para iniciar minha transição de carreira.
<li>Superar meus medos, pois sempre achei essa área de programação interessante, mas sempre tive muita dificuldade e desistia. </li>
<li>Conhecer mulheres maravilhsoas e que tem sido fonte de inspiração para mim. </li>
<li> oi


</ol>
</body>

</html>
1 change: 1 addition & 0 deletions Aulas-HTML/exercicios/aula1/primeiros-passos
Open in desktop
Submodule primeiros-passos added at a26661
232 changes: 232 additions & 0 deletions Aulas-HTML/exercicios/aula2/index.html
View file
Open in desktop

Large diffs are not rendered by default.

32 changes: 28 additions & 4 deletions Aulas-HTML/exercicios/aula3/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,11 +19,35 @@
<meta charset="UTF-8" />
<title>Exercício 3</title>
</head>
<body>
<h1>seu nome e sobrenome</h1>
<body bgcolor="e0bcdd">
<h1>Raquel Rodrigues</h1>
<h2 align="center">
<font color="blue"><b>Vamos falar sobre “Acessibilidade Web?"</b></font>
</h2>

<img src="./img1.jpg" alt="" />
<p align="justify">
<font size="4" face="Times">
"A acessibilidade na web significa que pessoas com deficiência podem usar a web. Mais especificamente, a acessibilidade na web significa que pessoas com deficiência
podem perceber, entender, navegar, interagir e contribuir para a web. E mais. Ela também beneficia outras pessoas, incluindo pessoas idosas com capacidades em mudança
devido ao envelhecimento.”
<div align="right">
<a href="https://www.w3c.br/pub/Materiais/PublicacoesW3C/cartilha-w3cbr-acessibilidade-web-fasciculo-I.html"> (Cartilha Acessibilidade na Web – W3C Brasil)</a>
</div>
</font>
</p>
<p align="center">
<font size="4" face="Times">
<b>Exemplo de alguns recursos de acessbilidade em imagens. Basta colocar o cursor na imagem e verificar a mensagem contida!</b>
</p>

<img src="./img2.jpg" alt="time" />
<img
alt="Uma mulher ajudando uma criança a colocar os equipamentos de segurança para andar de patins"
title="Uma mulher ajudando uma criança a colocar os equipamentos de segurança para andar de patins"
src="./img1.jpg" height=" 350 width="400" align="justify">

<img
alt="Imagem de um time de pessoas"
title="Imagem de um time de pessoas"
src="../aula3/img2.jpg" height="350" width="400" align="justify">
</body>
</html>
43 changes: 43 additions & 0 deletions aula-css/exercicios/photo-grid/aula-2/detalhe_1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="C:\Users\Usuario\OneDrive\Área de Trabalho\WomenMakeCode\Módulo 3 - CSS\atividadephotogrid\styledetails.css">
<title>Cozzella</title>
</head>
<body>

<div id="botão">
<a href="index.html">
<h3>< Voltar </h3>
</a>
</div>
<div id="cabeçalho">
<h1>Raquel's Photo Grid </h1>
</div>

<div>
<img src="../atividadephotogrid/imagens/foto1.jpg" id="img">
<div>
<div>
<div id="linha-horizontal"></div>
<div id="linha-vertical"></div>
<img src="imagens/fotoperfil.jpg" id="imgUsuario">
<h2>raquelrsm</h2>
<p> Em oito anos ano lado dessa pessoa, acho que não teve um dia em que eu não quis estar ao lado dele.
Eu moro em Belo Horizonte e ele em São Paulo. Eu sou sentimental e ele muito realista. E mesmo com essas
diferenças a gente tem construído uma história bem bonita.
</p>
<p>
Esse Photo Grid tem uma parcela de participação sua, pois o que não seria de você me incentivando a tentar vencer minhas dificuldades?
Mudei muito desde que te conheci e me descobri como uma mulher bem forte. Obrigada, Cozzella!
Espero que essa pandemia acabe para que eu possa te abraçar muito! Te amo!

</p>
</div>
</div>
</div>

</body>
</html>
42 changes: 42 additions & 0 deletions aula-css/exercicios/photo-grid/aula-2/detalhe_2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="C:\Users\Usuario\OneDrive\Área de Trabalho\WomenMakeCode\Módulo 3 - CSS\atividadephotogrid\styledetails.css">
<title>Document</title>
</head>
<body>
<div id="botão">
<a href="index.html">
<h3>< Voltar </h3>
</a>
</div>

<div id="cabeçalho">
<h1>Raquel's Photo Grid </h1>
</div>

<div>
<img src="../atividadephotogrid/imagens/foto2.jpg" id="img">
<div>
<div>
<div id="linha-horizontal"></div>
<div id="linha-vertical"></div>
<img src="imagens/fotoperfil.jpg" id="imgUsuario">
<h2>raquelrsm</h2>
<p> Você é uma das minhas referências de vida, vó. Alguns anos se passaram desde a sua partida, mas até hoje continuo acordando
no mesmo horário em que eu te dava os remédios no período da madrugada. A vida tem caminhado, vó. Não posso reclamar, pois ela tem sido
até generosa comigo. Mas sinto uma saudade imensurável de você.
</p>
<p>
Empadinhas nunca mais foram as mesmas sem a sua companhia. E eu vou me cuidando por aqui e guardando você num cantinho bem bonito
das minhas melhores memórias. Saudades.

</p>
</div>
</div>
</div>

</body>
</html>
41 changes: 41 additions & 0 deletions aula-css/exercicios/photo-grid/aula-2/detalhe_3.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="C:\Users\Usuario\OneDrive\Área de Trabalho\WomenMakeCode\Módulo 3 - CSS\atividadephotogrid\styledetails.css">
<title>Document</title>
</head>
<body>
<div id="botão">
<a href="index.html">
<h3>< Voltar </h3>
</a>
</div>
<div id="cabeçalho">
<h1>Raquel's Photo Grid </h1>
</div>

<div>
<img src="../atividadephotogrid/imagens/foto3.jpg" id="img">
<div>
<div>
<div id="linha-horizontal"></div>
<div id="linha-vertical"></div>
<img src="imagens/fotoperfil.jpg" id="imgUsuario">
<h2>raquelrsm</h2>
<p> Não é perfeita, tem tantos defeitos, mas a base do que eu sou hoje em dia veio de vocês. Cada um representa algo para mim.
Nunca tivemos uma vida de riquezas, mas vocês sempre batalharam para nos proporcionar o melhor que podiam.
Minha família, meu maior tesouro!
</p>
<p>
E já dizia Guimarães Rosa: "Só se pode viver perto de outro, e conhecer outra pessoa, sem perigo de ódio,
se a gente tem amor. Qualquer amor já é um pouquinho de saúde, um descanso na loucura.“ - vocês são minha fonte de amor.

</p>
</div>
</div>
</div>

</body>
</html>
48 changes: 48 additions & 0 deletions aula-css/exercicios/photo-grid/aula-2/detalhe_4.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="C:\Users\Usuario\OneDrive\Área de Trabalho\WomenMakeCode\Módulo 3 - CSS\atividadephotogrid\styledetails.css">
<title>Cozzella</title>
</head>
<body>
<div id="botão">
<a href="index.html">
<h3>< Voltar </h3>
</a>
</div>
<div id="cabeçalho">
<h1>Raquel's Photo Grid </h1>
</div>

<div>
<img src="../atividadephotogrid/imagens/foto4.jpg" id="img">
<div>
<div>
<div id="linha-horizontal"></div>
<div id="linha-vertical"></div>
<img src="imagens/fotoperfil.jpg" id="imgUsuario">
<h2>raquelrsm</h2>
<p> Ouro Preto é uma cidadezinha histórica, localizada na Serra do Espinhaço. É muito conhecida pela sua arquitetura barroca.
Tem muitas igrejas, capelas, museus e várias praças. A Praça central de Tiradentes recebeu o nome do mártir da independência brasileira.
Pensa em um lugar gostoso para passear, comer um maravilhoso pão de queijo, tomar um café fresquinho, olhar a paisagem, sentir a calmaria
de cidades históricas.
</p>
<p>
Nenhum outro município brasileiro acumulou tantos fatos históricos relevantes à construção da memória nacional como este vasto município.
Destacam-se, como marcos importantes da história brasileira:
</p>
<ul>
<li>Última década do século XVII e princípio do XVIII - clímax das explorações paulistas, sendo descoberto o "ouro preto".</li>
<li>1708 - Guerra dos Emboabas; os atritos entre paulistas e 'forasteiros' atinge o ponto alto no distrito de Cachoeira do Campo.</li>
<li>1720 – Revolta liderada por Filipe dos Santos; motins contra o Quinto da Coroa Portuguesa.</li>
<li>1789 - Inconfidência Mineira; confabulação entre determinados segmentos da sociedade mineradora de então para tornar Minas livre do jugo português</li>

</ul>
</div>
</div>
</div>

</body>
</html>
38 changes: 38 additions & 0 deletions aula-css/exercicios/photo-grid/aula-2/detalhe_5.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="C:\Users\Usuario\OneDrive\Área de Trabalho\WomenMakeCode\Módulo 3 - CSS\atividadephotogrid\styledetails.css">
<title>Cozzella</title>
</head>
<body>
<div id="botão">
<a href="index.html">
<h3>< Voltar </h3>
</a>
</div>
<div id="cabeçalho">
<h1>Raquel's Photo Grid </h1>
</div>

<div>
<img src="../atividadephotogrid/imagens/foto5.jpg" id="img">
<div>
<div>
<div id="linha-horizontal"></div>
<div id="linha-vertical"></div>
<img src="imagens/fotoperfil.jpg" id="imgUsuario">
<h2>raquelrsm</h2>
<p>Essa foto foi tirada na Livraria Cultura - em São Paulo. Um dos passeios que eu mais gosto de fazer é ir em livraria.
Amo livros, amo ler, amo histórias, amo muito! E eu sou apaixonada com essa livraria.
</p>
<p>
“Com a liberdade, livros, flores e a lua, quem poderia não ser feliz?” – Oscar Wilde
</p>
</div>
</div>
</div>

</body>
</html>
73 changes: 73 additions & 0 deletions aula-css/exercicios/photo-grid/aula-2/detalhe_6.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,73 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="C:\Users\Usuario\OneDrive\Área de Trabalho\WomenMakeCode\Módulo 3 - CSS\atividadephotogrid\styledetails.css">
<title>Document</title>
</head>
<body>
<div id="botão">
<a href="index.html">
<h3>< Voltar </h3>
</a>
</div>
<div id="cabeçalho">
<h1>Raquel's Photo Grid </h1>
</div>

<div>
<img src="../atividadephotogrid/imagens/foto6.jpg" id="img">
<div>
<div>
<div id="linha-horizontal"></div>
<div id="linha-vertical"></div>
<img src="imagens/fotoperfil.jpg" id="imgUsuario">
<h2>raquelrsm</h2>
<p> E para finalizar a lista das pequenas - enormes- coisas que fazem meus olhos brilharem, deixo um texto de um grande cientista chamado
Carl Sagan e que todos deveriam ler pelo menos uma vez na vida.
</p>

<p>
Durante uma palestra pública na Universidade Cornell em 1994, Carl Sagan apresentou a imagem para a audiência e compartilhou suas reflexões
sobre o profundo significado atrás da ideia do "pálido ponto azul":

<p>
Olhem de novo esse ponto. É aqui, é a nossa casa, somos nós. Nele, todos a quem ama, todos a quem conhece, qualquer um sobre quem você
ouviu falar, cada ser humano que já existiu, viveram as suas vidas. O conjunto da nossa alegria e nosso sofrimento, milhares de religiões,
ideologias e doutrinas econômicas confiantes, cada caçador e coletor, cada herói e covarde, cada criador e destruidor da civilização, cada
rei e camponês, cada jovem casal de namorados, cada mãe e pai, criança cheia de esperança, inventor e explorador, cada professor de ética,
cada político corrupto, cada "superestrela", cada "líder supremo", cada santo e pecador na história da nossa espécie viveu ali - em um grão
de pó suspenso num raio de sol.
</p>

<p>
A Terra é um cenário muito pequeno numa vasta arena cósmica. Pense nos rios de sangue derramados por todos aqueles generais e imperadores,
para que, na sua glória e triunfo, pudessem ser senhores momentâneos de uma fração de um ponto. Pense nas crueldades sem fim infligidas pelos
moradores de um canto deste pixel aos praticamente indistinguíveis moradores de algum outro canto, quão frequentes seus desentendimentos, quão
ávidos de matar uns aos outros, quão veementes os seus ódios.
</p>

<p>
As nossas posturas, a nossa suposta auto importância, a ilusão de termos qualquer posição de privilégio no Universo, são desafiadas por este
pontinho de luz pálida. O nosso planeta é um grão solitário na imensa escuridão cósmica que nos cerca. Na nossa obscuridade, em toda esta
vastidão, não há indícios de que vá chegar ajuda de outro lugar para nos salvar de nós próprios. A Terra é o único mundo conhecido, até hoje,
que abriga vida. Não há outro lugar, pelo menos no futuro próximo, para onde a nossa espécie possa emigrar. Visitar, sim. Assentar-se, ainda não.
Gostemos ou não, a Terra é onde temos de ficar por enquanto.
</p>

<p>
Já foi dito que astronomia é uma experiência de humildade e criadora de caráter. Não há, talvez, melhor demonstração da tola presunção
humana do que esta imagem distante do nosso minúsculo mundo. Para mim, destaca a nossa responsabilidade de sermos mais amáveis uns com os
outros, e para preservarmos e protegermos o "pálido ponto azul", o único lar que conhecemos até hoje.
</p>
<br>
<p><strong>Carl Sagan</strong></p>


</div>
</div>
</div>

</body>
</html>
Binary file added aula-css/exercicios/photo-grid/aula-2/imagens/foto1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added aula-css/exercicios/photo-grid/aula-2/imagens/foto2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added aula-css/exercicios/photo-grid/aula-2/imagens/foto3.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added aula-css/exercicios/photo-grid/aula-2/imagens/foto4.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added aula-css/exercicios/photo-grid/aula-2/imagens/foto5.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added aula-css/exercicios/photo-grid/aula-2/imagens/foto6.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added aula-css/exercicios/photo-grid/aula-2/imagens/fotoperfil.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading