diff --git a/Aulas-HTML/exercicios/aula1/index.html b/Aulas-HTML/exercicios/aula1/index.html index 45c22c1..6872707 100644 --- a/Aulas-HTML/exercicios/aula1/index.html +++ b/Aulas-HTML/exercicios/aula1/index.html @@ -1,16 +1,16 @@ - + + + + + + Caroline Danni + + +

O que espero do curso de Primeiros Passos em Front-End:

+
    +
  1. Adquirir novos conhecimentos e habilidades;
    2. +
  2. Poder fazer parte de uma rede colaborativa e de apoio para mulheres atuantes na tecnologia;
    3. +
  3. Que o curso de Front-end seja apenas porta para o inicio de uma nova paixão. Vamos Codar!
    4. +
+ + \ No newline at end of file diff --git a/Aulas-HTML/exercicios/aula2/HOME _ SQUARE SC.jpg b/Aulas-HTML/exercicios/aula2/HOME _ SQUARE SC.jpg new file mode 100644 index 0000000..a0f7d04 --- /dev/null +++ b/Aulas-HTML/exercicios/aula2/HOME _ SQUARE SC.jpg @@ -0,0 +1,5887 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + HOME | SQUARE SC + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

EMPREENDIMENTO

Maior Complexo Multiuso do Sul do País!

+ +

Trabalho e vida com muito mais qualidade. Cada vez mais, empresas buscam maior rendimento de suas equipes através da capacitação e, também, de espaços com diferenciais que proporcionem mais qualidade de vida. Isso aumenta e estimula a criatividade, o envolvimento e a produtividade dos colaboradores.

SQUARE SC OPEN SHOPPING

+ +

Rod. José Carlos Daux, 5500

+ +

Saco Grande  |  Florianópolis SC  |  CEP: 88032 005

+ +

sac@squaresc.com.br

+ +

square.sc@squaresc.com.br

+ +

CNPJ 27.669.475/0001-21

TODOS OS DIREITOS RESERVADOS @ SQUARESC 2020  POR DÖO OPEN

  • Facebook
  • Instagram
  • YouTube
  • Pinterest
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Aulas-HTML/exercicios/aula2/Logo_SQUARESC_Site.webp b/Aulas-HTML/exercicios/aula2/Logo_SQUARESC_Site.webp new file mode 100644 index 0000000..2837267 Binary files /dev/null and b/Aulas-HTML/exercicios/aula2/Logo_SQUARESC_Site.webp differ diff --git "a/Aulas-HTML/exercicios/aula2/Sem t\303\255tulo.jpg" "b/Aulas-HTML/exercicios/aula2/Sem t\303\255tulo.jpg" new file mode 100644 index 0000000..1492e7c Binary files /dev/null and "b/Aulas-HTML/exercicios/aula2/Sem t\303\255tulo.jpg" differ diff --git a/Aulas-HTML/exercicios/aula2/index.html b/Aulas-HTML/exercicios/aula2/index.html index 92a01fd..4d9dcb0 100644 --- a/Aulas-HTML/exercicios/aula2/index.html +++ b/Aulas-HTML/exercicios/aula2/index.html @@ -1,23 +1,60 @@ - + + + + + + HOME | SQUARE SC + + +
+ +

Square SC Open Shopping

+ + +
+
+

EMPREENDIMENTO

+

Maior Complexo Multiuso do Sul do Brasil

+

Trabalho e vida com muito mais qualidade. + Cada vez mais, empresas buscam maior rendimento de suas equipes através da capacitação e, + também, de espaços com diferenciais que proporcionem mais qualidade de vida. Isso aumenta e estimula a criatividade, o envolvimento + e a produtividade dos colaboradores.

