-
Notifications
You must be signed in to change notification settings - Fork 16
/
Copy pathfrens.html
145 lines (124 loc) · 5.82 KB
/
frens.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Notcoin - Frens</title>
<link rel="stylesheet" href="./assets/css/style.css">
<link rel="stylesheet" href="./assets/css/responsive.css">
<meta name="theme-color" content="#f19e36" />
<link rel="icon" type="image/x-icon" href="./assets/favicon/favicon.ico">
</head>
<body class="frens">
<div class="haeder">
<a href="/notcoin">
<svg width="25px" height="25px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22 11.9299H2" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.00009 19L2.84009 14C2.5677 13.7429 2.35071 13.433 2.20239 13.0891C2.05407 12.7452 1.97754 12.3745 1.97754 12C1.97754 11.6255 2.05407 11.2548 2.20239 10.9109C2.35071 10.567 2.5677 10.2571 2.84009 10L8.00009 5" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
<div class="frens-main">
<div class="frens-count">
<span>11 Frens</span>
</div>
<div class="frens-total-earn">
<div class="frens-total-count">
<span>+72.5k</span>
<img src="./assets/images/coin.png" width="20px">
</div>
<div>
<span>Top 300</span>
<span class="leaders">leaders</span>
</div>
<div>
<svg width="23px" height="23px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 5L14.15 10C14.4237 10.2563 14.6419 10.5659 14.791 10.9099C14.9402 11.2539 15.0171 11.625 15.0171 12C15.0171 12.375 14.9402 12.7458 14.791 13.0898C14.6419 13.4339 14.4237 13.7437 14.15 14L9 19" stroke="#ffffff" opacity="0.4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
</div>
</div>
<div class="frens-help">
<div class="frens-help-title">
<span>Invite frens to get bonuses</span>
</div>
<div class="frens-help-box">
<div class="frens-help-content">
<div class="frens-help-image">
<img src="./assets/images/golden.png" width="50px">
</div>
<div class="fren-help-text">
<h5>Invite fren</h5>
<div>
<img src="./assets/images/coin.png" width="15px">
<span>2,500</span>
<span>for you and fren</span>
</div>
</div>
</div>
<div class="frens-open-detail">
<a href="#">Open details</a>
</div>
</div>
</div>
<div class="frens-list">
<div class="frens-list-title">
<span>Frens List</span>
</div>
<div class="frens-list-box">
<div class="frens-data">
<div class="frens-profile">
<div class="frens-profile-photo">
<img src="" alt="">
</div>
<div class="frens-profile-data">
<h4>User</h4>
<div>
<img src="./assets/images/3d-trophy.png" width="15px">
<span>Gold</span>
<span>•</span>
<img src="./assets/images/coin.png" width="15px">
<span>1,165,402</span>
</div>
</div>
</div>
<div class="frens-data-count">
<span>+63k</span>
<svg width="20px" height="20px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 5L14.15 10C14.4237 10.2563 14.6419 10.5659 14.791 10.9099C14.9402 11.2539 15.0171 11.625 15.0171 12C15.0171 12.375 14.9402 12.7458 14.791 13.0898C14.6419 13.4339 14.4237 13.7437 14.15 14L9 19" stroke="#ffffff" opacity="0.4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
</div>
<div class="frens-data">
<div class="frens-profile">
<div class="frens-profile-photo">
<img src="" alt="">
</div>
<div class="frens-profile-data">
<h4>User</h4>
<div>
<img src="./assets/images/3d-trophy.png" width="15px">
<span>Gold</span>
<span>•</span>
<img src="./assets/images/coin.png" width="15px">
<span>1,165,402</span>
</div>
</div>
</div>
<div class="frens-data-count">
<span>+63k</span>
<svg width="20px" height="20px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 5L14.15 10C14.4237 10.2563 14.6419 10.5659 14.791 10.9099C14.9402 11.2539 15.0171 11.625 15.0171 12C15.0171 12.375 14.9402 12.7458 14.791 13.0898C14.6419 13.4339 14.4237 13.7437 14.15 14L9 19" stroke="#ffffff" opacity="0.4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
</div>
</div>
</div>
<div class="frens-invite">
<div class="frens-invite-button">
<span>Invite a fren</span>
</div>
</div>
<script src="./assets/js/charge.js"></script>
</body>
</html>