-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
85 lines (81 loc) · 6.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Muahaha.io</title>
<link rel="stylesheet" href="styles.css">
<script type="text/javascript" async="" src="script.js"></script>
<link rel="icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<div id="app">
<div data-reactroot="" class="app">
<section class="main">
<header class="header"><h1 class="logo"><span class="developer">
Aleksandra Rodionova<span class="body"></span><span class="head"><span
class="glasses"></span></span></span><span class="laptop"><span class="god">God.</span><span
class="muahaha">muahaha</span></span></h1></header>
<div class="description">
<ul class="list">
<li class="item item-summary"><a onclick="showInfo()"><img src="images/i.svg" alt=""></a></li>
<li class="item item-experience"><a href="mailto:god.muahaha@gmail.com"><img src="images/gm.svg" alt="E-mail"></a></li>
<li class="item item-education"><a href="https://www.facebook.com/god.muahaha" target="_blank"><img src="images/fb.svg" alt="Facebook"></a></li>
<li class="item item-skills"><a href="https://vk.com/id489" target="_blank"><img src="images/vk.svg" alt="Vkontakte"></a></li>
<li class="item item-languages"><a href="https://www.instagram.com/god.muahaha/" target="_blank"><img src="images/ig.svg" alt="Instagram"></a></li>
</ul>
<article class="description-article" id="info">
<div class="summary wrap"><h2 class="title">Обо мне</h2>
<p>Зовут меня Александра.</p>
<p>Сейчас я более всего заинтересована в контактах, связанных со швейным производством и дизайном одежды, а также в проектах, где я могу быть иллюстратором.</p>
<p>Немного фактов обо мне:</p>
<ul class="summary--list">
<li>В IT я уже 7 лет, у меня солидное резюме и многие меня хотят как программиста. Но вообще-то я люблю верстать</li>
<li>Когда мне надоело быть программистом, я стала автомаляром, могу зашпатлевать, покрасить машину и сделать аэрографию. Продержалась год. В трудовой так и написано - автомаляр.</li>
<li>На другой работе я шила шляпы</li>
<li>Один мой бывший кот стал пиратом, а другой переехал жить в Швецию (что характерно, этот кот сам подобрал меня на улице и взял настойчивостью), сейчас у меня нет кота)</li>
<li>Пою я одна дома, моей основной репертуар: Призрак Оперы, Проклятый старый дом, Луч солнца золотого</li>
<li>Пару лет назад я сделала коллекцию одежды в стиле Casual Steampunk. Получилось круто!</li>
<li>В старшей школе я была готкой и написала два рассказа про смерть: в одном речь была о загробной жизни и он, смерть, был хипповатым и безответственным, а в другом я переписала всю "Ромео и Джульетту" со смертью в качестве дополнительного персонажа, который участвовал во всех сценах. Это все еще мой любимый персонаж) его идеальное воплощение у Терри Пратчетта</li>
<li>Моя мама всегда поддерживала меня во всех моим безумствах, когда я была трудным подростком, шила мне длинный кожаный плащ, когда это было нужно и помогала красить дома стены красно-салатовыми полосами. За что ей большое спасибо)</li>
<li>Несколько лет назад я спонтанно уехала в Таиланд, потом так же спонтанно переместилась на Бали и по приезду обнаружила, что с работы меня уже сократили, когда заплатят неизвестно, никого вокруг я не знаю и у меня есть 300 долларов) </li>
<li>Я до безумия верю в людей. Даже когда не верю и они думают, что не верю, я все равно считаю, что они еще способны меня удивить</li>
</ul>
</div>
<div class="button-wrap">
<button type="button" class="button-close" onclick="hideInfo()"><span class="button-text">Close</span></button>
</div>
</article>
</div>
</section>
</div>
</div>
</body>
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (d, w, c) {
(w[c] = w[c] || []).push(function() {
try {
w.yaCounter42487684 = new Ya.Metrika({
id:42487684,
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true
});
} catch(e) { }
});
var n = d.getElementsByTagName("script")[0],
s = d.createElement("script"),
f = function () { n.parentNode.insertBefore(s, n); };
s.type = "text/javascript";
s.async = true;
s.src = "https://mc.yandex.ru/metrika/watch.js";
if (w.opera == "[object Opera]") {
d.addEventListener("DOMContentLoaded", f, false);
} else { f(); }
})(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/42487684" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
</html>