+
+
+
+ + + \ No newline at end of file diff --git a/Aulas-HTML/exercicios/aula3/Aula 3 - HTML/img1.jpg b/Aulas-HTML/exercicios/aula3/Aula 3 - HTML/img1.jpg new file mode 100644 index 0000000..02b8b8a Binary files /dev/null and b/Aulas-HTML/exercicios/aula3/Aula 3 - HTML/img1.jpg differ diff --git a/Aulas-HTML/exercicios/aula3/Aula 3 - HTML/img2.jpg b/Aulas-HTML/exercicios/aula3/Aula 3 - HTML/img2.jpg new file mode 100644 index 0000000..7e858a3 Binary files /dev/null and b/Aulas-HTML/exercicios/aula3/Aula 3 - HTML/img2.jpg differ diff --git a/Aulas-HTML/exercicios/aula3/Aula 3 - HTML/index.html b/Aulas-HTML/exercicios/aula3/Aula 3 - HTML/index.html new file mode 100644 index 0000000..2db4a56 --- /dev/null +++ b/Aulas-HTML/exercicios/aula3/Aula 3 - HTML/index.html @@ -0,0 +1,14 @@ + + + + + Exercício 3 + + +

Caroline Danni

+ + Mulher agachada auxilia uma menina de patins sentada em um banco a colocar joelheiras de proteção + + Grupo de pessoas em círculo com um dos braços estendidos ao centro, sorriem umas para as outras + + diff --git a/aula-css/exercicios/photo-grid/aula-2/.vscode/settings.json b/aula-css/exercicios/photo-grid/aula-2/.vscode/settings.json new file mode 100644 index 0000000..3b66410 --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-2/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "git.ignoreLimitWarning": true +} \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-2/README.md b/aula-css/exercicios/photo-grid/aula-2/README.md index 92a6e08..8b13789 100644 --- a/aula-css/exercicios/photo-grid/aula-2/README.md +++ b/aula-css/exercicios/photo-grid/aula-2/README.md @@ -1,12 +1 @@ - -## Photo Grid | Exercício Aula 2 - -Vamos dar continuidade ao nosso Photo Grid, mas dessa vez usando algumas das propriedades do Flexbox que aprendemos na aula. - - -### Instruções - -- Para esse exercício você precisa alinhar os blocos da lista de imagens que você criou no exercício anterior para que possam ficar lado a lado no desktop, mas no mobile ele terá que ficar um debaixo do outro; - -- Para a página de detalhes a imagem precisa ficar do lado esquerdo e o bloco de texto no lado direito na versão desktop, mas no mobile precisa ficar um debaixo do outro. diff --git a/aula-css/exercicios/photo-grid/aula-2/detalhes.css/HG.jpg b/aula-css/exercicios/photo-grid/aula-2/detalhes.css/HG.jpg new file mode 100644 index 0000000..c974bee Binary files /dev/null and b/aula-css/exercicios/photo-grid/aula-2/detalhes.css/HG.jpg differ diff --git a/aula-css/exercicios/photo-grid/aula-2/detalhes.css/HG_Easy-Resize.com.jpg b/aula-css/exercicios/photo-grid/aula-2/detalhes.css/HG_Easy-Resize.com.jpg new file mode 100644 index 0000000..77ca04c Binary files /dev/null and b/aula-css/exercicios/photo-grid/aula-2/detalhes.css/HG_Easy-Resize.com.jpg differ diff --git "a/aula-css/exercicios/photo-grid/aula-2/detalhes.css/usu\303\241rio_Easy-Resize.com.jpg" "b/aula-css/exercicios/photo-grid/aula-2/detalhes.css/usu\303\241rio_Easy-Resize.com.jpg" new file mode 100644 index 0000000..72a74b3 Binary files /dev/null and "b/aula-css/exercicios/photo-grid/aula-2/detalhes.css/usu\303\241rio_Easy-Resize.com.jpg" differ diff --git a/aula-css/exercicios/photo-grid/aula-2/detalhes.html b/aula-css/exercicios/photo-grid/aula-2/detalhes.html new file mode 100644 index 0000000..50b68e9 --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-2/detalhes.html @@ -0,0 +1,27 @@ + + + + + + Carol's Photo Grid + + + +
+
+
+ +
+

