-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
174 lines (160 loc) · 9.49 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Резюме: Максим Калимуллин</title>
<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=Montserrat:wght@400;500;600&display=swap" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="./css/normalize.css">
<link rel="stylesheet" type="text/css" href="./css/style.min.css">
<script src="./js/main.bundle.js"></script>
</head>
<body>
<header class="header">
<div class="header__rightside">
<nav>
<ul class="nav_list visually-hidden">
<li class="visually-hidden"><a class="nav_list__item" href="#about">Обо мне</a></li>
<li class="visually-hidden"><a class="nav_list__item" href="#skills">Навыки</a></li>
<li class="visually-hidden"><a class="nav_list__item" href="#portfolio">Портфолио</a></li>
</ul>
</nav>
<img class="main_photo" src="img/main-photo-1x.jpg" alt="Фото профиля" srcset="img/main-photo-2x.jpg 2x">
</div>
<div class="header__leftside">
<h1 class="person_name">Максим<br>Калимуллин</h1>
<ul class="social_networks__list">
<li><a href="https://t.me/eldrssn" target="_blank" class="social_network__list__item">Telegram</a></li>
<li><a href=" https://github.com/eldrssn" target="_blank" class="social_network__list__item">Github</a></li>
<li><a href="mailto:maxkalimulin@gmail.com" target="_blank"
class="social_network__list__item visually-hidden">Mail</a></li>
</ul>
<a href="./files/kalimullin-maxim.pdf" download="" title="kalimullin-maxim.pdf">
<h3 class="button_CV">Загрузить CV</h3>
</a>
</div>
</header>
<main class="main">
<section id="about" class="section__wrap">
<h2 class="section__header">Обо мне</h2>
<div class="section__text">
<p>Привет! Меня зовут Максим, я начинающий веб-разработчик. </p>
<p>Изучаю направление фронтенд и хочу стать senior разработчиком в ближайшее время.</p>
<p>За последний год самостоятельно изучил HTML, CSS, JavaScript, React и Redux.
Понимаю принципы функционального программирования.
Знаю, что такое React-компоненты, могу применять React Хуки на практике,
работать с состоянием и пропсами. Понимаю принципы REST API.
Делаю кроссбраузерные и адаптивные сайты,
веб-приложения. Уделяю достаточное внимание семантике и доступности.
Нравится прописывать и продумывать логику работы сайта в браузере.
Понимаю, как устроен TypeScript и Node.JS.
</p>
<p>Бонусом прошел курсы у HTML академии
<a href="https://assets.htmlacademy.ru/certificates/intensive/179/1433369.pdf" target="_blank">
“Javascript - Профессиональная разработка веб-интерфейсов”</a>, где защитил проект на 100%</p>
<p>До этого долгое время работал в сфере продаж и сервиса, поэтому могу сказать,
что умею работать в команде, находить общий язык с людьми, быстро обучаться,
принимать серьезные решения и брать на себя ответственность.</p>
<p>Знаю английский на уверенном уровне: понимаю и могу объясниться.</p>
</div>
</section>
<section id="skills" class="section__wrap">
<h2 class="section__header">Навыки</h2>
<ul class="skills_list">
<li class="skills_list__item">HTML</li>
<li class="skills_list__item">CSS</li>
<li class="skills_list__item">Javascript</li>
<li class="skills_list__item">React</li>
<li class="skills_list__item">Redux</li>
<li class="skills_list__item">SCSS</li>
<li class="skills_list__item">Pug</li>
<li class="skills_list__item">Webpack</li>
<li class="skills_list__item skills_list__item--translucent">Typescript</li>
<li class="skills_list__item">Git</li>
<li class="skills_list__item">Gulp</li>
<li class="skills_list__item">БЭМ</li>
<li class="skills_list__item">AJAX</li>
<li class="skills_list__item">Figma</li>
<li class="skills_list__item">Adobe Photoshop</li>
</ul>
<p class="skills_list__caption">* полупрозрачным выделены
технологии, которые изучаю в данный момент
</p>
</section>
<section id="portfolio" class="section__wrap">
<h2 class="section__header">Портфолио</h2>
<article class="portfolio_item">
<a href="https://eldrssn.github.io/task-tracker-react/" target="_blank">
<img src="./img/my_tasktracker.jpg" alt="Фото таск-трекера" class="portfolio_item__picture">
<div class="portfolio_item__description portfolio_item__description--left">
<a href="https://eldrssn.github.io/task-tracker-react/" target="_blank">
<h3 class="portfolio__header">Таск трекер</h3>
</a>
<p class="section__text">Личный проект трекера задач, сделанный с использованием React + Redux,
вдохновленный trello.com</p>
<p class="section__text"><a href="https://eldrssn.github.io/task-tracker/build/index.html" target="_blank">
Этот же проект, сделанный на ванильном JS</a></p>
</p>
</div>
</article>
<article class="portfolio_item">
<a href="https://eldrssn.github.io/1433369-kekstagram-22/build/index.html" target="_blank">
<img src="./img/my_kekstogram.jpg" alt="Фото кекстаграма" class="portfolio_item__picture">
</a>
<div class="portfolio_item__description">
<a href="https://eldrssn.github.io/1433369-kekstagram-22/build/index.html" target="_blank">
<h3 class="portfolio__header">Кекстаграм</h3>
</a>
<p class="section__text">Учебный проект с интенсива HTML академии “Javascript. Профессиональная разработка
веб-интерфейсов”
</p>
</div>
</article>
<article class="portfolio_item">
<a href="https://eldrssn.github.io/promogroup/dist/index.html" target="_blank">
<img src="./img/promogroup.jpg" alt="Design promogroup" class="portfolio_item__picture">
</a>
<div class="portfolio_item__description portfolio_item__description--left">
<a href="https://eldrssn.github.io/promogroup/dist/index.html" target="_blank">
<h3 class="portfolio__header">Design promogroup</h3>
</a>
<p class="section__text">Личный проект многостраничного сайта дизайнерской компании</p>
</div>
</article>
<article class="portfolio_item">
<a href="https://eldrssn.github.io/keyboard/" target="_blank">
<img src="./img/my_keyboard.jpg" alt="Фото клавиатуры" class="portfolio_item__picture">
</a>
<div class="portfolio_item__description">
<a href="https://eldrssn.github.io/keyboard/" target="_blank">
<h3 class="portfolio__header">Виртуальная клавиатура</h3>
</a>
<p class="section__text">Простая виртуальная клавиатура, написанная на
ванильном JS</p>
</div>
</article>
</section>
<section class="section__wrap">
<img class="conclusion__picture" srcset="img/end-picture-2x.jpg 2x" src="img/end-picture-1x.jpg"
alt="изображение с растением">
<div class="conclusion">
<p class="section__text conclusion__text">Можете связаться со мной по любому удобному для вас каналу связи.
</br>
С радостью готов ответить на любые ваши вопросы, либо обсудить ваши предложения.
</p>
<ul class="contacts">
<li>Email</li>
<li><a href="mailto:maxkalimulin@gmail.com">maxkalimulin@gmail.com</a></li>
<li>Претендую на вакансию</li>
<li>Junior Frontend Developer</li>
<li>Телефон</li>
<li class=phone><a href="tel:+79992216489">+7 (999) 221-64-89</a></li>
</ul>
</div>
</main>
<footer class="footer">
<div>Максим Калимуллин • 2021</div>
</footer>
</body>
</html>