-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
162 lines (141 loc) · 9.88 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
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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./style.css">
<title>Document</title>
</head>
<body>
<main>
<!-- (.box_link>a[href="#" class="link_$"]>span{link text $})*10 -->
<div class="box_link"><a href="#" class="link_1"><span>link text 1</span></a></div>
<div class="box_link"><a href="#" class="link_2"><span>link text 2</span></a></div>
<div class="box_link"><a href="#" class="link_3"><span>link text 3</span></a></div>
<div class="box_link"><a href="#" class="link_4"><span>link text 4</span></a></div>
<div class="box_link"><a href="#" class="link_5"><span>link text 5</span></a></div>
<div class="box_link"><a href="#" class="link_6"><span>link text 6</span></a></div>
<div class="box_link"><a href="#" class="link_7"><span>link text 7</span></a></div>
<div class="box_link"><a href="#" class="link_8"><span>link text 8</span></a></div>
<div class="box_link"><a href="#" class="link_9"><span>link text 9</span></a></div>
<div class="box_link"><a href="#" class="link_10"><span>link text 10</span></a></div>
<div class="box_link"><a href="#" class="link_11"><span>l</span>
<span>i</span>
<span>n</span>
<span>k</span>
</a></div>
<div class="box_link"><a href="#" class="link_12"><span>link text 12</span></a></div>
<div class="box_link"><a href="#" class="link_13"><span>link text 13</span></a></div>
<div class="box_link"><a href="#" class="link_14"><span>link text 14</span></a></div>
<div class="box_link"><a href="#" class="link_15"><span>link text 15</span></a></div>
<div class="box_link"><a href="#" class="link_16"><span>link text 16</span></a></div>
<div class="box_link"><a href="#" class="link_17"><span>l</span>
<span>i</span>
<span>n</span>
<span>k</span>
<span>1</span>
<span>7</span>
</a></div>
<div class="box_link"><a href="#" class="link_18"><span>link text 18</span></a></div>
<div class="box_link"><a href="#" class="link_19"><span>link text 19</span></a></div>
<div class="box_link"><a href="#" class="link_20"><span>link text 20</span></a></div>
<div class="box_link"><a href="#" class="link_21"><span>link text 21</span></a></div>
<div class="box_link"><a href="#" class="link_22"><span>link text 22</span></a></div>
<div class="box_link"><a href="#" class="link_23"><span>link text 23</span></a></div>
<div class="box_link"><a href="#" class="link_24"><span>link text 24</span></a></div>
<div class="box_link"><a href="#" class="link_25"><span>link text 25</span></a></div>
<div class="box_link"><a href="#" class="link_26"><span>l</span>
<span>i</span>
<span>n</span>
<span>k</span>
<span>2</span>
<span>6</span>
</a></div>
<div class="box_link"><a href="#" class="link_27"><span>link text 27</span></a></div>
<div class="box_link"><a href="#" class="link_28"><span>link text 28</span></a></div>
<div class="box_link"><a href="#" class="link_29"><span>link text 29</span></a></div>
<div class="box_link"><a href="#" class="link_30"><span>link text 30</span></a></div>
<div class="box_link"><a href="#" class="link_31"><span>link text 31</span>
<div class="box_circle">
<div class="circle c_1"></div>
<div class="circle c_2"></div>
<div class="circle c_3"></div>
<div class="circle c_4"></div>
<div class="circle c_5"></div>
<div class="circle c_6"></div>
</div>
</a></div>
<div class="box_link"><a href="#" class="link_32"><span>link text 32</span></a></div>
<div class="box_link"><a href="#" class="link_33"><span>link text 33</span></a></div>
<div class="box_link"><a href="#" class="link_34"><span>link text 34</span></a></div>
<div class="box_link"><a href="#" class="link_35"><span>link text 35</span></a></div>
<div class="box_link"><a href="#" class="link_36"><span>link text 36</span></a></div>
<div class="box_link"><a href="#" class="link_37"><span>link text 37</span></a></div>
<div class="box_link"><a href="#" class="link_38"><span>link text 38</span></a></div>
<div class="box_link"><a href="#" class="link_39"><span>link text 39</span></a></div>
<div class="box_link"><a href="#" class="link_40"><span>link text 40</span></a></div>
<div class="box_link f"><a href="#" class="link_41"><div class="overlay"></div><span>link text 41</span> </a></div>
<div class="box_link"><a href="#" class="link_42"><span>link text 42</span></a></div>
<div class="box_link"><a href="#" class="link_43"><span>link text 43</span></a></div>
<div class="box_link"><a href="#" class="link_44"><span>link text 44</span></a></div>
<div class="box_link"><a href="#" class="link_45"><span>link text 45</span></a></div>
<div class="box_link"><a href="#" class="link_46"><span>link text 46</span></a></div>
<div class="box_link"><a href="#" class="link_47"><span>link text 47</span></a></div>
<div class="box_link"><a href="#" class="link_48"><span>link text 48</span></a></div>
<div class="box_link"><a href="#" class="link_49"><span>link text 49</span></a></div>
<div class="box_link"><a href="#" class="link_50"><span>link text 50</span></a></div>
<div class="box_link"><a href="#" class="link_51"><span>link text 51</span></a></div>
<div class="box_link"><a href="#" class="link_52"><span>link text 52</span></a></div>
<div class="box_link"><a href="#" class="link_53"><span>link text 53</span></a></div>
<div class="box_link"><a href="#" class="link_54"><span>link text 54</span></a></div>
<div class="box_link"><a href="#" class="link_55"><span>link text 55</span></a></div>
<div class="box_link"><a href="#" class="link_56"><span>link text 56</span></a></div>
<div class="box_link"><a href="#" class="link_57"><span>link text 57</span></a></div>
<div class="box_link"><a href="#" class="link_58"><span>link text 58</span></a></div>
<div class="box_link"><a href="#" class="link_59"><span>link text 59</span></a></div>
<div class="box_link"><a href="#" class="link_60"><span>link text 60</span></a></div>
<div class="box_link"><a href="#" class="link_61"><span>link text 61</span></a></div>
<div class="box_link"><a href="#" class="link_62"><span>link text 62</span></a></div>
<div class="box_link"><a href="#" class="link_63"><span>link text 63</span></a></div>
<div class="box_link"><a href="#" class="link_64"><span>link text 64</span></a></div>
<div class="box_link"><a href="#" class="link_65"><span>link text 65</span></a></div>
<div class="box_link"><a href="#" class="link_66"><span>link text 66</span></a></div>
<div class="box_link"><a href="#" class="link_67"><span>link text 67</span></a></div>
<div class="box_link"><a href="#" class="link_68"><span>link text 68</span></a></div>
<div class="box_link"><a href="#" class="link_69"><span>link text 69</span></a></div>
<div class="box_link"><a href="#" class="link_70"><span>link text 70</span></a></div>
<div class="box_link"><a href="#" class="link_71"><span>link text 71</span></a></div>
<div class="box_link"><a href="#" class="link_72"><span>link text 72</span></a></div>
<div class="box_link"><a href="#" class="link_73"><span>link text 73</span></a></div>
<div class="box_link"><a href="#" class="link_74"><span>link text 74</span></a></div>
<div class="box_link"><a href="#" class="link_75"><span>link text 75</span></a></div>
<div class="box_link"><a href="#" class="link_76"><span>link text 76</span></a></div>
<div class="box_link"><a href="#" class="link_77"><span>link text 77</span></a></div>
<div class="box_link"><a href="#" class="link_78"><span>link text 78</span></a></div>
<div class="box_link"><a href="#" class="link_79"><span>link text 79</span></a></div>
<div class="box_link"><a href="#" class="link_80"><span>link text 80</span></a></div>
<div class="box_link"><a href="#" class="link_81"><span>link text 81</span></a></div>
<div class="box_link"><a href="#" class="link_82"><span>link text 82</span></a></div>
<div class="box_link"><a href="#" class="link_83"><span>link text 83</span></a></div>
<div class="box_link"><a href="#" class="link_84"><span>link text 84</span></a></div>
<div class="box_link"><a href="#" class="link_85"><span>link text 85</span></a></div>
<div class="box_link"><a href="#" class="link_86"><span>link text 86</span></a></div>
<div class="box_link"><a href="#" class="link_87"><span>link text 87</span></a></div>
<div class="box_link"><a href="#" class="link_88"><span>link text 88</span></a></div>
<div class="box_link"><a href="#" class="link_89"><span>link text 89</span></a></div>
<div class="box_link"><a href="#" class="link_90"><span>link text 90</span></a></div>
<div class="box_link"><a href="#" class="link_91"><span>link text 91</span></a></div>
<div class="box_link"><a href="#" class="link_92"><span>link text 92</span></a></div>
<div class="box_link"><a href="#" class="link_93"><span>link text 93</span></a></div>
<div class="box_link"><a href="#" class="link_94"><span>link text 94</span></a></div>
<div class="box_link"><a href="#" class="link_95"><span>link text 95</span></a></div>
<div class="box_link"><a href="#" class="link_96"><span>link text 96</span></a></div>
<div class="box_link"><a href="#" class="link_97"><span>link text 97</span></a></div>
<div class="box_link"><a href="#" class="link_98"><span>link text 98</span></a></div>
<div class="box_link"><a href="#" class="link_99"><span>link text 99</span></a></div>
<div class="box_link"><a href="#" class="link_100"><span>link text 100</span></a></div>
<div class="box_link"><a href="#" class="link_bonus"><span>link bonus</span></a></div>
<div class="box_link"><a href="#" class="link_bonus_2"><span>link bonus 2</span></a></div>
</main>
</body>
</html>