Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
24 commits
Select commit Hold shift + click to select a range
86affa0
Aula 1
sandra-goncalves Sep 5, 2020
e8d6e07
Exercício Aula 2
sandra-goncalves Sep 5, 2020
0c1c242
Aula 1
sandra-goncalves Sep 5, 2020
a6cb09f
Exercício Aula 2
sandra-goncalves Sep 5, 2020
2bdd3c8
Merge branch 'master' of https://github.com/sandra-goncalves/primeiro…
sandra-goncalves Sep 6, 2020
6a6e054
Add files via upload
sandra-goncalves Sep 6, 2020
cd20e49
Exercício 3
sandra-goncalves Sep 7, 2020
10159ee
Exercício aula 3
sandra-goncalves Sep 7, 2020
5032c9d
Exercício aula 1
sandra-goncalves Sep 14, 2020
c93c476
enviando os exercícios 1/2/3
sandra-goncalves Sep 14, 2020
753d273
corrigindo o exercício 3
sandra-goncalves Sep 14, 2020
ec225f4
Merge branch 'master' of https://github.com/WoMakersCode/primeiros-pa…
sandra-goncalves Sep 14, 2020
45440cd
aulas-css/exercicios/aula1
sandra-goncalves Sep 16, 2020
a0925ed
enviando o exercicio 2
sandra-goncalves Sep 17, 2020
217e332
Merge branch 'master' of https://github.com/WoMakersCode/primeiros-pa…
sandra-goncalves Sep 22, 2020
5b1519e
enviando para github exercicio 1
sandra-goncalves Sep 24, 2020
b128254
Update Exercicio aula 1.por
sandra-goncalves Sep 24, 2020
8930469
Aula-logica/exercício/aula2
sandra-goncalves Sep 25, 2020
239041d
Aula-logica/exercicio/aula2
sandra-goncalves Sep 25, 2020
20bd303
Merge pull request #3 from sandra-goncalves/sandra-goncalves-patch-2
sandra-goncalves Sep 25, 2020
279cdd3
Exercico 2 aula-logica
sandra-goncalves Sep 26, 2020
dd81a63
Exercicio aula 1
sandra-goncalves Sep 28, 2020
fea0d37
enviando para github exercicio photo grid
sandra-goncalves Nov 18, 2020
379e1e4
enviando para Github exercicio 2 javascript
sandra-goncalves Nov 20, 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
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
aula-css/aula1/exemplos/index.html
30 changes: 30 additions & 0 deletions Aulas-HTML/exercicios/aula1/exemplos/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Primeiros Passos</title>
<link rel="stylesheet" href="style.css" />
<!-- <link rel="stylesheet" href="print.css" media="print" /> -->
</head>
<body>
<div>
<h1>Foto de gatinho</h1>
<img src="https://purr.objects-us-east-1.dream.io/i/o7pjQLT.jpg" alt="" />
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et
aliquet ex. Fusce tempus ante arcu, eu tristique ex faucibus a.
Suspendisse auctor, est quis efficitur facilisis, dolor lectus venenatis
orci, ut sagittis tellus massa ac nibh. Praesent finibus magna eu lorem
semper laoreet. Mauris eu ligula et justo luctus aliquet at ut felis.
Etiam aliquam vitae magna et malesuada. Vivamus at pretium nisi, ut
viverra diam. Nam sagittis sagittis quam, et posuere lorem sagittis sit
amet. Aliquam in dolor posuere, fringilla justo eget, rhoncus sapien.
Vivamus finibus sed justo eu lobortis. Praesent vel metus et nisi
vestibulum blandit eget ut nibh. Nunc venenatis feugiat ante, et
eleifend est lacinia in. Ut tellus augue, fermentum in feugiat vitae,
luctus nec felis. Aliquam eget turpis arcu.
</p>
</div>
</body>
</html>
17 changes: 17 additions & 0 deletions Aulas-HTML/exercicios/aula1/exemplos/print.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
h1 {
color: green;
font-size: 32px;
text-align: center;
}

p {
color: #000;
font-size: 18px;
text-align: center;
}

img {
width: 400px;
margin: 0 auto;
display: block;
}
47 changes: 47 additions & 0 deletions Aulas-HTML/exercicios/aula1/exemplos/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
h1 {
color: #ff0000;
font-size: 20px;
}
p {
color: #000000;
font-family: "Arial", sans-serif;
font-size: 12px;
}

img {
width: 300px;
}

@media (min-width: 768px) {
h1 {
font-size: 24px;
color: blue;
}
p {
font-size: 18px;
color: green;
}
img {
width: 600px;
}
}

@media print {
h1 {
color: green;
font-size: 32px;
text-align: center;
}

p {
color: #000;
font-size: 18px;
text-align: center;
}

img {
width: 400px;
margin: 0 auto;
display: block;
}
}
14 changes: 14 additions & 0 deletions Aulas-HTML/exercicios/aula1/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -14,3 +14,17 @@
- 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>Sandra Gonçalves</title>
</head>
<body>
<h1>O que espero desse curso?</h1>
<li>Novos desafios</li>

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Faltou abrir a lista não ordenada, exemplo:

