-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
87 lines (82 loc) · 6.09 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
86
87
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
body {
font-family: sans-serif;
width: 1116px;
text-align: center;
margin: 0 auto;
}
.icon-brick {
text-align: left;
width: 350px;
padding: 20px;
margin: 15px;
border-radius: 5px;
max-width: 100%;
background: #F2F2F2;
overflow: auto;
display: inline-block
}
.icon-brick label,
.icon-brick svg {
display: inline-block;
vertical-align: middle
}
.icon-brick label {
font-size: 16px;
color: #220A41;
font-weight: 500;
margin-left: 10px;
margin-top: 2px
}
</style>
</head>
<body>
<div class="icon-brick"><i data-icon='yf-facebook'></i><label><i data-icon='yf-facebook'></i></label></div>
<div class="icon-brick"><i data-icon='yf-twitter'></i><label><i data-icon='yf-twitter'></i></label></div>
<div class="icon-brick"><i data-icon='yf-facebook-f'></i><label><i data-icon='yf-facebook-f'></i></label></div>
<div class="icon-brick"><i data-icon='yf-facebook-messenger'></i><label><i data-icon='yf-facebook-messenger'></i></label></div>
<div class="icon-brick"><i data-icon='yf-facebook-square'></i><label><i data-icon='yf-facebook-square'></i></label></div>
<div class="icon-brick"><i data-icon='yf-twitter-square'></i><label><i data-icon='yf-twitter-square'></i></label></div>
<div class="icon-brick"><i data-icon='yf-youtube'></i><label><i data-icon='yf-youtube'></i></label></div>
<div class="icon-brick"><i data-icon='yf-skype'></i><label><i data-icon='yf-skype'></i></label></div>
<div class="icon-brick"><i data-icon='yf-stumbleupon-circle'></i><label><i data-icon='yf-stumbleupon-circle'></i></label></div>
<div class="icon-brick"><i data-icon='yf-stumbleupon'></i><label><i data-icon='yf-stumbleupon'></i></label></div>
<div class="icon-brick"><i data-icon='yf-tumblr-square'></i><label><i data-icon='yf-tumblr-square'></i></label></div>
<div class="icon-brick"><i data-icon='yf-tumblr'></i><label><i data-icon='yf-tumblr'></i></label></div>
<div class="icon-brick"><i data-icon='yf-vk'></i><label><i data-icon='yf-vk'></i></label></div>
<div class="icon-brick"><i data-icon='yf-stack-exchange'></i><label><i data-icon='yf-stack-exchange'></i></label></div>
<div class="icon-brick"><i data-icon='yf-stack-overflow'></i><label><i data-icon='yf-stack-overflow'></i></label></div>
<div class="icon-brick"><i data-icon='yf-github-alt'></i><label><i data-icon='yf-github-alt'></i></label></div>
<div class="icon-brick"><i data-icon='yf-github-square'></i><label><i data-icon='yf-github-square'></i></label></div>
<div class="icon-brick"><i data-icon='yf-github'></i><label><i data-icon='yf-github'></i></label></div>
<div class="icon-brick"><i data-icon='yf-linkedin-in'></i><label><i data-icon='yf-linkedin-in'></i></label></div>
<div class="icon-brick"><i data-icon='yf-linkedin'></i><label><i data-icon='yf-linkedin'></i></label></div>
<div class="icon-brick"><i data-icon='yf-dribbble'></i><label><i data-icon='yf-dribbble'></i></label></div>
<div class="icon-brick"><i data-icon='yf-soundcloud'></i><label><i data-icon='yf-soundcloud'></i></label></div>
<div class="icon-brick"><i data-icon='yf-behance-square'></i><label><i data-icon='yf-behance-square'></i></label></div>
<div class="icon-brick"><i data-icon='yf-behance'></i><label><i data-icon='yf-behance'></i></label></div>
<div class="icon-brick"><i data-icon='yf-digg'></i><label><i data-icon='yf-digg'></i></label></div>
<div class="icon-brick"><i data-icon='yf-instagram'></i><label><i data-icon='yf-instagram'></i></label></div>
<div class="icon-brick"><i data-icon='yf-pinterest-p'></i><label><i data-icon='yf-pinterest-p'></i></label></div>
<div class="icon-brick"><i data-icon='yf-pinterest-square'></i><label><i data-icon='yf-pinterest-square'></i></label></div>
<div class="icon-brick"><i data-icon='yf-pinterest'></i><label><i data-icon='yf-pinterest'></i></label></div>
<div class="icon-brick"><i data-icon='yf-twitch'></i><label><i data-icon='yf-twitch'></i></label></div>
<div class="icon-brick"><i data-icon='yf-codepen'></i><label><i data-icon='yf-codepen'></i></label></div>
<div class="icon-brick"><i data-icon='yf-reddit-alien'></i><label><i data-icon='yf-reddit-alien'></i></label></div>
<div class="icon-brick"><i data-icon='yf-reddit-square'></i><label><i data-icon='yf-reddit-square'></i></label></div>
<div class="icon-brick"><i data-icon='yf-reddit'></i><label><i data-icon='yf-reddit'></i></label></div>
<div class="icon-brick"><i data-icon='yf-whatsapp-square'></i><label><i data-icon='yf-whatsapp-square'></i></label></div>
<div class="icon-brick"><i data-icon='yf-whatsapp'></i><label><i data-icon='yf-whatsapp'></i></label></div>
<div class="icon-brick"><i data-icon='yf-snapchat-ghost'></i><label><i data-icon='yf-snapchat-ghost'></i></label></div>
<div class="icon-brick"><i data-icon='yf-snapchat-square'></i><label><i data-icon='yf-snapchat-square'></i></label></div>
<div class="icon-brick"><i data-icon='yf-snapchat'></i><label><i data-icon='yf-snapchat'></i></label></div>
<script src="yuger.js"></script>
</body>
</html>