Carol's Photo Grid

+
+
+
+
+ Imagem da Personagem Hermione Jean Granger segurando seus livros +

Hermione Jean Granger é uma personagem fictícia na série Harry Potter de J. K. Rowling. Aparece pela primeira vez em Harry Potter e a Pedra Filosofal, como uma nova estudante em direção a Hogwarts. Depois de Harry e Ron a salvarem de um troll de montanha no wc feminino, torna-se a melhor amiga deles e costuma usar seu raciocínio rápido, lembrança rápida e conhecimento enciclopédico para ajudar em situações terríveis. + A personagem foi imensamente popular. A versão de Hermione interpretada por Emma Watson durante os oito filmes de Harry Potter desde Harry Potter e a Pedra Filosofal em 2001 até Harry Potter e os Talismãs da Morte - Parte 2 em 2011, foi eleita a melhor personagem feminina de cinema de todos os tempos em uma pesquisa realizada por profissionais de Hollywood pela The Hollywood Reporter em 2016. +

+
+
+ + \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-2/detalhes2.html b/aula-css/exercicios/photo-grid/aula-2/detalhes2.html new file mode 100644 index 0000000..7471f81 --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-2/detalhes2.html @@ -0,0 +1,28 @@ + + + + + + Carol's Photo Grid + + + +
+
+
+ +
+

Carol's Photo Grid

+
+
+
+
+ Imagem do Personagem Harry Potter em seu primeiro ano em Hogwarts +

Harry James Potter é um jovem que descobre aos 11 anos de idade ser um bruxo, ao ser convidado para estudar na Escola de Magia e Bruxaria de Hogwarts. + O arco de história principal diz respeito às amizades de Harry com outros bruxos de sua idade, como Ronald Weasley e Hermione Granger, e também com o diretor de Hogwarts Albus Dumbledore, + considerado o maior dos magos, e seus conflitos com o bruxo das trevas Lord Voldemort, que pretende se tornar imortal, conquistar o mundo dos bruxos, subjugar as pessoas não-mágicas e destruir todos aqueles que estão em seu caminho, + especialmente Harry Potter, a quem ele considera seu maior rival. +

+
+ + \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-2/detalhes3.html b/aula-css/exercicios/photo-grid/aula-2/detalhes3.html new file mode 100644 index 0000000..4a4838b --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-2/detalhes3.html @@ -0,0 +1,32 @@ + + + + + + Carol's Photo Grid + + + +
+
+
+ +
+

Carol's Photo Grid

+
+
+
+
+ Imagem do Personagem Ronald Weasley vestindo um blusão com seu nome +

Em 1 de março de 1980, nasceu Ronald Bilius Weasley, bruxo puro - sangue que se destacou ao lutar contra Voldemort durante a segunda guerra bruxa. + Rony começou a frequentar a Escola de Magia e Bruxaria de Hogwarts em 1991 e foi colocado na Grifinória. Ele se tornou o melhor amigo de seu colega Harry Potter e depois de Hermione Granger. + Juntos, eles enfrentaram muitos desafios durante sua adolescência, incluindo manter a Pedra Filosofal longe de Quirino Quirrell, salvar a irmã de Rony da Câmara Secreta, formar a Armada de Dumbledore e + lutar em várias batalhas na Segunda Guerra Bruxa, incluindo a Batalha do Departamento de Mistérios, a Batalha da Torre de Astronomia, e a Batalha dos Sete Potter. Rony também se tornou um Monitor de sua + casa e um goleiro no Time de Quadribol da Grifinória durante seu quinto ano em Hogwarts. Ele não voltou à escola em seu último ano para poder acompanhar Harry e Hermione para caçar as Horcruxes de Lord Voldemort + e lutou na Batalha de Hogwarts em 1998, em que ele perdeu seu irmão, Fred (uma perda muito grande para ele). + Depois da guerra, Rony, junto com Harry Potter e Neville Longbottom, se tornaram Aurores sob um convite do Ministro da Magia Quim Shacklebolt para poderem prender os Comensais da Morte que conseguiram fugir. + Em algum ponto, ele foi trabalhar na Gemialidades Weasley com seu irmão, Jorge. Ele e Hermione se casaram e tiveram dois filhos: Rose e Hugo Weasley. Rony também foi o padrinho de Tiago Sirius Potter, o filho mais velho de sua irmã Gina Weasley e Harry Potter. +

