-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
80 lines (73 loc) · 2.97 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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Модуль 10</title>
<link rel="stylesheet" href="bootstrap.min.css">
<script src="main.js" defer></script>
</head>
<style>
.hide {
display: none;
}
.title {
margin: 0 auto;
}
.textblock {
width: 100%;
margin: 0 auto;
outline: none;
}
p {
margin: 0;
}
.history p:hover {
cursor: pointer;
}
</style>
<body>
<div class="container">
<div class="row">
<div class="col-12">
<div class="title text-center">
<h2>
Редактирование текста
</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-7">
<div class="textblock">
<p>
Каждый идет своим путем. Но все дороги всё равно идут в никуда. Значит, весь смысл в самой дороге, как по
ней идти… Если идешь с удовольствием, значит, это твоя дорога. Если тебе плохо – в любой момент можешь сойти
с нее, как бы далеко ни зашел. И это будет правильно.
</p>
<br>
<p>
– Ты слишком серьезно себя принимаешь, – сказал он медленно. – ты слишком чертовски важен в своих
собственных глазах. Это должно быть изменено! Ты так чертовски важен, что ты чувствуешь себя вправе
раздражаться всем. Ты так чертовски важен, что ты можешь себе позволить уйти, если вещи не складываются так,
как тебе бы хотелось. Я полагаю, ты думаешь, все это показывает, что ты имеешь характер. Это чепуха! Ты слаб
и мнителен! Я попытался изобразить протест, но он не поддался. Он указал, что за всю мою жизнь я никогда
ничего не закончил из-за чувства неуместной важности, которую я связал с самим собой.
</p>
</div>
</div>
<div class="col-5">
<div class="history">
<p>Вернуться к исходному тексту</p>
</div>
</div>
</div>
<div class="row">
<div class="col-7 offset-5">
<button class="cancel hide btn btn-primary">Отмена</button>
<button class="save hide btn btn-primary">Сохранить</button>
<button class="edit btn btn-primary">Изменить</button>
</div>
</div>
</div>
</body>
</html>