Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
136 lines (111 loc) · 9.56 KB
/
Copy pathindex.html
File metadata and controls
136 lines (111 loc) · 9.56 KB
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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang='en'>
<head>
<meta name='viewport' content='width=device-width'>
<title>Шрифты</title>
<script defer src='js/script.js'></script>
<script defer src="js/fonts.js"></script>
<link rel='stylesheet' href='css/style.css'>
</head>
<body>
<div id='d'>
<div id='fonts-top' style='position:unset;'>
<span >
<span style='font-weight: 900;'>DEFAULT</span><span>FONTS</span>
<a>ШРИФТЫ</a> <a href='letters.html' id='black-link'>БУКВЫ</a>
</span>
</div>
<div id='lettersHeader' style='padding-top:0;'>
<img src="img/5-fonts.svg" alt="" width="97%">
</div>
<div id='container'>
<!-- ПУСТОЙ ДИВ ОТСТУП -->
<div style="height:5vh;"></div>
<div class='fontTitle'>
<div >
<div>
<a href='blend.html' style="text-decoration-line: none;">
<span class='fontZag'>
Смешанный→<br>
<span id='color1' title='Первый цвет'>●</span>
<span id='color2' title='Второй цвет'>●</span>
</span>
</a>
</div>
</div>
<svg height="40%" viewBox="0 0 720 230">
<g id='g1' fill='#F6898E'>
<path d="M58.7129 213.033L48.4787 220.843C57.6356 220.843 66.2539 217.881 74.3335 214.649L78.3733 213.033H58.7129ZM19.9307 213.033H9.42719V220.843L19.9307 213.033ZM58.7129 15.3513L48.4787 23.1616C71.1017 25.5855 89.1462 45.7845 89.1462 70.2927C89.1462 82.4122 84.837 93.7237 77.296 102.073C87.5302 93.4543 99.6497 77.2951 99.6497 62.4824C99.6497 38.2435 81.3359 18.0445 58.7129 15.3513ZM46.5935 118.501C46.5935 118.501 58.4436 118.501 67.6005 122.272C86.7223 130.351 100.458 148.665 100.458 170.749C100.458 186.37 93.7246 200.105 82.9518 209.801C96.4178 200.375 110.423 180.984 110.423 163.208C110.423 141.124 96.6871 122.541 77.5654 114.731C73.5255 113.115 69.2164 112.307 65.7152 111.768C61.6754 110.96 56.8277 110.96 56.8277 110.96L46.5935 118.501Z"/>
<path d="M166.258 213.033H228.202V220.574H258.635V23.7002H244.9V15.8899H166.258L156.024 23.7002V220.574L166.258 213.033Z"/>
<path d="M313.089 15.6206L302.316 23.1616H274.845V220.843H302.316L313.089 213.033H391.73V183.946H328.17L338.674 176.136H402.234V119.848L391.73 127.658V100.726H328.17L338.674 92.9157H402.234V36.3583L391.73 44.1686V15.6206H313.089Z"/>
<path d="M547.722 221.382L559.033 230V25.3162L547.722 16.9672H460.462L437.569 0V204.684L448.881 213.033V46.5925H460.462L515.942 213.033L527.253 221.382H547.722Z"/>
<path d="M602.819 16.4286L592.046 24.5082C592.046 24.5082 617.901 27.2014 629.482 31.7799C667.187 46.8618 693.849 83.7588 693.849 126.581C693.849 157.014 680.383 184.485 659.376 203.068C685.77 184.754 704.083 153.513 704.083 118.77C704.083 75.6792 677.421 39.0515 639.716 23.9696C628.135 19.3911 602.819 16.4286 602.819 16.4286ZM640.524 213.302H602.819L592.046 221.112H601.472C614.4 221.112 627.058 218.689 638.369 214.11L640.524 213.302Z"/>
</g>
<g style="mix-blend-mode:multiply" id='g2' fill="#117DF0">
<path d="M58.7119 15.3513L48.4778 23.1616H19.9297V15.3513H0V213.033H9.42623V220.843H49.8244C57.904 220.843 71.37 216.265 78.3724 213.033H126.042V15.3513H58.7119Z"/>
<path d="M156.023 23.7002H142.557V220.574H156.023L166.257 213.033V15.8899L156.023 23.7002ZM228.201 213.033V220.574L238.435 213.033H228.201Z"/>
<path d="M302.315 23.1616V220.843L313.088 213.033V15.6206L302.315 23.1616ZM328.17 44.1686V100.726L338.673 92.9157V44.1686H328.17ZM328.17 127.658V183.946L338.673 176.136V127.658H328.17Z"/>
<path d="M547.99 221.382L559.302 230H575.73V25.3162H559.302L547.99 16.9672V221.382ZM418.447 0V204.684H437.838L449.149 213.033H516.21L527.522 221.382L472.042 54.9415L460.73 46.5925V16.9672L437.838 0H418.447Z"/>
<path d="M717.549 16.4286H602.279L591.506 24.2389V221.112H600.933C613.86 221.112 626.518 218.419 637.83 213.841L639.984 213.033H717.549V16.4286Z"/>
</g>
</svg>
</div>
<div class='fontTitle'>
<div style='height:auto;position: relative;'>
<p style='position:absolute; margin:0; top:2vw; font-size:5em;font-weight: 900;color:black;'>Фирменный→</p>
<a href='firm.html'>
<video id='firmVideo' src='img/firmFeatureVideo.mp4' width='100%' autoplay loop muted></video>
</a>
</div>
</div>
</div>
</div>
<div id='mob'>
<div id='fonts-top'>
<span>
<span style='font-weight: 900;'>DEFAULT</span><span>FONTS</span>
<a>ШРИФТЫ</a> <a href='letters.html'>БУКВЫ</a>
</span>
</div>
<div id='lettersHeader'>
<img src="img/5-fonts.svg" alt="" width="100%">
</div>
<div class='mContainer'>
<div class='mfontTitle'>
<span class='mfontZag'>
<a href='blend.html' style='text-decoration-line: none;'>Смешанный→<br></a>
<span id='mcolor1' title='Первый цвет'>●</span><span id='mcolor2' title='Второй цвет'>●</span>
</span>
<div>
<a href='blend.html'>
<svg height="100%" viewBox="0 0 720 230" width='100%'>
<g id='mg1' fill='#2DFEA6'>
<path d="M58.7129 213.033L48.4787 220.843C57.6356 220.843 66.2539 217.881 74.3335 214.649L78.3733 213.033H58.7129ZM19.9307 213.033H9.42719V220.843L19.9307 213.033ZM58.7129 15.3513L48.4787 23.1616C71.1017 25.5855 89.1462 45.7845 89.1462 70.2927C89.1462 82.4122 84.837 93.7237 77.296 102.073C87.5302 93.4543 99.6497 77.2951 99.6497 62.4824C99.6497 38.2435 81.3359 18.0445 58.7129 15.3513ZM46.5935 118.501C46.5935 118.501 58.4436 118.501 67.6005 122.272C86.7223 130.351 100.458 148.665 100.458 170.749C100.458 186.37 93.7246 200.105 82.9518 209.801C96.4178 200.375 110.423 180.984 110.423 163.208C110.423 141.124 96.6871 122.541 77.5654 114.731C73.5255 113.115 69.2164 112.307 65.7152 111.768C61.6754 110.96 56.8277 110.96 56.8277 110.96L46.5935 118.501Z"/>
<path d="M166.258 213.033H228.202V220.574H258.635V23.7002H244.9V15.8899H166.258L156.024 23.7002V220.574L166.258 213.033Z"/>
<path d="M313.089 15.6206L302.316 23.1616H274.845V220.843H302.316L313.089 213.033H391.73V183.946H328.17L338.674 176.136H402.234V119.848L391.73 127.658V100.726H328.17L338.674 92.9157H402.234V36.3583L391.73 44.1686V15.6206H313.089Z"/>
<path d="M547.722 221.382L559.033 230V25.3162L547.722 16.9672H460.462L437.569 0V204.684L448.881 213.033V46.5925H460.462L515.942 213.033L527.253 221.382H547.722Z"/>
<path d="M602.819 16.4286L592.046 24.5082C592.046 24.5082 617.901 27.2014 629.482 31.7799C667.187 46.8618 693.849 83.7588 693.849 126.581C693.849 157.014 680.383 184.485 659.376 203.068C685.77 184.754 704.083 153.513 704.083 118.77C704.083 75.6792 677.421 39.0515 639.716 23.9696C628.135 19.3911 602.819 16.4286 602.819 16.4286ZM640.524 213.302H602.819L592.046 221.112H601.472C614.4 221.112 627.058 218.689 638.369 214.11L640.524 213.302Z"/>
</g>
<g style="mix-blend-mode:multiply" id='mg2' fill="#FF156E">
<path d="M58.7119 15.3513L48.4778 23.1616H19.9297V15.3513H0V213.033H9.42623V220.843H49.8244C57.904 220.843 71.37 216.265 78.3724 213.033H126.042V15.3513H58.7119Z"/>
<path d="M156.023 23.7002H142.557V220.574H156.023L166.257 213.033V15.8899L156.023 23.7002ZM228.201 213.033V220.574L238.435 213.033H228.201Z"/>
<path d="M302.315 23.1616V220.843L313.088 213.033V15.6206L302.315 23.1616ZM328.17 44.1686V100.726L338.673 92.9157V44.1686H328.17ZM328.17 127.658V183.946L338.673 176.136V127.658H328.17Z"/>
<path d="M547.99 221.382L559.302 230H575.73V25.3162H559.302L547.99 16.9672V221.382ZM418.447 0V204.684H437.838L449.149 213.033H516.21L527.522 221.382L472.042 54.9415L460.73 46.5925V16.9672L437.838 0H418.447Z"/>
<path d="M717.549 16.4286H602.279L591.506 24.2389V221.112H600.933C613.86 221.112 626.518 218.419 637.83 213.841L639.984 213.033H717.549V16.4286Z"/>
</g>
</svg>
</a>
</div>
</div>
<div class='mfontTitle'>
<div style='height:auto;position: relative;'>
<span class='mfontZag'>Фирменный→</span>
<a href='firm.html'>
<video id='firmVideo' src='img/firmFeatureVideo.mp4' width='100%' autoplay loop muted></video>
</a>
</div>
</div>
</div>
</div>
</body>
</html>