+
+ + \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-2/detalhes4.html b/aula-css/exercicios/photo-grid/aula-2/detalhes4.html new file mode 100644 index 0000000..b26db2a --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-2/detalhes4.html @@ -0,0 +1,27 @@ + + + + + + Carol's Photo Grid + + + +
+
+
+ +
+

Carol's Photo Grid

+
+
+
+
+ Imagem Personagem Severos Snape em pé olhando fixamente para frente +

Mais conecido Como Professor Severo Snape (9 de janeiro de 1960 – 2 de maio de 1998) foi um bruxo mestiço, filho da bruxa Eileen Snape (nascida Prince) e o trouxa Tobias Snape. + Durante sua vida, Severo Snape foi Mestre das Poções (1981–1996), o professor de Defesa Contra as Artes das Trevas (1996-1997), e Diretor (1997-1998) da Escola de Magia e Bruxaria de Hogwarts (que ele frequentou como aluno de 1971 a 1978). + Ele também foi um membro da Ordem da Fênix, e teve um papel muito importante em ambas as Guerras Bruxas contra Lord Voldemort. +

+
+ + \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-2/detalhes5.html b/aula-css/exercicios/photo-grid/aula-2/detalhes5.html new file mode 100644 index 0000000..8a5208a --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-2/detalhes5.html @@ -0,0 +1,27 @@ + + + + + + Carol's Photo Grid + + + +
+
+
+ +
+

Carol's Photo Grid

+
+
+
+
+ Personagem Minerva Mcgonagall empunhando sua varinha enquanto olha espantada parao lado +

Minerva McGonagall foi uma bruxa que estudou na Escola de Magia e Bruxaria de Hogwarts e pertenceu a casa da Gryffindor. Depois do período escolar, voltou a Hogwarts e tornou-se professora de transfiguração e chefe da casa Gryffindor, assim como, em diferentes épocas, vice-diretora e posteriormente diretora da escola. + Minerva é também uma Animaga, assumindo a forma de uma gata cinzenta malhada e com as marcas dos óculos, que habitualmente usa, em torno dos olhos. + McGonagall é uma mulher alta, de aparência severa e com cabelos grisalhos habitualmente presos num coque apertado. Gosta de usar roupas verde-esmeralda, um chapéu pontiagudo, e tem quase sempre uma expressão muito formal. +

+
+ + \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-2/detalhes6.html b/aula-css/exercicios/photo-grid/aula-2/detalhes6.html new file mode 100644 index 0000000..efaecc5 --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-2/detalhes6.html @@ -0,0 +1,29 @@ + + + + + + Carol's Photo Grid + + + +
+
+
+ +
+

Carol's Photo Grid

+
+
+
+
+ Imagem do Personagem Lord_Voldemort olhando para frente +

