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..a2e71175e 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..f1df1f446 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..f1df1f446 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..649aa8977 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..4fce81449 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..c0bb22485 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..649aa8977 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..f42be7735 100644 --- a/index.html +++ b/index.html @@ -1,12 +1,68 @@ - - + + - - Static Template - - -

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

- + + Desafio 2 + + + +
+ +
+
+ +
+
+ prime +
+ +
+ +
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..7a23bd0e2 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { - "name": "static", + "name": "desfio-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..85e16fbfb --- /dev/null +++ b/style.css @@ -0,0 +1,72 @@ +* { + margin: 0; + padding: 0; + list-style: none; + box-sizing: border-box; +} +header { + background-color: #1e1e1e; + padding-top: 20px; + width: 100vw; + height: 23vh; +} + +nav { + padding: 30px; + width: 100vw; + height: 100vh; + display: flex; + justify-content: space-evenly; + text-decoration: none; + font-size: 50px; +} +a { + text-decoration: none; + color: aliceblue; + padding: 10px; + font-family: sans-serif; + font-size: 50%; +} +.prime { + width: 100vw; + height: 50vh; +} +.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; +}