diff --git a/img/Vector.png b/img/Vector.png new file mode 100644 index 000000000..7b34f88c4 Binary files /dev/null and b/img/Vector.png differ diff --git a/img/image 1.png b/img/image 1.png new file mode 100644 index 000000000..581e32f59 Binary files /dev/null and b/img/image 1.png differ diff --git a/img/image 10.png b/img/image 10.png new file mode 100644 index 000000000..c4b85f4d9 Binary files /dev/null and b/img/image 10.png differ diff --git a/img/image 11.png b/img/image 11.png new file mode 100644 index 000000000..c4b85f4d9 Binary files /dev/null and b/img/image 11.png differ diff --git a/img/image 12.png b/img/image 12.png new file mode 100644 index 000000000..0ef6cfde4 Binary files /dev/null and b/img/image 12.png differ diff --git a/img/image 2.png b/img/image 2.png new file mode 100644 index 000000000..dad88535a Binary files /dev/null and b/img/image 2.png differ diff --git a/img/image 3.png b/img/image 3.png new file mode 100644 index 000000000..615dfee83 Binary files /dev/null and b/img/image 3.png differ diff --git a/img/image 4.png b/img/image 4.png new file mode 100644 index 000000000..e092f46e3 Binary files /dev/null and b/img/image 4.png differ diff --git a/img/image 5.png b/img/image 5.png new file mode 100644 index 000000000..0d6bdf291 Binary files /dev/null and b/img/image 5.png differ diff --git a/img/image 6.png b/img/image 6.png new file mode 100644 index 000000000..321202d4a Binary files /dev/null and b/img/image 6.png differ diff --git a/img/image 7.png b/img/image 7.png new file mode 100644 index 000000000..84a02c7b8 Binary files /dev/null and b/img/image 7.png differ diff --git a/img/image 8.png b/img/image 8.png new file mode 100644 index 000000000..59288d57c Binary files /dev/null and b/img/image 8.png differ diff --git a/img/image 9.png b/img/image 9.png new file mode 100644 index 000000000..0ef6cfde4 Binary files /dev/null and b/img/image 9.png differ diff --git a/img/youtube--v1 1.png b/img/youtube--v1 1.png new file mode 100644 index 000000000..30e5a297e Binary files /dev/null and b/img/youtube--v1 1.png differ diff --git a/index.html b/index.html index 4ad4ffff6..dd1a4e820 100644 --- a/index.html +++ b/index.html @@ -1,12 +1,69 @@ - - + + - - Static Template - - -

This is a static template, there is no bundler or bundling involved!

- + + Desafio 2 + + + +
+ +
+ primevideo +
+
+ +
+ +
+ +
seta
+ +
the boys +

The Boys

+
top gun +

Top Gun

+
Interstellar +

Interstellar

+
seta
+
+
+ +
seta
+
o Senhor dos aneis +

O Senhor dos Aneis

+
todo Mundo Odeia O Cris +

Todo Mundo Odeia O Cris

+
the Bigbang theory +

The Bigbang theory

+
seta
+ +
+ +
+ + + + + \ No newline at end of file diff --git a/package.json b/package.json index 229967170..8c53fdb33 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { - "name": "static", + "name": "desafio-2", "version": "1.0.0", - "description": "This is a static template with no bundling", + "description": "", "main": "index.html", "scripts": { "start": "serve", @@ -11,11 +11,7 @@ "type": "git", "url": "git+https://github.com/codesandbox-app/static-template.git" }, - "keywords": [ - "static", - "template", - "codesandbox" - ], + "keywords": [], "author": "Ives van Hoorne", "license": "MIT", "bugs": { @@ -25,4 +21,4 @@ "devDependencies": { "serve": "^11.2.0" } -} +} \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 000000000..297efa86d --- /dev/null +++ b/style.css @@ -0,0 +1,86 @@ +* { + margin: 0; + padding: 0; + list-style: none; + box-sizing: border-box; +} + +.header-nav ul { + display: flex; + gap: 15rem; +} +a { + color: #ffffff; + cursor: pointer; + text-decoration: none; + font-family: sans-serif; +} + +.header-nav { + background-color: #1e1e1e; + width: 100%; + height: 6.2rem; + display: flex; + align-items: center; + justify-content: center; +} +.header-banner { + width: 100vw; + height: 50vh; + background-color: #1798ff; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; +} +.prime { + width: 70vw; + height: 50vh; +} + +a { + text-decoration: none; + color: aliceblue; + padding: 10px; + font-family: sans-serif; +} + +.seta img { + display: flex; + justify-content: center; + align-items: center; + width: 5vw; + height: 8vh; +} +.films img { + width: 20vw; + height: 50vh; +} +.film { + font-weight: bolder; + display: flex; + justify-content: space-evenly; + align-items: center; + text-align: center; + margin-top: 20px; +} +.logo { + width: 5vw; + height: 8vh; + margin-left: 20px; +} +.text { + display: flex; + justify-content: space-around; + align-items: center; + text-align: center; +} +.main { + display: flex; + justify-content: center; + background-color: #1e1e1e; + color: #ffffff; + width: 100vw; + height: 20vh; + margin-top: 2rem; +}