Voldemort é uma alcunha de Tom Marvolo Riddle. O arquiinimigo de Harry Potter, que de acordo com uma profecia tem "o poder de derrotar o Lord das Trevas ". + Ele tenta assassinar o menino, mas em vez disso mata seus pais, Lily e James Potter, e deixa Harry com uma cicatriz na cabeça em forma de um raio. Quase toda bruxa ou feiticeiro não ousa pronunciar seu nome e se refere a ele com apelidos como " Você-Sabe-Quem ", " Aquele que Não Deve Ser Nomeado " ou " Lorde das Trevas ". + A obsessão de Voldemort com a pureza do sangue significa seu objetivo de livrar o mundo mágico dos trouxasherança (não mágica) e para conquistar os dois mundos, trouxa e feiticeiro, para alcançar o domínio puro-sangue. + Através da família de sua mãe, ele é o último descendente do assistente de Salazar Slytherin , um dos quatro fundadores de Hogwarts Escola de Magia e Bruxaria. + Ele é o líder dos Comensais da Morte, um grupo de bruxos e bruxas malignos dedicados a livrar o Mundo Bruxo dos trouxas e estabelecer Voldemort como seu governante supremo. +

+
+ + \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-2/detalhes7.html b/aula-css/exercicios/photo-grid/aula-2/detalhes7.html new file mode 100644 index 0000000..c7646a5 --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-2/detalhes7.html @@ -0,0 +1,26 @@ + + + + + Carol's Photo Grid + + + +
+
+
+ +
+

Carol's Photo Grid

+
+
+
+
+ Personagem Dobby +

Dobby era o elfo domestico da Mansão Malfoy, servindo Lucius Malfoy, sua esposa Narcissa e seu único filho Draco. + Eles trataram Dobby com crueldade, muitas vezes lembrando-o de executar castigos extras sobre si mesmo quando ele fazia algo desagradável para eles. Dobby foi ameaçado de morte muitas vezes durante seu tempo servindo a família Malfoy e disse a Harry Potter que ele estava acostumado a isso pois ele as recebia "cinco vezes por dia" dos Malfoys. + Embora ele sempre tenha feito o que lhe foi dito, ele sabia que seu comportamento sempre estava errado e desejava estar livre deles. +

+
+ + \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-2/detalhes8.html b/aula-css/exercicios/photo-grid/aula-2/detalhes8.html new file mode 100644 index 0000000..92df8cc --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-2/detalhes8.html @@ -0,0 +1,27 @@ + + + + + Carol's Photo Grid + + + +
+
+
+ +
+

Carol's Photo Grid

+
+
+
+
+ Personagem Neville Longbotton empunhando uma espada +

Neville Longbottom é um bruxo puro-sangue, filho de dois aurores. Ele pertencia à Grifinória e dividia o dormitório com Harry Potter, Rony Weasley, Simas Finnigan e Dino Thomas. + A matéria da qual Neville mais gostava era Herbologia, e a que odiava era Poções (porque tinha medo do Professor Severo Snape). Seus pais foram torturados pela maldição Cruciatus até a loucura por comensais da morte. + Neville foi então criado por sua avó. + Fui um importante membro da ordem da fênix e da armada de Dumbledore, e conhecido por lutar ao lado de Harry Potter. Ao final da Segunda Guerra Bruxa se tornou professor de Herbologia de Hogwarts. +

+
+ + \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-2/detalhes9.html b/aula-css/exercicios/photo-grid/aula-2/detalhes9.html new file mode 100644 index 0000000..80656b1 --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-2/detalhes9.html @@ -0,0 +1,27 @@ + + + + + Carol's Photo Grid + + + +
+
+
+ +
+

Carol's Photo Grid

+
+
+
+
+ Imagem do Personagem Rúbeo Hagrid olhando para frente +

Rúbeo Hagrid,foi um bruxo meio-gigante filho da giganta Fridwulfa e do Sr. Hagrid. Meio-irmão mais velho do gigante Grope (Que foi apresentado para Harry e Hermione no 5° livro/filme da saga) + Hagrid estudou na Escola de Magia e Bruxaria de Hogwarts em 1940,e foi selecionado para a casa Grifinória. No terceiro ano,ele foi acusado por Tom Riddle pelo crime de abrir Câmara Secreta sendo culpado por usar sua Acromântula de estimação a atacar vários alunos nascido-trouxas e até pela morte de uma aluna (A fantasma que vive no banheiro das meninas "A Murta Que Geme.") + Foi expulso e teve sua varinha quebrada,mas o professor Dumbledore pediu para treina-lo como guarda-caça e morar nos terrenos da escola. "Grande homem, Dumbledore" é a frase que o nosso amado Guarda-Caça mais usa em relação ao nosso diretor favorito!" + Em 1991 foi dado a função de reapresentar a Harry Potter o mundo dos bruxos. E em 1993 foi assumir o cargo de professor em Tratos das Criaturas Mágicas,depois da aposentadoria do professor Silvanus Kettleburn. +

