-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
76 lines (74 loc) · 7.27 KB
/
about.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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Front-end development.">
<meta name="keywords" content="HTML, CSS, JavaScript, SVG, flexbox, front-end, development, web, adaptive, flexbox, разработка, веб, создание сайтов, семантика, адаптивность, доступность">
<title>Обо мне</title>
<link rel="stylesheet" href="css/style.min.css">
<link rel="shortcut icon" href="favicon.ico">
</head>
<body class="page">
<header class="page-header">
<div class="logo page-header__logo"><a href="index.html">DDyst</a></div>
<nav class="main-nav">
<ul class="main-nav__list">
<li class="main-nav__item"><a class="main-nav__link main-nav__link--current">Обо мне</a></li>
<li class="main-nav__item"><a class="main-nav__link" href="portfolio.html">Портфолио</a></li>
</ul>
</nav>
</header>
<main class="main-content">
<div class="info">
<div class="info__img-container">
<img src="img/photo@1x.jpg" srcset="img/photo@2x.jpg 2x" alt="My photo" width="240" height="320">
</div>
<div class="info__desc">
<h2 class="info__caption">Кто я</h2>
<p class="info__text">Меня зовут Кирилл, я занимаюсь веб-разработкой и развиваюсь в области фронтенда. Окончил продвинутые HTML/CSS & JS интенсивы на <a class="info__link" href="https://htmlacademy.ru/" target="_blank">HTML Academy</a>, успешно защитив выпускные проекты по всем критериям. Я нахожусь в непрерывном развитии и стремлюсь к тому, чтобы любой проект, в числе разработчиков которого будет значиться моё имя, неизменно ассоциировался с высочайшим уровнем качества.</p>
<h2 class="info__caption">Что знаю и умею</h2>
<ul class="info__list">
<li class="info__list-item">HTML, CSS</li>
<li class="info__list-item">Семантика, адаптивность, кроссбраузерность, доступность</li>
<li class="info__list-item">Git, работа с консолью</li>
<li class="info__list-item">JS на уровне реализации базовой интерактивности</li>
<li class="info__list-item">CSS-препроцессоры (использую Sass)</li>
<li class="info__list-item">Средства автоматизации (использую Gulp)</li>
<li class="info__list-item">БЭМ как методология</li>
<li class="info__list-item">Adobe Photoshop на уровне, достаточном для верстки макетов</li>
<li class="info__list-item">Ретинизация</li>
<li class="info__list-item">SVG</li>
</ul>
<!-- <h2 class="info__caption">Чем на данный момент не занимаюсь</h2>
<ul class="info__list">
<li class="info__list-item">Бэкенд и всё, что с ним связано</li>
<li class="info__list-item">CMS, не работаю с ними вообще и не натягиваю на них шаблоны, но учитываю их дальнейшее использование при стилизации контента, который будет затем добавляться через них на страницу</li>
</ul> -->
<h2 class="info__caption">Возможные варианты сотрудничества</h2>
<ul class="info__list">
<li class="info__list-item">У Вас уже есть подготовленный дизайнером макет, по которому и нужно что-то сверстать, в комплекте с ТЗ — идеальный вариант</li>
<li class="info__list-item">У Вас нет готового макета, но Вы чётко понимаете, что хотите получить (например, сайт-визитку для себя или своей фирмы) и как это должно выглядеть ("хочу как вооон на том сайте") — почему бы и нет</li>
<li class="info__list-item">Вы занимаетесь благим делом, не связанным с получением прибыли, и нуждаетесь в помощи с созданием сайта для своей инициативы, но не имеете возможности оплатить работу — готов рассмотреть и такие варианты</li>
<li class="info__list-item">Вы хотите нанять меня на работу и готовы предложить условия, удовлетворяющие материальные потребности и способствующие профессиональному росту, — внимательно рассмотрю все предложения</li>
<li class="info__list-item">Любое другое интересное предложение — всегда рад возможности прокачать свои навыки и пополнить портфолио</li>
</ul>
<h2 class="info__caption">Что дальше</h2>
<p class="info__text">Проще всего связаться со мной, написав по адресу электронной почты, указанному внизу. Далее мы сможем обсудить детали, обменяться контактами и продолжить общение там, где это будет удобнее (Skype, VK, Telegram). Посмотреть примеры готовых проектов можно на <a class="info__link" href="portfolio.html">соответствующей странице</a>.</p>
</div>
</div>
</main>
<footer class="page-footer">
<div class="contacts page-footer__contacts">
<a class="contacts__link" href="mailto:embrace-eternity@mail.ru">embrace-eternity@mail.ru</a>
</div>
<div class="socials">
<a class="social-btn social-btn--github socials__btn" href="https://github.com/DDyst" target="_blank" data-title="GitHub"><span class="visually-hidden">GitHub</span></a>
<a class="social-btn social-btn--academy socials__btn" href="https://htmlacademy.ru/profile/ddyst" target="_blank" data-title="HTML Academy"><span class="visually-hidden">HTML Academy</span></a>
<a class="social-btn social-btn--codewars socials__btn" href="https://www.codewars.com/users/DDyst" target="_blank" data-title="Codewars"><span class="visually-hidden">Codewars</span></a>
<img src="img/icon-github-hover.svg" class="visually-hidden">
<img src="img/icon-codewars-hover.svg" class="visually-hidden">
</div>
</footer>
</body>
</html>