Merge pull request #63 from MastersAcademy/1-html_AndriiMorozov88

1 html andrii morozov88
MastersAcademy · Oct 18, 2023 · 23aa0bc · 23aa0bc
2 parents 370b620 + 5fbc859
commit 23aa0bc
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 0 deletions.
diff --git a/homeworks/andrii.morozov_AndriiMorozov88/GamesProject/index.html b/homeworks/andrii.morozov_AndriiMorozov88/GamesProject/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>About Me</title>
+  <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+  <main class="main">
+    <h1 class="main__heading--h1">About Me</h1>
+    <p class="main__paragraf">Hi! My name is Andrii Morozov 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="main__paragraf">This page was developed during the course <a href="https://www.mastersacademy.education/frontend-for-beginners-it" class="link--red" target="_blank">'Frontend for beginners' from Masters Academy in 2023.</a></p>
+    <p class="main__paragraf">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. </p>
+    <p class="main__paragraf">You can contact me via <a href="https://www.facebook.com/profile.php?id=100024573128932" class="link--red" target="_blank">facebook</a> and/or check out my GitHub.</p>
+  </main>
+</body>
+</html>
diff --git a/homeworks/andrii.morozov_AndriiMorozov88/GamesProject/styles.css b/homeworks/andrii.morozov_AndriiMorozov88/GamesProject/styles.css
@@ -0,0 +1,25 @@
+* {
+  box-sizing: border-box;
+}
+
+.main {
+  width: 575px;
+  padding-left: 20px;
+  color: #221F1F;
+  line-height: 32px;
+}
+
+.main__heading--h1 {
+  font-size: 48px;
+  font-weight: 700;
+}
+
+.main__paragraf {
+  margin-bottom: 20px;
+  font-size: 22px;
+  font-weight: 400;
+}
+
+.link--red {
+  color: #EF4934;
+}