+
+ + \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-2/index.html b/aula-css/exercicios/photo-grid/aula-2/index.html new file mode 100644 index 0000000..f472b56 --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-2/index.html @@ -0,0 +1,96 @@ + + + + + + Carol's Photo Grid + + + +
+
+
+

Carol's Photo Grid

+

Olá, eu sou a Carol e esse é o Photo Grid de uma Potterhead.

+
+
+ +
+
+
+
+ +
+ + Imagem da Personagem Hermione Jean Granger em seu primeiro ano em Hogwarts + +

Hermione Jean Granger

+
+ +
+ + Imagem do Personagem Harry Potter em seu primeiro ano em Hogwarts + +

Harry James Potter

+
+ +
+ + Imagem do Personagem Ronald Weasley vestindo um blusão com seu nome + +

Ronald Weasley

+
+
+
+ +
+ + Imagem Personagem Severos Snape em pé olhando fixamente para frente + +

Severos Snape

+
+ +
+ + Personagem Minerva Mcgonagall empunhando sua varinha enquanto olha espantada parao lado + +

Minerva Mcgonagall

+
+ +
+ + Imagem do Personagem Lord_Voldemort olhando para frente + +

Lord Voldmort

+
+
+
+ +
+ + Personagem Dobby + +

Dobby

+
+ +
+ + Personagem Neville Longbotton empunhando uma espada + +

Neville Longbottom

+
+ +
+ + Imagem do Personagem Rúbeo Hagrid olhando para frente + +

Rúbeo Hagrid

+
+
+
+
+

My Photo Grid desenvolvido por Caroline Danni | WoMakersCode RJ

