DOCTYPE html html head title Испытание взломанный котопрофайл title me

 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
<!DOCTYPE html>
<html>
<head>
<title>Испытание: взломанный котопрофайл</title>
<meta charset="utf-8">
<style>
/* Будешь знать, как сувать лапы, куда не надо,
шерстяной неудачник! */
#info-title,
.profile .button{
background:#4DFE15;
}
.profile div.fact{
background:#FF00DC;
}
.profile .fact div{
color:#02F801;
}
.photo span{
margin:0;
height:20px;
text-align:right;
}
#miska{
margin-right:50px;
}
</style>
</head>
<body>
<div class="profile">
<div class="photo">
<img src="/assets/course66/cat_walk.png">
<span class="button stroke">Погладить</span>
<span class="button feed">Накормить</span>
<span class="button startle">Напугать</span>
</div>
<div class="info">
<h2 id="info-title">Общая информация</h2>
<div class="fact">
<div class="title">Имя</div>
<div class="value">Феликс</div>
</div>
<div class="fact">
<div class="title">Позывные</div>
<div class="value">Кто в тапки нассал?</div>
</div>
<div class="fact">
<div class="title">Вероисповедание</div>
<div class="value">Верю в холодильник</div>
</div>
<div class="fact">
<div class="title">Политические</div>
<div class="value">Продам все за еду</div>
</div>
<h2 style="margin-top:-50px;padding:0;">Альбомы</h2>
<div class="albums">
<img src="/assets/course66/cat_drink.png">
<img id="miska" src="/assets/course66/cat_hungry.png">
<img src="/assets/course66/cat_sing.png">
<img src="/assets/course66/cat_pirate.png">
</div>
</div>
</div>
</body>
</html>