<ul>
<li></li>
<li></li>
<li></li>
</ul>

<li>Entrar nesse universo que não conhecia</li>
<li>Oportunidade de Empoderar e alcançar meu propósito</li>
</body>
</html>
59 changes: 58 additions & 1 deletion Aulas-HTML/exercicios/aula2/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,6 @@

Não se preocupe em copiar os conteúdos ou em deixá-los bonitos.
Lembre-se: HTML é sobre organizar o nosso conteúdo de uma forma semântica.

Entrega:
- Fazer fork do repositório pro seu usuário do github (caso já tenha feito o fork desse repositório,
não precisa fazer novamente. Faça a atualização do fork pra ter os novos arquivos da aula)
Expand All @@ -21,3 +20,61 @@
- Abrir um pull request para o repositório original (da Womakers)
- Acompanhar o prazo e marcar a entrega no Classroom
-->
DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Aviso: os valores dos cursos estão reduzidos devido à pandemia.</title>
</head>

<body>

<!-- Menu de navegação -->
<nav>
<ul>
<li><a href="#">Cursos</a></li>
<li><a href="#">Sobre</a></li>
<li><a href="#">On Company</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contato</a></li>
<li><a href="#">Vagas</a></li>
</ul>
</nav>

<!-- Header -->
<header>
<h1>Chega Chegando</h1>
</header>

<!-- Conteúdo principal da página -->
<main>
<!-- Artigo -->
<article>
<h2>Cursos Online</h2>

<p>
Inteligência Emocional, Programação Neuroliguística,
Como negociar melhor e vender mais, Liderando Diferentes Perfis e Gerações
<span class="yellow-test">saiba mais</span>
</p>
</article>
</main>

<!-- Aside -->
<aside>
<h2>Links relacionados</h2>

<ul>
<li><a href="#">Facebook</a></li>
<li><a href="#">Linkedin</a></li>
<li><a href="#">Instagram</a></li>
<li><a href="#">Youtube</a></li>
</ul>
</aside>

<!-- Footer -->
<footer>
<p>© 2020 CONQUER. Todos os direitos reservados</p>
</footer>
</body>
</html>
6 changes: 3 additions & 3 deletions Aulas-HTML/exercicios/aula3/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -20,10 +20,10 @@
<title>Exercício 3</title>
</head>
<body>
<h1>seu nome e sobrenome</h1>
<h1>Sandra Gonçalves</h1>

<img src="./img1.jpg" alt="" />
<img src="./img1.jpg" alt="cuidado da mãe com a filha" />

