diff --git a/index.html b/index.html new file mode 100644 index 0000000..276a471 --- /dev/null +++ b/index.html @@ -0,0 +1,57 @@ + + + + + + + + Bit Pixel Games + + +
+ +
+ +
+
+ + Game Pong + +
+ +
+ + Game Breakout + +
+ +
+ + Game Ache o Anel + +
+ +
+ + Game Magia + +
+ +
+ + + \ No newline at end of file diff --git a/src/games/Ache-O-Anel.html b/src/games/Ache-O-Anel.html new file mode 100644 index 0000000..46b3894 --- /dev/null +++ b/src/games/Ache-O-Anel.html @@ -0,0 +1,5 @@ + + + diff --git a/src/games/Breakout.html b/src/games/Breakout.html new file mode 100644 index 0000000..668fc5c --- /dev/null +++ b/src/games/Breakout.html @@ -0,0 +1,5 @@ + + + diff --git a/src/games/Magia.html b/src/games/Magia.html new file mode 100644 index 0000000..a470565 --- /dev/null +++ b/src/games/Magia.html @@ -0,0 +1,5 @@ + + + diff --git a/src/games/Pong.html b/src/games/Pong.html new file mode 100644 index 0000000..a5a3408 --- /dev/null +++ b/src/games/Pong.html @@ -0,0 +1,5 @@ + + + diff --git a/src/images/Ache-o-anel.png b/src/images/Ache-o-anel.png new file mode 100644 index 0000000..0c32b0d Binary files /dev/null and b/src/images/Ache-o-anel.png differ diff --git a/src/images/Magia.png b/src/images/Magia.png new file mode 100644 index 0000000..9cab9a0 Binary files /dev/null and b/src/images/Magia.png differ diff --git a/src/images/Pong.png b/src/images/Pong.png new file mode 100644 index 0000000..255e896 Binary files /dev/null and b/src/images/Pong.png differ diff --git a/src/images/breakout.png b/src/images/breakout.png new file mode 100644 index 0000000..2151f89 Binary files /dev/null and b/src/images/breakout.png differ diff --git a/src/images/logo.png b/src/images/logo.png new file mode 100644 index 0000000..0c8b888 Binary files /dev/null and b/src/images/logo.png differ diff --git a/src/styles/reset.css b/src/styles/reset.css new file mode 100644 index 0000000..05b99f8 --- /dev/null +++ b/src/styles/reset.css @@ -0,0 +1,11 @@ +*{ + margin: 0; + padding: 0; + color: white; + box-sizing: border-box; + user-select: None; + list-style: None; +} + + + diff --git a/src/styles/style.css b/src/styles/style.css new file mode 100644 index 0000000..fcb1a8f --- /dev/null +++ b/src/styles/style.css @@ -0,0 +1,66 @@ +body{ + background-color: #2b335f; + font-family: Arial, Helvetica, sans-serif; +} + +nav img { + width: 25rem; +} +header, nav { + padding: 30px; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + width: 100%; +} + +header { + height: 8em; + background: linear-gradient(#a9c1ff,#395c98); + font-size: 20px; +} + +header input{ + width: 20rem; + height: 35px; + border: none; + border-radius: 10px; + color: black; +} + +main { + margin: 5rem 3rem; + display: flex; + flex-wrap: wrap; + justify-content: space-around; + gap: 3rem; +} + +.game-card { + width: 15rem; + height: 15rem; + border-radius: 20px; + box-shadow: 0 0 5px 5px rgba(16, 24, 66, 0.5); + background-color: #d38441; + transition: all ease 300ms; +} + +.game-card:hover { + filter: brightness(80%); + transform: scale(1.2); +} + +.game-card img { + width: 15rem; + height: 15rem; + border-radius: 20px; +} + +footer { + display: flex; + justify-content: center; + align-items: center; + background: linear-gradient(#a9c1ff,#395c98); + height: 100px; +} \ No newline at end of file