Antongron · Antongron · Sep 18, 2020 · Sep 18, 2020 · Sep 18, 2020 · Sep 18, 2020
diff --git a/README.md b/README.md
@@ -1,2 +1,2 @@
 
-https://Antongron.github.io/rsschool-cv/cv
+https://Antongron.github.io/rsschool-cv/
diff --git a/cv.md b/cv.md
@@ -0,0 +1,23 @@
+1.   Malkin Anton
+
+2.   My contacts: 
+- discord: Antongron#5216;
+- Email: 14gron@gmail.com;
+- mobile: +7(951)551-31-10.
+3.   My main purposes:
+- to work in a interesting company as a web-developer;
+- become an excellent and useful developer;
+- to work in proect on React, Angular.
+4.   Hard skills:
+- basic HTML;
+- basic CSS;
+- basic JavaScript.
+5.   Code example:
+
+6.   My work experience:
+- Now empty, but i'm sure so here will be somthing interesting soon :)
+
+7.   Work experiense:
+- Apply on RSSchool course.
+8.   English level A2+.
+
diff --git a/index.html b/index.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link rel="stylesheet" href="style.css">
+	<link href="https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@300&display=swap" rel="stylesheet">
+	<title>CV: Front-end Malkin Anton</title>
+	<base target="_blank">
+</head>
+
+<body>
+
+	<div class="wrapper">
+		<header>
+			<nav>
+				<ul class="nav-bar">
+					<li class="nav-item"><a href="#info" target="_self">Info</a></li>
+					<li class="nav-item"><a href="#portfolio" target="_self">Priorities</a></li>
+					<li class="nav-item"><a href="#skills" target="_self">Skills</a></li>
+					<li class="nav-item"><a href="#portfolio" target="_self">Portfolio</a></li>
+					<li class="nav-item"><a href="#portfolio" target="_self">English</a></li>
+					<li class="nav-item"><a href="#portfolio" target="_self">Code example</a></li>
+					<li class="nav-item"><a href="#contacts" target="_self">Contacts</a></li>
+				</ul>
+			</nav>
+			<div class="header-item">
+				<div>
+					<img class="table-elements" src="./src/avatar 200.jpg" alt="my photo">
+				</div>
+				<div class="header-text">
+					<h1>Hello!</h1>
+					<p>My fullname is Malkin Anton. I'm beginner Fron-end Developer. Nice to met you!</p>
+				</div>
+			</div>
+		</header>
+
+		<br>
+		<br>
+		<hr>
+
+
+		<main>
+			<h2 class="about-title" id="info">About me:</h2>
+			<p>
+				Been born in 1996.
+				<br>
+				<br>
+				I have unfinished technical education (studied at VSU, Physycs Faculty).
+				<br>
+				<br>
+				Previously didn't work in the IT and looking for an internship.
+				<br>
+				<br>
+				Practiced in local company as trasinee frontend-developer for one month and made small studying project.
+				Junior web-developer, i'm ready to work remote.
+			</p>
+			<h2 id="skills">My skills:</h2>
+			<ul>
+				<li class="skills-item">Redux</li>
+				<li class="skills-item">React.js</li>
+				<li class="skills-item">TypeScript</li>
+				<li class="skills-item">Middle HTML</li>
+				<li class="skills-item">Middle CSS</li>
+				<li class="skills-item">Middle JavaScript</li>
+				<li class="skills-item">English Intermediate</li>
+			</ul>
+			<h3 id="portfolio">My projects:</h3>
+			<ul class="projects">
+				<li class="projects-item">
+					<a href="https://antongron.github.io/Momentum/">Momentum</a>
+				</li>
+				<li class="projects-item">
+					<a href="https://antongron.github.io/Virtual-Keyboard/">Virtual-Keyboard</a>
+				</li>
+				<li class="projects-item">
+					<a href="https://Antongron.github.io/Vanilla-JavaScript-Calculator/">Vanilla JS calculator</a>
+				</li>
+			</ul>
+		</main>
+
+		<footer>
+			<h2 id="contacts">Contacts:</h2>
+			<span width="300px">
+				<ul class="contacts">
+					<li class="footer-item"><a alt="telegram" href="https://t.me/AntonMjunior">
+							<img src="./src/telegram.png" alt="telegram" width="33px">t.me/AntonMjunior
+						</a></li>
+					<li class="footer-item"><a href="mailto:14gron@gmail.com" Email>
+							<img alt="gmail" src="./src/gmail.png" title="14gron@gmail.com" width="33px"> 14gron@gmail.com
+						</a></li>
+					<li class="footer-item">
+						<a href="tel:+7(930)401-79-00">
+							<img alt="telephone" title="+7(930)41-79-00" src="./src/call.png" width="33px">+7(930)401-79-00
+						</a>
+					</li>
+				</ul>
+			</span>
+
+			<div>
+				Icons made by <a href="https://www.flaticon.com/authors/pixel-perfect" title="Pixel perfect">Pixel
+					perfect</a>
+				from <a href="https://www.flaticon.com/" title="Flaticon"> www.flaticon.com</a>
+			</div>
+		</footer>
+	</div>
+
+</body>
+
+</html>
diff --git a/src/avatar 200.jpg b/src/avatar 200.jpg
diff --git a/src/call.png b/src/call.png
diff --git a/src/gmail.png b/src/gmail.png
diff --git a/src/telegram.png b/src/telegram.png
diff --git a/style.css b/style.css
@@ -0,0 +1,101 @@
+* {
+	margin: 0;
+	padding: 0;
+	font-family: "Kumbh Sans", sans-serif;
+}
+
+p,
+.projects-items,
+.skills-item {
+	font-size: 48px;
+}
+
+a {
+	color: #6e6464;
+	text-decoration: none;
+}
+
+h1 {
+	font-size: 120px;
+	text-align: left;
+}
+
+li {
+	max-width: fit-content;
+}
+
+h2,
+h3 {
+	font-size: 56px;
+	text-align: center;
+	margin: 56px 0;
+	font-weight: bolder !important;
+
+	/* text-shadow: black 1px 1px 10px; */
+}
+
+.wrapper {
+	max-width: 1440px;
+	margin: 10px auto;
+	padding: 0 20px;
+	display: flex;
+	flex-direction: column;
+}
+
+.nav-bar {
+	display: flex;
+	list-style: none;
+	justify-content: space-between;
+	margin: 20px auto 40px auto;
+}
+
+.projects-item,
+.skills-item {
+	margin-left: 50px;
+}
+.nav-item,
+.projects-item {
+	position: relative;
+	font-size: 36px;
+	border: white 2px solid;
+	padding: 0px 10px;
+}
+
+.nav-item::after,
+.footer-item::after,
+.projects-item::after {
+	content: "";
+	position: absolute;
+	background-color: black;
+	height: 3px;
+	width: 0;
+	left: 0;
+	bottom: 0;
+	transition: 0.3s;
+}
+
+.nav-item:hover::after,
+.footer-item:hover::after,
+.projects-item:hover::after {
+	width: 100%;
+}
+
+.nav-item:hover {
+	color: rgba(0, 0, 0, 0.7);
+}
+
+.header-item {
+	display: flex;
+}
+
+.header-text {
+	margin-left: 13vw;
+}
+
+.footer-item {
+	position: relative;
+	font-size: 26px;
+	border: white 2px solid;
+	padding: 0px 10px;
+	margin-left: 40px;
+}
Original file line number	Diff line number	Diff line change
		@@ -1,2 +1,2 @@

		https://Antongron.github.io/rsschool-cv/cv
		https://Antongron.github.io/rsschool-cv/