<img src="./img2.jpg" alt="time" />
<img src="./img2.jpg" alt="equipe de trabalho" />
</body>
</html>
60 changes: 60 additions & 0 deletions Exercicio aula 2.por
Original file line number Diff line number Diff line change
@@ -0,0 +1,60 @@
programa
{

funcao inicio()
{
inteiro operacao

real a, b, soma, sub, mult, div

caracter op

enquanto op = "s" faça
{
escreva("Escolha a operacao: 1 - Soma; 2 - Subtração; 3 - Multiplicação; 4 - Divisão")
leia(operacao)

escreva("Digite o primeiro número: ")
leia(a)

escreva("Digite o segundo número: ")
leia(b)

soma = a + b
sub = a - b
mult = a * b
div = a / b

Se (operacao == 1)
{
escreva("\nA soma dos números é igual a: ", soma)
}
senao se(oeracao == 2)
{
escreva("\nA subtração dos números é igual a: ", sub)
}
senao se(operacao == 3)
{
escreva("\nA multiplicação dos números é igual a: ", mult)
}
senao se(operacao == 4)
{
escreva("\nA divisão dos números é igual a: ", div. ("\n")

escreva("deseja continuar? (s/n): ")
leia (op)
}
}
}
}
/* $$$ Portugol Studio $$$
*
* Esta seção do arquivo guarda informações do Portugol Studio.
* Você pode apagá-la se estiver utilizando outro editor.
*
* @POSICAO-CURSOR = 883;
* @PONTOS-DE-PARADA = ;
* @SIMBOLOS-INSPECIONADOS = ;
* @FILTRO-ARVORE-TIPOS-DE-DADO = inteiro, real, logico, cadeia, caracter, vazio;
* @FILTRO-ARVORE-TIPOS-DE-SIMBOLO = variavel, vetor, matriz, funcao;
*/
16 changes: 8 additions & 8 deletions aula-css/aula-2/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,16 +3,16 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Primeiros Passos</title>
<title>\Exercicio 2</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<h1>Fotinhos da Rihanna</h1>
<h1>Minha História Michele Obama</h1>
<section class="container">
<div class="card">
<img
src="https://s2.glbimg.com/rvYkeSzH2jbXr6XZH8hYBq66DMA=/e.glbimg.com/og/ed/f/original/2018/03/18/rihanna.jpg"
alt="foto da rihanna com batom fenty beauty"
src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcSakBnDSsJXF2K6b1t3fE12Oys5fjlvBnbhdw&usqp=CAUdata:image/jpeg;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"
alt="Foto da Michele Obama Lançando seu livro"
/>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi
Expand All @@ -23,8 +23,8 @@ <h1>Fotinhos da Rihanna</h1>
</div>
<div class="card">
<img
src="https://s.yimg.com/ny/api/res/1.2/CO3nww2MFW2ons7KICxH4g--~A/YXBwaWQ9aGlnaGxhbmRlcjtzbT0xO3c9ODAw/https://media-mbst-pub-ue1.s3.amazonaws.com/creatr-uploaded-images/2020-08/8b41fec0-df2a-11ea-ba79-1ac7f02f1d79"
alt="foto da rihanna com batom fenty beauty"
src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRQOUKlV_ie79JOLh6NkRUTHsXSyy1TP7varQ&usqp=CAUhttps://s.yimg.com/ny/api/res/1.2/CO3nww2MFW2ons7KICxH4g--~A/YXBwaWQ9aGlnaGxhbmRlcjtzbT0xO3c9ODAw/https://media-mbst-pub-ue1.s3.amazonaws.com/creatr-uploaded-images/2020-08/8b41fec0-df2a-11ea-ba79-1ac7f02f1d79"
alt="Foto da Michele Obama Lançando seu livro"
/>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi
Expand All @@ -35,8 +35,8 @@ <h1>Fotinhos da Rihanna</h1>
</div>
<div class="card">
<img
src="https://www.diariodepernambuco.com.br/static/app/noticia_127983242361/2020/04/10/825137/20200410150249151033o.jpg"
alt="foto da rihanna com batom fenty beauty"
src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcS-2H8bLwRMMiplMBsXllfzDNrpOX8U2teRwQ&usqp=CAUhttps://www.diariodepernambuco.com.br/static/app/noticia_127983242361/2020/04/10/825137/20200410150249151033o.jpg"
alt="Foto da Michele Obama Lançando seu livro"
/>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi
Expand Down
14 changes: 7 additions & 7 deletions aula-css/aula-2/style.css
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
body {
background: #dedede;
background: rgb(222, 222, 222);
}

h1 {
Expand All @@ -20,17 +20,17 @@ h1 {
}

.card {
width: 300px;
width: 400px;
padding: 10px;
background: #fff;
background: hsla(0, 0%, 100%, 0.815);
margin: 10px;
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
border: 1px solid #000;
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.308);
border: 1px solid #dedede;
}

.card p {
font-size: 16px;
padding-left: 10px;
font-size: 18px;
padding-left: 14px;
}

.card img {
Expand Down
Empty file added aula-css/aula1/exemplos/index
Empty file.
29 changes: 14 additions & 15 deletions aula-css/aula1/exemplos/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,27 +3,26 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Primeiros Passos</title>
<title>Mundo Belo</title>
<link rel="stylesheet" href="style.css" />
<!-- <link rel="stylesheet" href="print.css" media="print" /> -->
</head>
<body>
<div>
<h1>Foto de gatinho</h1>
<img src="https://purr.objects-us-east-1.dream.io/i/o7pjQLT.jpg" alt="" />
<h1>Mae Natureza</h1>
<img src="https://www.beinharimtours.com/wwwroot/uploads/articles/temp/22fdf6ec-6c94-4689-bf48-76cb2996af9a.jpg" alt="" />
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et
aliquet ex. Fusce tempus ante arcu, eu tristique ex faucibus a.
Suspendisse auctor, est quis efficitur facilisis, dolor lectus venenatis
orci, ut sagittis tellus massa ac nibh. Praesent finibus magna eu lorem
semper laoreet. Mauris eu ligula et justo luctus aliquet at ut felis.
Etiam aliquam vitae magna et malesuada. Vivamus at pretium nisi, ut
viverra diam. Nam sagittis sagittis quam, et posuere lorem sagittis sit
amet. Aliquam in dolor posuere, fringilla justo eget, rhoncus sapien.
Vivamus finibus sed justo eu lobortis. Praesent vel metus et nisi
vestibulum blandit eget ut nibh. Nunc venenatis feugiat ante, et
eleifend est lacinia in. Ut tellus augue, fermentum in feugiat vitae,
luctus nec felis. Aliquam eget turpis arcu.
A natureza corre sérios riscos
A seca invade vários estados
A chuva quase não está vindo
E o sol não tem piedade

Vamos conscientizar a população
Estou fazendo a minha parte
Faça também uma boa ação
Entre neste combate.

Sidney Alves das Virgens
</p>
</div>
</body>
Expand Down
4 changes: 2 additions & 2 deletions aula-css/aula1/exemplos/print.css
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
h1 {
color: green;
font-size: 32px;
font-size: 20px;
text-align: center;
}

Expand All @@ -11,7 +11,7 @@ p {
}

img {
width: 400px;
width: 500px;
margin: 0 auto;
display: block;
}
Loading