-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlinks.html
66 lines (54 loc) · 2.42 KB
/
links.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
<!doctype html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>ActiGuide — Типографика</title>
<link rel="stylesheet" href="out/style.min.css"/>
<script type="text/javascript" src="out/libs.min.js"></script>
<script type="text/javascript" src="out/app.min.js"></script>
</head>
<body>
<div class="wrapper">
<div class="m-box">
<div class="box">
<h1>Ссылки</h1>
</div>
</div>
<div class="m-box">
<div class="box">
<h3>Стили ссылок</h3>
<p class="text">
<a href="#">Основная</a>
<a class="link_secondary" href="#">Второстепенная</a>
<a class="link_positive" href="#">Положительная</a>
<a class="link_negative" href="#">Отрицательная</a>
</p>
<h3>Ссылки со стрелкой</h3>
<p class="text">
<a class="link_down" href="#">Вниз</a>
<a class="link_up" href="#">Вверх</a>
<a class="link_right" href="#">Направо</a>
</p>
<h3>Ссылки на файлы</h3>
<p class="text m-none">
<a style="margin-right: 0;" class="link_secondary" href="#">Ссылка на файл <span class="secondary">PDF</span></a>
/<span class="uper_text">
<a style="margin-right: 0;" class="link__xls secondary m-none" href="#">xls</a> /
<a class="link__ai secondary m-none" href="#">ai</a>
</span>
</p>
<p class="secondary">(в цвет формата красятся все ссылки, кроме первой)</p>
<h3>Ссылки влево вправо</h3>
<p class="text">
<a href="#" class="link_back">Назад</a>
<a href="#" class="link_next">Вперед</a>
</p>
<h3>Хлебные крошки</h3>
<div class="breadcrumbs">
<a href="#">Actiguide</a><span></span><a href="#">Элементы интерфейса</a>
</div>
</div>
</div>
</div>
</body>
</html>