-
Notifications
You must be signed in to change notification settings - Fork 26
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #182 from MastersAcademy/2-css-YanaHaivoronska
2 css yana haivoronska
- Loading branch information
Showing
6 changed files
with
514 additions
and
0 deletions.
There are no files selected for viewing
Binary file added
BIN
+19.9 KB
homeworks/yana.haivoronska_Yana_Haivoronska/Game Project/Rectangle 7.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
304 changes: 304 additions & 0 deletions
304
homeworks/yana.haivoronska_Yana_Haivoronska/Game Project/game cards.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,304 @@ | ||
| <!doctype html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" | ||
| content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> | ||
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> | ||
| <title>Cards</title> | ||
| <link rel="stylesheet" type="text/css" href="style.css"> | ||
| </head> | ||
|
|
||
| <body> | ||
| <header> | ||
| <img src="logo.svg" alt="Logo"> | ||
| <div class="nav"> | ||
| <ul class="nav-items"> | ||
| <li> | ||
| <a class="cards-link" href="game%20cards.html" title="Cards">Games</a> | ||
| </li> | ||
| <li> | ||
| <a class="about-link" href="index.html" title="About">About</a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </header> | ||
| <main> | ||
| <h1 class="cards-h1"> | ||
| Study project "Games" | ||
| </h1> | ||
| <section class="cards"> | ||
| <div class="game-card"> | ||
| <div class="upper-card"> | ||
| <img src="Rectangle%207.png" alt="Overwatch 2"> | ||
| <div class="game-title"> | ||
| <h3 class="game-name"> | ||
| Overwatch 2 | ||
| </h3> | ||
| <p class="text-game"> | ||
| Big changes come to the Overwatch formula in this sequel... | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="lower-card"> | ||
| <p> | ||
| <b>Genre:</b> Shooter | ||
| </p> | ||
| <p> | ||
| <b>Platfotm:</b> PC (Windows) | ||
| </p> | ||
| <p> | ||
| <b>Publisher:</b> Activision Blizzard King | ||
| </p> | ||
| <p> | ||
| <b>Developer:</b> Blizzard Entertainment | ||
| </p> | ||
| <p> | ||
| <b>Release_date:</b> 2022-10-04 | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="game-card"> | ||
| <div class="upper-card"> | ||
| <img src="Rectangle%207.png" alt="Overwatch 2"> | ||
| <div class="game-title"> | ||
| <h3 class="game-name"> | ||
| Overwatch 2 | ||
| </h3> | ||
| <p class="text-game"> | ||
| Big changes come to the Overwatch formula in this sequel... | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="lower-card"> | ||
| <p> | ||
| <b>Genre:</b> Shooter | ||
| </p> | ||
| <p> | ||
| <b>Platfotm:</b> PC (Windows) | ||
| </p> | ||
| <p> | ||
| <b>Publisher:</b> Activision Blizzard King | ||
| </p> | ||
| <p> | ||
| <b>Developer:</b> Blizzard Entertainment | ||
| </p> | ||
| <p> | ||
| <b>Release_date:</b> 2022-10-04 | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="game-card"> | ||
| <div class="upper-card"> | ||
| <img src="Rectangle%207.png" alt="Overwatch 2"> | ||
| <div class="game-title"> | ||
| <h3 class="game-name"> | ||
| Overwatch 2 | ||
| </h3> | ||
| <p class="text-game"> | ||
| Big changes come to the Overwatch formula in this sequel... | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="lower-card"> | ||
| <p> | ||
| <b>Genre:</b> Shooter | ||
| </p> | ||
| <p> | ||
| <b>Platfotm:</b> PC (Windows) | ||
| </p> | ||
| <p> | ||
| <b>Publisher:</b> Activision Blizzard King | ||
| </p> | ||
| <p> | ||
| <b>Developer:</b> Blizzard Entertainment | ||
| </p> | ||
| <p> | ||
| <b>Release_date:</b> 2022-10-04 | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="game-card"> | ||
| <div class="upper-card"> | ||
| <img src="Rectangle%207.png" alt="Overwatch 2"> | ||
| <div class="game-title"> | ||
| <h3 class="game-name"> | ||
| Overwatch 2 | ||
| </h3> | ||
| <p class="text-game"> | ||
| Big changes come to the Overwatch formula in this sequel... | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="lower-card"> | ||
| <p> | ||
| <b>Genre:</b> Shooter | ||
| </p> | ||
| <p> | ||
| <b>Platfotm:</b> PC (Windows) | ||
| </p> | ||
| <p> | ||
| <b>Publisher:</b> Activision Blizzard King | ||
| </p> | ||
| <p> | ||
| <b>Developer:</b> Blizzard Entertainment | ||
| </p> | ||
| <p> | ||
| <b>Release_date:</b> 2022-10-04 | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="game-card"> | ||
| <div class="upper-card"> | ||
| <img src="Rectangle%207.png" alt="Overwatch 2"> | ||
| <div class="game-title"> | ||
| <h3 class="game-name"> | ||
| Overwatch 2 | ||
| </h3> | ||
| <p class="text-game"> | ||
| Big changes come to the Overwatch formula in this sequel... | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="lower-card"> | ||
| <p> | ||
| <b>Genre:</b> Shooter | ||
| </p> | ||
| <p> | ||
| <b>Platfotm:</b> PC (Windows) | ||
| </p> | ||
| <p> | ||
| <b>Publisher:</b> Activision Blizzard King | ||
| </p> | ||
| <p> | ||
| <b>Developer:</b> Blizzard Entertainment | ||
| </p> | ||
| <p> | ||
| <b>Release_date:</b> 2022-10-04 | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="game-card"> | ||
| <div class="upper-card"> | ||
| <img src="Rectangle%207.png" alt="Overwatch 2"> | ||
| <div class="game-title"> | ||
| <h3 class="game-name"> | ||
| Overwatch 2 | ||
| </h3> | ||
| <p class="text-game"> | ||
| Big changes come to the Overwatch formula in this sequel... | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="lower-card"> | ||
| <p> | ||
| <b>Genre:</b> Shooter | ||
| </p> | ||
| <p> | ||
| <b>Platfotm:</b> PC (Windows) | ||
| </p> | ||
| <p> | ||
| <b>Publisher:</b> Activision Blizzard King | ||
| </p> | ||
| <p> | ||
| <b>Developer:</b> Blizzard Entertainment | ||
| </p> | ||
| <p> | ||
| <b>Release_date:</b> 2022-10-04 | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="game-card"> | ||
| <div class="upper-card"> | ||
| <img src="Rectangle%207.png" alt="Overwatch 2"> | ||
| <div class="game-title"> | ||
| <h3 class="game-name"> | ||
| Overwatch 2 | ||
| </h3> | ||
| <p class="text-game"> | ||
| Big changes come to the Overwatch formula in this sequel... | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="lower-card"> | ||
| <p> | ||
| <b>Genre:</b> Shooter | ||
| </p> | ||
| <p> | ||
| <b>Platfotm:</b> PC (Windows) | ||
| </p> | ||
| <p> | ||
| <b>Publisher:</b> Activision Blizzard King | ||
| </p> | ||
| <p> | ||
| <b>Developer:</b> Blizzard Entertainment | ||
| </p> | ||
| <p> | ||
| <b>Release_date:</b> 2022-10-04 | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="game-card"> | ||
| <div class="upper-card"> | ||
| <img src="Rectangle%207.png" alt="Overwatch 2"> | ||
| <div class="game-title"> | ||
| <h3 class="game-name"> | ||
| Overwatch 2 | ||
| </h3> | ||
| <p class="text-game"> | ||
| Big changes come to the Overwatch formula in this sequel... | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="lower-card"> | ||
| <p> | ||
| <b>Genre:</b> Shooter | ||
| </p> | ||
| <p> | ||
| <b>Platfotm:</b> PC (Windows) | ||
| </p> | ||
| <p> | ||
| <b>Publisher:</b> Activision Blizzard King | ||
| </p> | ||
| <p> | ||
| <b>Developer:</b> Blizzard Entertainment | ||
| </p> | ||
| <p> | ||
| <b>Release_date:</b> 2022-10-04 | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="game-card"> | ||
| <div class="upper-card"> | ||
| <img src="Rectangle%207.png" alt="Overwatch 2"> | ||
| <div class="game-title"> | ||
| <h3 class="game-name"> | ||
| Overwatch 2 | ||
| </h3> | ||
| <p class="text-game"> | ||
| Big changes come to the Overwatch formula in this sequel... | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="lower-card"> | ||
| <p> | ||
| <b>Genre:</b> Shooter | ||
| </p> | ||
| <p> | ||
| <b>Platfotm:</b> PC (Windows) | ||
| </p> | ||
| <p> | ||
| <b>Publisher:</b> Activision Blizzard King | ||
| </p> | ||
| <p> | ||
| <b>Developer:</b> Blizzard Entertainment | ||
| </p> | ||
| <p> | ||
| <b>Release_date:</b> 2022-10-04 | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| </main> | ||
| </body> | ||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
58 changes: 58 additions & 0 deletions
58
homeworks/yana.haivoronska_Yana_Haivoronska/Game Project/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,58 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
|
|
||
| <link rel="stylesheet" type="text/css" href="style.css"> | ||
|
|
||
| <link rel="stylesheet" href="https://fonts.gooleapis.com/css?family=Roboto"> | ||
|
|
||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
|
|
||
| <title>About me</title> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <img src="logo.svg" alt="Logo"> | ||
| <div class="nav"> | ||
| <ul class="nav-items"> | ||
| <li> | ||
| <a href="game%20cards.html">Games</a> | ||
| </li> | ||
| <li> | ||
| <a href="index.html">About</a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </header> | ||
| <div class= "container"> | ||
| <div class="image"> | ||
| <img src="image.jpg" alt="Games Picture"> | ||
| </div> | ||
| <main class="main"> | ||
| <h1>About me</h1> | ||
| <p class="paragraph"> | ||
| Hi! My name is Yana Haivoronska, and I'm a Junior Frontend | ||
| Developer. I am already familiar with main Web Technologies like | ||
| HTML, CSS, JavaScript and Git version control system. | ||
| </p> | ||
| <p class="paragraph"> | ||
| This page was developed during the course | ||
| <a class="a" href="https://www.mastersacademy.education/frontend-for-beginners-it" | ||
| >'Frontend for beginners' from Masters Academy in 2023.</a | ||
| > | ||
| </p> | ||
| <p class="paragraph"> | ||
| This is a social project from MOCG company where I got an | ||
| opportunity to work with Frontend mentors and to create my own | ||
| small project for the portfolio. You can contact me via | ||
| <a class="a" href="mailto:[email protected]">[email protected]</a | ||
| > | ||
| or check out my | ||
| <a class="a" href="http://github.com/YanaHaivoronska"> GitHub.</a> | ||
| </p> | ||
| </main> | ||
| </div> | ||
| </body> | ||
| </html> |
Oops, something went wrong.