Skip to content

Commit 87f542c

Browse files
XelerBXelerB
authored
Add files via upload
1 parent ab87694 commit 87f542c

File tree

1 file changed

+102
-0
lines changed

1 file changed

+102
-0
lines changed

‎index.html‎

Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8" />
5+
<title>Website business card</title>
6+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2, minimum-scale=0.5, user-scalable=yes">
7+
<link rel="stylesheet" href="style.css">
8+
</head>
9+
<body>
10+
<header>
11+
<h1>Roman Moreno Kichigin</h1>
12+
<h3>Front-end developer</h3>
13+
<nav>
14+
<ul>
15+
<li><a href="#about-me">About me</a></li>
16+
<li><a href="#skills">Skills</a></li>
17+
<li><a href="#portfolio">Portfolio</a></li>
18+
<li><a href="#contact">Contact</a></li>
19+
</ul>
20+
</nav>
21+
</header>
22+
<main>
23+
<section id="about-me">
24+
<h3>About me</h3>
25+
<div class="about-content">
26+
<div class="about-text">
27+
<p>Hi! My name is Roman. I am a frontend developer specializing in modern JavaScript.</p>
28+
<p>It all started in childhood with helping loved ones master new technologies. That's when I came to the realization that I could be much more than just a little helper. Since I was 14, I have been learning programming, constantly improving my skills, and striving to bring even more benefit to others in the IT field.</p>
29+
<p>I especially enjoy showing people that creating something new and striving for a better version of yourself is not difficult. The main thing is the desire to improve and regularly make an effort.</p>
30+
<p>At work, I use JavaScript (ES6+) and React to create interfaces. For styling, I prefer CSS-in-JS (for example, Styled Components). I am currently studying project build with Webpack and Vite in depth.</p>
31+
<p>In my free time, I play creative video games and AAA projects to develop creativity, and I also play sports to maintain high mental and physical activity.</p>
32+
</div>
33+
<div class="about-photo">
34+
<img src="DSC08491s.jpg" alt="Roman Moreno Kichigin - Frontend Developer">
35+
</div>
36+
</div>
37+
</section>
38+
<section id="skills">
39+
<h3>Skills and programming knowledge</h3>
40+
<div class="skills-container">
41+
<div class="skill">
42+
<div class="skill-info">
43+
<span class="skill-name">HTML</span>
44+
<span class="skill-percent">100%</span>
45+
</div>
46+
<div class="skill-bar">
47+
<div class="skill-progress" data-width="100" style="width: 100%"></div>
48+
</div>
49+
</div>
50+
51+
<div class="skill">
52+
<div class="skill-info">
53+
<span class="skill-name">CSS</span>
54+
<span class="skill-percent">65%</span>
55+
</div>
56+
<div class="skill-bar">
57+
<div class="skill-progress" data-width="65" style="width: 65%"></div>
58+
</div>
59+
</div>
60+
61+
<div class="skill">
62+
<div class="skill-info">
63+
<span class="skill-name">JavaScript</span>
64+
<span class="skill-percent">30%</span>
65+
</div>
66+
<div class="skill-bar">
67+
<div class="skill-progress" data-width="30" style="width: 30%"></div>
68+
</div>
69+
</div>
70+
</div>
71+
</section>
72+
<section id="portfolio">
73+
<h3>Portfolio</h3>
74+
<ul>
75+
<li><a href="https://xelerb.github.io/jobtex/es/">Project 1, jobtex</a></li>
76+
</ul>
77+
</section>
78+
<section id="contact">
79+
<h3>Contact</h3>
80+
<div class="contact-content">
81+
<p>
82+
<a href="mailto:[email protected]">
83+
<svg class="icon" viewBox="0 0 24 24">
84+
<path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z"/>
85+
</svg>
86+
[email protected]
87+
</a>
88+
</p>
89+
<p>
90+
<a href="https://github.com/xelerb" target="_blank" rel="noopener">
91+
<svg class="icon" viewBox="0 0 24 24">
92+
<path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/>
93+
</svg>
94+
My GitHub
95+
</a>
96+
</p>
97+
</div>
98+
</section>
99+
</main>
100+
101+
</body>
102+
</html>

0 commit comments

Comments
 (0)