# data[].attributes.body
<html lang="pt-BR">

<head>

<link rel="stylesheet" href="styles.css">

<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link

href="https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"

rel="stylesheet">

<title>Aluraflix</title>

</head>

<body>

<header>ALURAFLIX</header>

<section class="chamada">

<div class="chamada-texto">

<h1>ATRAVÉS DO ARANHAVERSO</h1>

<p>#homem-aranha</p>

</div>

<div>

<iframe width="560" height="315" src="https://www.youtube.com/embed/gt_fAE1Eg2Q?si=EEv-tsY_b1B2OwKE"

title="YouTube video player" frameborder="0"

allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"

referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

</div>

</section>

<section class="categoria">

<h2>Filmes e séries</h2>

<div class="categoria-videos">

<a href="https://www.youtube.com/watch?v=cs15QqG6Gjc">

<img src="https://img.youtube.com/vi/cs15QqG6Gjc/maxresdefault.jpg" />

</a>

<a href="https://www.youtube.com/watch?v=nCmIwcycUJ8">

<img src="https://img.youtube.com/vi/nCmIwcycUJ8/maxresdefault.jpg" />

</a>

<a href="https://www.youtube.com/watch?v=FvRmEapoHRc">

<img src="https://img.youtube.com/vi/FvRmEapoHRc/maxresdefault.jpg" />

</a>

<a href="https://www.youtube.com/watch?v=Ipkw_hWW-Hw">

<img src="https://img.youtube.com/vi/Ipkw_hWW-Hw/maxresdefault.jpg" />

</a>

<a href="https://www.youtube.com/watch?v=d4DzMNGoyis">

<img src="https://img.youtube.com/vi/d4DzMNGoyis/maxresdefault.jpg" />

</a>

</div>

</section>

</body>

</html>

# data[].attributes.headline
1EM-Conectando-se ao Mundo Profissional: Tecnologia, Currículo e Entrevista

# data[].attributes.subject
1EM-Conectando-se ao Mundo Profissional: Tecnologia, Currículo e Entrevista

# data[].attributes.body
https://drive.google.com/file/d/1dRTyckm2dIU1k7re4o1wGZq52s4Z17AL/view?usp=drive_link

https://drive.google.com/file/d/1s7DrTHY4iOch1v1WQgAJ3oFqF1GzMgcV/view?usp=drive_link

# data[].attributes.headline
1EM-Funções: desenvolvendo um recomendador de filmes com JavaScript

# data[].attributes.subject
1EM-Funções: desenvolvendo um recomendador de filmes com JavaScript

# data[].attributes.body
https://editor.p5js.org/marcelopaludetto/sketches/-ao24Y9mst

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
https://www.figma.com/community/file/1350158754288734060/fluxograma-crie-uma-aventura-com-html-css-e-javascript

# data[].attributes.attachment_link.title
ERROR: The request could not be satisfied

# data[].attributes.attachment_link.description
Fluxograma: crie uma aventura com HTML, CSS e JavaScript (Community)

# data[].attributes.body
biju

# data[].attributes.attachment_link.title
Fluxograma_ crie uma aventura com HTML, CSS e JavaScript (Community)

# data[].attributes.attachment_link.title
Fluxograma_ crie uma aventura com HTML, CSS e JavaScript (Community)

# data[].attributes.attachment_link.title
Fluxograma_ crie uma aventura com HTML, CSS e JavaScript (Community)

# data[].attributes.body
Emily

# data[].attributes.attachment_link.title
Fluxograma_ crie uma aventura com HTML, CSS e JavaScript (Community)

# data[].attributes.attachment_link.description
Rnzin4444 has one repository available. Follow their code on GitHub.

# data[].attributes.body
Unidade1-Página Web: criando um catálogo de vídeos com HTML e CSS

AULA08 -Finalização e publicação

https://github.com/alura-cursos/aluraflix/tree/aula8

Unidade2-Algoritmos: criando uma aventura com HTML, CSS e JavaScript

Aula 08-Compartilhando nossa aventura

https://github.com/femascheti/criando-sua-aventura/tree/aula-07

Unidade3-Página web: desenvolvendo um site de assinatura de conteúdo

AULA 16 Página no ar com GitHub

https://github.com/alura-cursos/alura-plus/tree/Aula-14

# data[].attributes.body
Relâmpago Alura : https://scratch.mit.edu/projects/903635762/

Escolha da Sorte: https://scratch.mit.edu/projects/905339162/

Quando os humanos não estão olhando: https://scratch.mit.edu/projects/905339162/

Super trunfo https://scratch.mit.edu/projects/860954985/

AULA 3 Java 0 https://editor.p5js.org/Alura_Start/sketches/R4Hzvq0ix

AULA 09 JAVA https://editor.p5js.org/aluno-alura-start/sketches/mk4iDEX5U

PING PONG https://scratch.mit.edu/projects/989234472/editor/

AULA 10- Ajustes e finalização do jogo https://editor.p5js.org/EstudanteAlura/sketches/YYk1DfbZF

REPOSITÓRIO AULA05 GITHUB : https://github.com/Rnzin4444

Funções: desenvolvendo um recomendador de filmes com JavaScript

https://editor.p5js.org/marcelopaludetto/sketches/-ao24Y9mst

# data[].attributes.body
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AluraBooks</title>
    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="styles.css">
</head>

<body>
    <h1>Alurabook</h1>

</body>

</html>

# data[].attributes.body
:root {
    --cor-de-fundo: #EBECEE;
}

body {
    background-color: var(--cor-de-fundo);
}

h1 {
    background-color: white;
}

# data[].attributes.body
https://docs.google.com/forms/d/e/1FAIpQLSf0UKfB_a5cVmqNM59w8iPBi27svE-oHnAr7BpLd2IR496haw/viewform

# data[].attributes.body
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

# data[].attributes.body
https://drive.google.com/drive/folders/16VW22vAu0-5QrE6b9JCFPh7PE2Rn8RkV?usp=drive_link

# data[].attributes.attachment_link.description
Get access to files anywhere through secure cloud storage and file backup for your photos, videos, files and more with Google Drive.

# data[].attributes.body
body {

color: white;

background: black;

margin: 0px;

font-family: "Chakra Petch", sans-serif;

margin-bottom: 100px;

}

header {

border-bottom: solid 2px rgb(42, 122, 228);

padding: 20px;

font-size: 32px;

color: rgb(42, 122, 228);

}

.chamada {

background: rgb(184, 156, 213);

padding-bottom: 80px;

padding-top: 80px;

display: flex;

justify-content: center;

}

.chamada-texto {

margin-right: 5%;

}

h1 {

font-size: 40px;

}

p {

font-size: 20px;

}

.categoria-videos {

display: flex;

overflow-x: auto;

gap: 10px;

}

.categoria {

padding-left: 20px;

padding-right: 20px;

margin-top: 50px;

}

.categoria-videos img {

opacity: 0.5;

height: 200px;

}

.categoria-videos img:hover {

opacity: 1.0;

border: 3px solid green;

}

.categoria h2 {

color: rgb(42, 122, 228);

}

# data[].attributes.attachment_link.description
Get access to files anywhere through secure cloud storage and file backup for your photos, videos, files and more with Google Drive.

# data[].attributes.body
https://docs.google.com/forms/d/e/1FAIpQLSf0UKfB_a5cVmqNM59w8iPBi27svE-oHnAr7BpLd2IR496haw/viewform