+
+
+ + \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-2/style.css b/aula-css/exercicios/photo-grid/aula-2/style.css new file mode 100644 index 0000000..d86134c --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-2/style.css @@ -0,0 +1,75 @@ +body { + background: #5C0000; +} +header { + background-color: #890000; + height: 250px; +} +a { + text-decoration-color: black; + } +h1 { + color: #ffa700; + font-family: 'Times New Roman', Times, serif; +} +h4 { + color: #ffa700; + font-family: 'Times New Roman', Times, serif; +} +.container { + display: flex; + flex-direction: row; + width: auto; + margin: auto; + margin-top: 10px; + padding: 10px; +} +.imagem_perfil { + float: left; + height:200px; + border-radius: 45%; + margin-top: 25px; + margin-left: 150px; +} +img { + display : block; + height: 600px ; + padding : auto; +} +.esquerda { + float: right; + height: 200px; + width: 50%; + margin-top: 50px; + margin-right: 50px; +} +.center { + height: 50px; + width: 50%; + margin-top: auto; + margin-right:auto; +} +footer { + text-align: center; +} +.card { + width: 500px; + padding: 5px; + background: #fb7e00; + margin: 5px; + border: 1px solid #000000; +} +.card p { + font-size: 16px; + text-align: center; +} +.card img { + height: auto; + width: 100% +} +@media screen and (max-width: 400px) { + .card { + display: flex; + flex-direction: column; + } + } diff --git a/aula-css/exercicios/photo-grid/aula-2/style2.css b/aula-css/exercicios/photo-grid/aula-2/style2.css new file mode 100644 index 0000000..175c337 --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-2/style2.css @@ -0,0 +1,41 @@ +body { + background: #ffa700; +} +header { + background-color: #890000; + display: flex; + height: 200px; +} +h1 { + color: #ffa700; + font-family: 'Times New Roman', Times, serif; +} +.p { + font-size: 16px; +} +.esquerda { + height: 50px; + width: 50%; + margin-top: 10px; + margin-right: 10px; + text-align: left; +} +.card { + display: flex; + width: auto; + padding: 10px; + background: #fb7e00; + margin: 5px; + border: 1px solid #000000; + text-align: justify; +} +.card img { + height:500px; + width: auto; +} +@media screen and (max-width: 400px) { + .card { + display: flex; + flex-direction: column; +} +} \ No newline at end of file diff --git a/aula-logica/exercicios/aula1/Calculadora_Caroline Danni.por b/aula-logica/exercicios/aula1/Calculadora_Caroline Danni.por new file mode 100644 index 0000000..04f715a --- /dev/null +++ b/aula-logica/exercicios/aula1/Calculadora_Caroline Danni.por @@ -0,0 +1,72 @@ +programa +{ + + funcao inicio() + { + caracter sair = 'S' + real soma, sub, mult, div + inteiro numero1, numero2 + real op + + } + + enquanto (sair !='S') { + + } + + + escreva("Escolha a operação: \n") + escreva("1 - Soma \n") + escreva("2 - Substração \n") + escreva("3 - Multiplicação \n") + escreva("4 - Divisão \n") + leia(op) + + limpa() + + escreva("Digite o 1º valor: ") + leia(numero1) + escreva("Digite o 2º valor: ") + leia(numero2) + + se(op == 1){ + soma = numero1+numero2 + escreva("A soma é: ",soma) + } + senao se(op == 2){ + sub = numero1-numero2 + escreva("A diferença é: ",sub) + } + senao se(op == 3){ + mult = numero1*numero2 + escreva("A multiplicação é: ",mult) + } + senao se(op == 4){ + div = numero1/numero2 + escreva("A divisão é: ",div) + } + senao{ + escreva("Operação Inválida!") + } + + + escreva("\nDeseja sair\nS/N?") + + leia(sair) + + + + } + +} +/* $$$ Portugol Studio $$$ + * + * Esta seção do arquivo guarda informações do Portugol Studio. + * Você pode apagá-la se estiver utilizando outro editor. + * + * @POSICAO-CURSOR = 52; + * @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; + */ \ No newline at end of file diff --git a/aula-logica/exercicios/aula2/Calculadora_Caroline Danni_atualizado.por b/aula-logica/exercicios/aula2/Calculadora_Caroline Danni_atualizado.por new file mode 100644 index 0000000..fb5f617 --- /dev/null +++ b/aula-logica/exercicios/aula2/Calculadora_Caroline Danni_atualizado.por @@ -0,0 +1,104 @@ +programa +{ + + funcao inicio() + { + caracter sair = 'S' + real soma, sub, mult, div + real numero1, numero2 + real op + + + escreva("Escolha a operação: \n") + escreva("1 - Soma \n") + escreva("2 - Substração \n") + escreva("3 - Multiplicação \n") + escreva("4 - Divisão \n") + leia(op) + + limpa() + + escreva("Digite o 1º valor: ") + leia(numero1) + escreva("Digite o 2º valor: ") + leia(numero2) + + se(op == 1){ + soma = numero1+numero2 + escreva("A soma é: ",soma) + } + senao se(op == 2){ + sub = numero1-numero2 + escreva("A diferença é: ",sub) + } + senao se(op == 3){ + mult = numero1*numero2 + escreva("A multiplicação é: ",mult) + } + senao se(op == 4){ + div = numero1/numero2 + escreva("A divisão é: ",div) + } + senao{ + escreva("Operação Inválida!") + } + + + escreva("\nDeseja sair? S-Sim N-Nao\n") + leia(sair) + + enquanto (sair !='S') { + escreva("Escolha a operação: \n") + escreva("1 - Soma \n") + escreva("2 - Substração \n") + escreva("3 - Multiplicação \n") + escreva("4 - Divisão \n") + leia(op) + + limpa() + + escreva("Digite o 1º valor: ") + leia(numero1) + escreva("Digite o 2º valor: ") + leia(numero2) + + se(op == 1){ + soma = numero1+numero2 + escreva("A soma é: ",soma) + } + senao se(op == 2){ + sub = numero1-numero2 + escreva("A diferença é: ",sub) + } + senao se(op == 3){ + mult = numero1*numero2 + escreva("A multiplicação é: ",mult) + } + senao se(op == 4){ + div = numero1/numero2 + escreva("A divisão é: ",div) + } + senao{ + escreva("Operação Inválida!") + } + + escreva("\nDeseja sair? S-Sim N-Nao\n") + leia(sair) + + } + + +} + +} +/* $$$ Portugol Studio $$$ + * + * Esta seção do arquivo guarda informações do Portugol Studio. + * Você pode apagá-la se estiver utilizando outro editor. + * + * @POSICAO-CURSOR = 54; + * @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; + */ \ No newline at end of file diff --git a/aulas-javascript/exercicios/aula1/index.html b/aulas-javascript/exercicios/aula1/index.html index e69de29..b66c3f4 100644 --- a/aulas-javascript/exercicios/aula1/index.html +++ b/aulas-javascript/exercicios/aula1/index.html @@ -0,0 +1,13 @@ + + + + + + Aluna Caroline Danni + + + + + + + \ No newline at end of file diff --git a/aulas-javascript/exercicios/aula1/script.js b/aulas-javascript/exercicios/aula1/script.js new file mode 100644 index 0000000..920e8f8 --- /dev/null +++ b/aulas-javascript/exercicios/aula1/script.js @@ -0,0 +1,18 @@ + + +function checarSePodeDirigir() { + let idade = prompt("Qual a sua idade?"); + + if (idade > 17) { + alert("Já pode dirigir!"); +} + else { + alert("Não pode dirigir ainda!"); + } +} + +checarSePodeDirigir(18); + +/* Rita, não sei se está correto. Tive bastante dificuldade em entender como criar o código em que o Alert de "Não pode dirigir" +aparecesse sempre. Espero que esteja correto. +*/ diff --git a/aulas-javascript/exercicios/aula2/index.html b/aulas-javascript/exercicios/aula2/index.html index e69de29..1bfaa1a 100644 --- a/aulas-javascript/exercicios/aula2/index.html +++ b/aulas-javascript/exercicios/aula2/index.html @@ -0,0 +1,33 @@ + + + + + + Caroline Danni + + + +
+
+ Formulário + +
+ + +
+ +
+ + +
+ +
+ +
+
+ +
+
+
+ + \ No newline at end of file diff --git a/aulas-javascript/exercicios/aula2/script.js b/aulas-javascript/exercicios/aula2/script.js new file mode 100644 index 0000000..32e9f97 --- /dev/null +++ b/aulas-javascript/exercicios/aula2/script.js @@ -0,0 +1,42 @@ +//Exercicío 2 - Javascript// + +function +saoDiferentes() { + let numero1 = document.getElementById('numero1').value; + let numero2 = document.getElementById('numero2').value; + + if (numero1 == numero2) { + alert("Não são diferentes"); + + let div = document.createElement('div1'); + div.className = 'texto'; + div.innerText = 'Não são diferentes!'; + document.body.append(div); + div.style.color = 'green'; + +} + + else { + alert("Os valores são diferentes"); + + let div = document.createElement('div1'); + div.className = 'texto'; + div.innerText = 'São diferentes!'; + document.body.append(div); + div.style.color = 'red'; + } + +} + +function +resetar() { + +document.getElementById('numero1').value=''; +document.getElementById('numero2').value=''; + +document.querySelector('div1').remove(); +document.querySelector('div2').remove(); + +} + +