-
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 #80 from MastersAcademy/1-html_Rooosss
A simple index.html document has been created and a style.css file with styles has been added
- Loading branch information
Showing
2 changed files
with
73 additions
and
0 deletions.
There are no files selected for viewing
45 changes: 45 additions & 0 deletions
45
homeworks/rostyslav.vyshemirskyi_Rooosss/PokemonProject/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,45 @@ | ||
| <!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"> | ||
| <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=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet"> | ||
|
|
||
| <link rel="stylesheet" href="style.css"> | ||
| <title>PokemonProject</title> | ||
| </head> | ||
| <body> | ||
| <main class="main"> | ||
| <section class="about__section"> | ||
| <div class="about_container"> | ||
| <div class="about__inner"> | ||
| <h1 class="about__title">About me</h1> | ||
| <p class="about__text"> | ||
| Hi! My name is Rostyslav and I'm a Junior Frontend Developer. I am already familiar with main | ||
| Web Technologies like HTML, CSS, JavaScript and Git version control system. | ||
| <br> | ||
| <br> | ||
| This page was developed during the course | ||
| <a class="about__link-red" href="https://www.mastersacademy.education/frontend-for-beginners-it"> | ||
| 'Frontend for beginners' from Masters Academy in 2023. | ||
| </a> | ||
| <br> | ||
| <br> | ||
| 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. | ||
| <br> | ||
| <br> | ||
| You can contact me via <a class="about__link-red" href="//t.me/Rohanskyi">Telegram</a> | ||
| and/or check out my <a class="about__link-red" href="https://github.com/Rooosss">GitHub</a>. | ||
| <br> | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| </main> | ||
| </body> | ||
| </html> |
28 changes: 28 additions & 0 deletions
28
homeworks/rostyslav.vyshemirskyi_Rooosss/PokemonProject/style.css
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,28 @@ | ||
| body { | ||
| font-family: "Roboto", sans-serif; | ||
| color: #221F1F; | ||
| } | ||
|
|
||
| h1,h2,h3,h4,h5,h6,p { | ||
| margin: 0; | ||
| padding: 0; | ||
| } | ||
|
|
||
| .about__title { | ||
| margin-bottom: 24px; | ||
| font-size: 48px; | ||
| font-style: normal; | ||
| font-weight: 700; | ||
| line-height: 32px; | ||
| } | ||
|
|
||
| .about__text { | ||
| font-size: 22px; | ||
| font-style: normal; | ||
| font-weight: 400; | ||
| line-height: 32px; | ||
| } | ||
|
|
||
| .about__link-red { | ||
| color: #EF4934; | ||
| } |