-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
331 lines (311 loc) · 38.3 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
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home / X</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
<link rel="stylesheet" href="src/output.css">
<link rel="icon" type="image/x-icon" href="img/favicon.ico">
</head>
<body class="bg-black text-white">
<div class="flex container mx-0 xl:mx-auto">
<div class="first w-[70%] ">
<div class="sidebar flex justify-end sticky top-0 left-0 " >
<ul class="flex flex-col text-xl space-y-9 xl:w-1/2 font-semibold xl:space-y-3">
<li class="px-2"><svg viewBox="0 0 24 24" aria-hidden="true" class="w-8 invert -4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-lrsllp r-1nao33i r-16y2uox r-8kz0gk"><g><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg></li>
<li class="flex gap-5 justify-start items-center hover:rounded-3xl w-fit px-2 pr-5 py-1 hover:cursor-pointer hover:bg-hover" ><span class="material-symbols-outlined text-3xl"> Home </span> <span class="hidden xl:block">Home</span></li>
<li class="flex gap-5 justify-start items-center w-fit hover:rounded-full px-2 pr-5 py-1 hover:cursor-pointer hover:bg-hover "><span class="material-symbols-outlined text-3xl"> search </span> <span class="hidden xl:block">Explore</span></li>
<li class="flex gap-5 justify-start items-center w-fit hover:rounded-full px-2 pr-5 py-1 hover:cursor-pointer hover:bg-hover "><span class="material-symbols-outlined text-3xl "> notifications </span><span class="hidden xl:block">Notification </span></li>
<li class="flex gap-5 justify-start items-center w-fit hover:rounded-full px-2 pr-5 py-1 hover:cursor-pointer hover:bg-hover "><span class="material-symbols-outlined text-3xl"> mail </span> <span class="hidden xl:block">Message</span></li>
<li class="flex gap-5 justify-start items-center w-fit hover:rounded-full px-2 pr-5 py-1 hover:cursor-pointer hover:bg-hover "><span class="material-symbols-outlined text-3xl"> chat</span><span class="hidden xl:block">Gork </span></li>
<li class="flex gap-5 justify-start items-center w-fit hover:rounded-full px-2 pr-5 py-1 hover:cursor-pointer hover:bg-hover "><span class="material-symbols-outlined text-3xl"> list_alt </span> <span class="hidden xl:block">List</span></li>
<li class="flex gap-5 justify-start items-center w-fit hover:rounded-full px-2 pr-5 py-1 hover:cursor-pointer hover:bg-hover "><span class="material-symbols-outlined text-3xl"> bookmark </span><span class="hidden xl:block">Bookmark </span></li>
<li class="flex gap-5 justify-start items-center w-fit hover:rounded-full px-2 pr-5 py-1 hover:cursor-pointer hover:bg-hover "><span class="material-symbols-outlined text-3xl"> groups </span> <span class="hidden xl:block">Communities</span></li>
<li class="flex gap-5 justify-start items-center w-fit hover:rounded-full px-2 pr-5 py-1 hover:cursor-pointer hover:bg-hover "><svg viewBox="0 0 24 24" aria-hidden="true" class="w-8 invert -4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-lrsllp r-1nao33i r-16y2uox r-8kz0gk"><g><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg><span class="hidden xl:block">Premium</span></li>
<li class="flex gap-5 justify-start items-center w-fit hover:rounded-full px-2 pr-5 py-1 hover:cursor-pointer hover:bg-hover "><span class="material-symbols-outlined text-3xl"> person </span><span class="hidden xl:block">Profile </span></li>
<li class="flex gap-5 justify-start items-center w-fit hover:rounded-full px-2 pr-5 py-1 hover:cursor-pointer hover:bg-hover "><svg viewBox="0 0 24 24" aria-hidden="true" class="w-8 invert r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1nao33i r-lwhw9o r-cnnz9e"><g><path d="M3.75 12c0-4.56 3.69-8.25 8.25-8.25s8.25 3.69 8.25 8.25-3.69 8.25-8.25 8.25S3.75 16.56 3.75 12zM12 1.75C6.34 1.75 1.75 6.34 1.75 12S6.34 22.25 12 22.25 22.25 17.66 22.25 12 17.66 1.75 12 1.75zm-4.75 11.5c.69 0 1.25-.56 1.25-1.25s-.56-1.25-1.25-1.25S6 11.31 6 12s.56 1.25 1.25 1.25zm9.5 0c.69 0 1.25-.56 1.25-1.25s-.56-1.25-1.25-1.25-1.25.56-1.25 1.25.56 1.25 1.25 1.25zM13.25 12c0 .69-.56 1.25-1.25 1.25s-1.25-.56-1.25-1.25.56-1.25 1.25-1.25 1.25.56 1.25 1.25z"></path></g></svg><span class="hidden xl:block">More</span></li>
<li class="flex gap-5 justify-start items-center" ><button type="button" class="bg-sky-500 text-white font-semibold w-11/12 p-2 rounded-2xl hidden xl:block">Post</button>
<span class="material-symbols-outlined xl:hidden bg-sky-500 text-white font-semibold p-2 rounded-3xl ml-2 ">
edit
</span>
</li>
</ul>
</div>
<div class="justify-end hidden xl:block xl:ml-[204px]">
<div class="flex gap-2 justify-start items-center hover:cursor-pointer hover:bg-hover rounded-3xl p-2 mt-16 mr-2 fixed bottom-3" >
<img src="img/userprofile.png" alt="userprofile" class="w-10 h-10 hover:bg-rightbarhover mix-blend-lighten">
<div class="flex-initial ">
<p class=" font-bold text-sm ">Dhruvil</p>
<p class="text-sm text-rightbartext ">@Dhruviljariwala</p>
</div>
</div>
</div>
</div>
<div class="second border border-x-hover border-x-2 border-y-black border-y-0">
<div class="top flex relative w-full">
<div class="absolute w-16 h-1 bg-sky-500 bottom-0 left-[17%]"></div>
<div class="left w-1/2 flex justify-center font-bold hover:bg-rightbarhover p-3 cursor-pointer">For You</div>
<div class="right w-1/2 flex justify-center font-bold hover:bg-rightbarhover p-3 cursor-pointer"> Following</div>
<div class="setting">
<span class="material-symbols-outlined text-2xl hover:bg-rightbarhover p-3"> settings</span>
</div>
</div>
<hr class="border-hover border-1">
<div class="foryou flex">
<img src="img/userprofile.png" class="w-10 h-10 m-4" alt="" srcset="">
<div class="w-full">
<input type="text" class="w-full bg-black p-5 outline-none text-white" placeholder="What is happening?!" name="" id="">
<div class=" text-sky-500 flex items-center">
<span class="material-symbols-outlined text-xl ">
public
</span>
<span class="ml-3 font-semibold">Everyone Can Reply </span>
</div>
<hr class="border-hover border-1 mt-2">
<div class="flex text-sky-500 gap-4 ">
<span class="material-symbols-outlined mt-5 cursor-pointer"> image </span>
<span class="material-symbols-outlined mt-5 cursor-pointer"> gif_box </span>
<span class="material-symbols-outlined mt-5 cursor-pointer"> ballot</span>
<span class="material-symbols-outlined mt-5 cursor-pointer"> mood</span>
<span class="material-symbols-outlined mt-5 cursor-pointer">pending_actions</span>
<span class="material-symbols-outlined mt-5 cursor-pointer">location_on </span>
<button type="button" class="bg-sky-500 text-white font-semibold px-2 py-1 mt-4 ml-32 xl:ml-40 w-14 rounded-2xl">Post</button>
</div>
</div>
</div>
<hr class="border-hover border-1 mt-5">
<div class="posts">
<div class="post w-full">
<a href="https://twitter.com/ChelseaFC/status/1398751320371302401/photo/1" class="flex">
<div class="image">
<img src="img/Chelsealogo.png" class="w-8 mt-2 ml-2 max-w-screen-2xl " alt="Chelsealogo" srcset="">
</div>
<div class="content mt-2 flex-initial">
<span class="font-bold flex h-fit ml-2 ">Chelsea FC <svg viewBox="0 0 22 22" aria-label="Verified account" role="img" class=" w-4 mt-1 ml-1 r-4qtqp9 r-yyyyoo r-1xvli5t r-bnwqim r-1plcrui r-lrvibr r-f9ja8p r-og9te1 r-9cviqr" data-testid="icon-verified"><g><linearGradient gradientUnits="userSpaceOnUse" id="2-a" x1="4.411" x2="18.083" y1="2.495" y2="21.508"><stop offset="0" stop-color="#f4e72a"></stop><stop offset=".539" stop-color="#cd8105"></stop><stop offset=".68" stop-color="#cb7b00"></stop><stop offset="1" stop-color="#f4ec26"></stop><stop offset="1" stop-color="#f4e72a"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="2-b" x1="5.355" x2="16.361" y1="3.395" y2="19.133"><stop offset="0" stop-color="#f9e87f"></stop><stop offset=".406" stop-color="#e2b719"></stop><stop offset=".989" stop-color="#e2b719"></stop></linearGradient><g clip-rule="evenodd" fill-rule="evenodd"><path d="M13.324 3.848L11 1.6 8.676 3.848l-3.201-.453-.559 3.184L2.06 8.095 3.48 11l-1.42 2.904 2.856 1.516.559 3.184 3.201-.452L11 20.4l2.324-2.248 3.201.452.559-3.184 2.856-1.516L18.52 11l1.42-2.905-2.856-1.516-.559-3.184zm-7.09 7.575l3.428 3.428 5.683-6.206-1.347-1.247-4.4 4.795-2.072-2.072z" fill="url(#2-a)"></path><path d="M13.101 4.533L11 2.5 8.899 4.533l-2.895-.41-.505 2.88-2.583 1.37L4.2 11l-1.284 2.627 2.583 1.37.505 2.88 2.895-.41L11 19.5l2.101-2.033 2.895.41.505-2.88 2.583-1.37L17.8 11l1.284-2.627-2.583-1.37-.505-2.88zm-6.868 6.89l3.429 3.428 5.683-6.206-1.347-1.247-4.4 4.795-2.072-2.072z" fill="url(#2-b)"></path><path d="M6.233 11.423l3.429 3.428 5.65-6.17.038-.033-.005 1.398-5.683 6.206-3.429-3.429-.003-1.405.005.003z" fill="#d18800"></path></g></g></svg>
<span class="ml-2 font-normal text-rightbartext">@ChelseaFC · May 30,2021 </span>
</span>
<div class="flex ml-2"></div>
<div class="postimg mt-2 ml-2">
<img src="https://pbs.twimg.com/media/E2lcyI-X0AEwqu8?format=jpg&name=900x900" alt="" srcset="" class="rounded-2xl w-[480px]">
</div>
<div class="icons flex gap-16">
<div class="flex hover:text-sky-500 hover:fill-sky-500 fill-slate-500 text-slate-500 cursor-pointer">
<svg viewBox="0 0 24 24" aria-hidden="true" class="w-5 mt-3 ml-1 r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1xvli5t r-1hdv0qi"><g><path d="M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z"></path></g></svg>
<span class="mt-3 ml-1">1.9k</span>
</div>
<div class="flex hover:text-green-600 hover:fill-green-600 fill-slate-500 text-slate-500 cursor-pointer">
<svg viewBox="0 0 24 24" aria-hidden="true" class=" w-5 mt-3 r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1xvli5t r-1hdv0qi"><g><path d="M4.5 3.88l4.432 4.14-1.364 1.46L5.5 7.55V16c0 1.1.896 2 2 2H13v2H7.5c-2.209 0-4-1.79-4-4V7.55L1.432 9.48.068 8.02 4.5 3.88zM16.5 6H11V4h5.5c2.209 0 4 1.79 4 4v8.45l2.068-1.93 1.364 1.46-4.432 4.14-4.432-4.14 1.364-1.46 2.068 1.93V8c0-1.1-.896-2-2-2z"></path></g></svg>
<span class="mt-3 ml-1">57k</span>
</div>
<div class="flex hover:text-red-500 hover:fill-red-500 fill-slate-500 text-slate-500 cursor-pointer">
<svg viewBox="0 0 24 24" aria-hidden="true" class="w-5 mt-3 r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1xvli5t r-1hdv0qi"><g><path d="M16.697 5.5c-1.222-.06-2.679.51-3.89 2.16l-.805 1.09-.806-1.09C9.984 6.01 8.526 5.44 7.304 5.5c-1.243.07-2.349.78-2.91 1.91-.552 1.12-.633 2.78.479 4.82 1.074 1.97 3.257 4.27 7.129 6.61 3.87-2.34 6.052-4.64 7.126-6.61 1.111-2.04 1.03-3.7.477-4.82-.561-1.13-1.666-1.84-2.908-1.91zm4.187 7.69c-1.351 2.48-4.001 5.12-8.379 7.67l-.503.3-.504-.3c-4.379-2.55-7.029-5.19-8.382-7.67-1.36-2.5-1.41-4.86-.514-6.67.887-1.79 2.647-2.91 4.601-3.01 1.651-.09 3.368.56 4.798 2.01 1.429-1.45 3.146-2.1 4.796-2.01 1.954.1 3.714 1.22 4.601 3.01.896 1.81.846 4.17-.514 6.67z"></path></g></svg>
<span class="mt-3 ml-1">159k</span>
</div>
<div class="flex hover:text-sky-500 hover:fill-sky-500 fill-slate-500 text-slate-500 cursor-pointer">
<svg viewBox="0 0 24 24" aria-hidden="true" class="w-5 mt-3 r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1xvli5t r-1hdv0qi"><g><path d="M8.75 21V3h2v18h-2zM18 21V8.5h2V21h-2zM4 21l.004-10h2L6 21H4zm9.248 0v-7h2v7h-2z"></path></g></svg>
<span class="mt-3 ml-1"></span>
</div>
<div class="flex cursor-pointer">
<svg viewBox="0 0 24 24" aria-hidden="true" class=" w-5 mt-3 hover:fill-sky-500 fill-slate-500 r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1xvli5t r-1hdv0qi"><g><path d="M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z"></path></g></svg>
<span class="mt-3 ml-2"> <svg viewBox="0 0 24 24" aria-hidden="true" class="w-5 hover:fill-sky-500 fill-slate-500 r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1xvli5t r-1hdv0qi"><g><path d="M12 2.59l5.7 5.7-1.41 1.42L13 6.41V16h-2V6.41l-3.3 3.3-1.41-1.42L12 2.59zM21 15l-.02 3.51c0 1.38-1.12 2.49-2.5 2.49H5.5C4.11 21 3 19.88 3 18.5V15h2v3.5c0 .28.22.5.5.5h12.98c.28 0 .5-.22.5-.5L19 15h2z"></path></g></svg></span>
</div>
</div>
</div>
</a>
</div>
<hr class="border-hover border-1 mt-5">
<div class="post w-full">
<a href="https://twitter.com/ChelseaFC/status/1769374410836689403" class="flex">
<div class="image">
<img src="img/Chelsealogo.png" class="w-8 mt-2 ml-2 max-w-screen-2xl" alt="Chelsealogo" srcset="">
</div>
<div class="content mt-2 flex-initial">
<span class="font-bold flex h-fit ml-2 ">Chelsea FC <svg viewBox="0 0 22 22" aria-label="Verified account" role="img" class=" w-4 mt-1 ml-1 r-4qtqp9 r-yyyyoo r-1xvli5t r-bnwqim r-1plcrui r-lrvibr r-f9ja8p r-og9te1 r-9cviqr" data-testid="icon-verified"><g><linearGradient gradientUnits="userSpaceOnUse" id="2-a" x1="4.411" x2="18.083" y1="2.495" y2="21.508"><stop offset="0" stop-color="#f4e72a"></stop><stop offset=".539" stop-color="#cd8105"></stop><stop offset=".68" stop-color="#cb7b00"></stop><stop offset="1" stop-color="#f4ec26"></stop><stop offset="1" stop-color="#f4e72a"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="2-b" x1="5.355" x2="16.361" y1="3.395" y2="19.133"><stop offset="0" stop-color="#f9e87f"></stop><stop offset=".406" stop-color="#e2b719"></stop><stop offset=".989" stop-color="#e2b719"></stop></linearGradient><g clip-rule="evenodd" fill-rule="evenodd"><path d="M13.324 3.848L11 1.6 8.676 3.848l-3.201-.453-.559 3.184L2.06 8.095 3.48 11l-1.42 2.904 2.856 1.516.559 3.184 3.201-.452L11 20.4l2.324-2.248 3.201.452.559-3.184 2.856-1.516L18.52 11l1.42-2.905-2.856-1.516-.559-3.184zm-7.09 7.575l3.428 3.428 5.683-6.206-1.347-1.247-4.4 4.795-2.072-2.072z" fill="url(#2-a)"></path><path d="M13.101 4.533L11 2.5 8.899 4.533l-2.895-.41-.505 2.88-2.583 1.37L4.2 11l-1.284 2.627 2.583 1.37.505 2.88 2.895-.41L11 19.5l2.101-2.033 2.895.41.505-2.88 2.583-1.37L17.8 11l1.284-2.627-2.583-1.37-.505-2.88zm-6.868 6.89l3.429 3.428 5.683-6.206-1.347-1.247-4.4 4.795-2.072-2.072z" fill="url(#2-b)"></path><path d="M6.233 11.423l3.429 3.428 5.65-6.17.038-.033-.005 1.398-5.683 6.206-3.429-3.429-.003-1.405.005.003z" fill="#d18800"></path></g></g></svg>
<span class="ml-2 font-normal text-rightbartext">@ChelseaFC · 22h </span>
</span>
<div class="ml-2">WEMBLY AWAITS
<p class="text-sky-500 mt-3">#CFC <span class="text-white"> | </span> #EmiratesFACup</p>
</div>
<div class="postimg mt-2 ml-2">
<img src="img/post2.jpeg" alt="" srcset="" class="rounded-2xl w-[480px]">
</div>
<div class="icons flex gap-16">
<div class="flex hover:text-sky-500 hover:fill-sky-500 fill-slate-500 text-slate-500 cursor-pointer">
<svg viewBox="0 0 24 24" aria-hidden="true" class="w-5 mt-3 ml-1 r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1xvli5t r-1hdv0qi"><g><path d="M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z"></path></g></svg>
<span class="mt-3 ml-1">1.3k</span>
</div>
<div class="flex hover:text-green-600 hover:fill-green-600 fill-slate-500 text-slate-500 cursor-pointer">
<svg viewBox="0 0 24 24" aria-hidden="true" class=" w-5 mt-3 r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1xvli5t r-1hdv0qi"><g><path d="M4.5 3.88l4.432 4.14-1.364 1.46L5.5 7.55V16c0 1.1.896 2 2 2H13v2H7.5c-2.209 0-4-1.79-4-4V7.55L1.432 9.48.068 8.02 4.5 3.88zM16.5 6H11V4h5.5c2.209 0 4 1.79 4 4v8.45l2.068-1.93 1.364 1.46-4.432 4.14-4.432-4.14 1.364-1.46 2.068 1.93V8c0-1.1-.896-2-2-2z"></path></g></svg>
<span class="mt-3 ml-1">7.6k</span>
</div>
<div class="flex hover:text-red-500 hover:fill-red-500 fill-slate-500 text-slate-500 cursor-pointer">
<svg viewBox="0 0 24 24" aria-hidden="true" class="w-5 mt-3 r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1xvli5t r-1hdv0qi"><g><path d="M16.697 5.5c-1.222-.06-2.679.51-3.89 2.16l-.805 1.09-.806-1.09C9.984 6.01 8.526 5.44 7.304 5.5c-1.243.07-2.349.78-2.91 1.91-.552 1.12-.633 2.78.479 4.82 1.074 1.97 3.257 4.27 7.129 6.61 3.87-2.34 6.052-4.64 7.126-6.61 1.111-2.04 1.03-3.7.477-4.82-.561-1.13-1.666-1.84-2.908-1.91zm4.187 7.69c-1.351 2.48-4.001 5.12-8.379 7.67l-.503.3-.504-.3c-4.379-2.55-7.029-5.19-8.382-7.67-1.36-2.5-1.41-4.86-.514-6.67.887-1.79 2.647-2.91 4.601-3.01 1.651-.09 3.368.56 4.798 2.01 1.429-1.45 3.146-2.1 4.796-2.01 1.954.1 3.714 1.22 4.601 3.01.896 1.81.846 4.17-.514 6.67z"></path></g></svg>
<span class="mt-3 ml-1">35k</span>
</div>
<div class="flex hover:text-sky-500 hover:fill-sky-500 fill-slate-500 text-slate-500 cursor-pointer">
<svg viewBox="0 0 24 24" aria-hidden="true" class="w-5 mt-3 r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1xvli5t r-1hdv0qi"><g><path d="M8.75 21V3h2v18h-2zM18 21V8.5h2V21h-2zM4 21l.004-10h2L6 21H4zm9.248 0v-7h2v7h-2z"></path></g></svg>
<span class="mt-3 ml-1">907K</span>
</div>
<div class="flex cursor-pointer">
<svg viewBox="0 0 24 24" aria-hidden="true" class=" w-5 mt-3 hover:fill-sky-500 fill-slate-500 r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1xvli5t r-1hdv0qi"><g><path d="M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z"></path></g></svg>
<span class="mt-3 ml-2"> <svg viewBox="0 0 24 24" aria-hidden="true" class="w-5 hover:fill-sky-500 fill-slate-500 r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1xvli5t r-1hdv0qi"><g><path d="M12 2.59l5.7 5.7-1.41 1.42L13 6.41V16h-2V6.41l-3.3 3.3-1.41-1.42L12 2.59zM21 15l-.02 3.51c0 1.38-1.12 2.49-2.5 2.49H5.5C4.11 21 3 19.88 3 18.5V15h2v3.5c0 .28.22.5.5.5h12.98c.28 0 .5-.22.5-.5L19 15h2z"></path></g></svg></span>
</div>
</div>
</div>
</a>
</div>
<hr class="border-hover border-1 mt-5">
<div class="post w-full">
<a href="https://twitter.com/desi_thug1/status/1769702885988933651" class="flex">
<div class="image">
<img src="https://pbs.twimg.com/profile_images/1559505794227310592/6pTsc0X8_400x400.jpg" class="w-8 mt-2 ml-2 max-w-screen-2xl" alt="Chelsealogo" srcset="">
</div>
<div class="content mt-2 flex-initial">
<span class="font-bold flex h-fit ml-2 ">Desi Thug <svg viewBox="0 0 22 22" aria-label="Verified account" role="img" class=" w-4 mt-1 ml-1 r-4qtqp9 r-yyyyoo r-1xvli5t r-bnwqim r-1plcrui r-lrvibr r-f9ja8p r-og9te1 r-9cviqr" data-testid="icon-verified"><g><linearGradient gradientUnits="userSpaceOnUse" id="2-a" x1="4.411" x2="18.083" y1="2.495" y2="21.508"><stop offset="0" stop-color="#f4e72a"></stop><stop offset=".539" stop-color="#cd8105"></stop><stop offset=".68" stop-color="#cb7b00"></stop><stop offset="1" stop-color="#f4ec26"></stop><stop offset="1" stop-color="#f4e72a"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="2-b" x1="5.355" x2="16.361" y1="3.395" y2="19.133"><stop offset="0" stop-color="#f9e87f"></stop><stop offset=".406" stop-color="#e2b719"></stop><stop offset=".989" stop-color="#e2b719"></stop></linearGradient><g clip-rule="evenodd" fill-rule="evenodd"><path d="M13.324 3.848L11 1.6 8.676 3.848l-3.201-.453-.559 3.184L2.06 8.095 3.48 11l-1.42 2.904 2.856 1.516.559 3.184 3.201-.452L11 20.4l2.324-2.248 3.201.452.559-3.184 2.856-1.516L18.52 11l1.42-2.905-2.856-1.516-.559-3.184zm-7.09 7.575l3.428 3.428 5.683-6.206-1.347-1.247-4.4 4.795-2.072-2.072z" fill="url(#2-a)"></path><path d="M13.101 4.533L11 2.5 8.899 4.533l-2.895-.41-.505 2.88-2.583 1.37L4.2 11l-1.284 2.627 2.583 1.37.505 2.88 2.895-.41L11 19.5l2.101-2.033 2.895.41.505-2.88 2.583-1.37L17.8 11l1.284-2.627-2.583-1.37-.505-2.88zm-6.868 6.89l3.429 3.428 5.683-6.206-1.347-1.247-4.4 4.795-2.072-2.072z" fill="url(#2-b)"></path><path d="M6.233 11.423l3.429 3.428 5.65-6.17.038-.033-.005 1.398-5.683 6.206-3.429-3.429-.003-1.405.005.003z" fill="#d18800"></path></g></g></svg>
<span class="ml-2 font-normal text-rightbartext">@desi_thug1 ·25m </span>
</span>
<div class="flex ml-2">Shiv Mandir</div>
<div class="postimg mt-2 ml-2">
<img src="https://pbs.twimg.com/media/GI8_ZVNXEAApF25?format=jpg&name=medium" alt="" srcset="" class="rounded-2xl w-[480px]">
</div>
<div class="icons flex gap-16">
<div class="flex hover:text-sky-500 hover:fill-sky-500 fill-slate-500 text-slate-500 cursor-pointer">
<svg viewBox="0 0 24 24" aria-hidden="true" class="w-5 mt-3 ml-1 r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1xvli5t r-1hdv0qi"><g><path d="M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z"></path></g></svg>
<span class="mt-3 ml-1">12.9k</span>
</div>
<div class="flex hover:text-green-600 hover:fill-green-600 fill-slate-500 text-slate-500 cursor-pointer">
<svg viewBox="0 0 24 24" aria-hidden="true" class=" w-5 mt-3 r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1xvli5t r-1hdv0qi"><g><path d="M4.5 3.88l4.432 4.14-1.364 1.46L5.5 7.55V16c0 1.1.896 2 2 2H13v2H7.5c-2.209 0-4-1.79-4-4V7.55L1.432 9.48.068 8.02 4.5 3.88zM16.5 6H11V4h5.5c2.209 0 4 1.79 4 4v8.45l2.068-1.93 1.364 1.46-4.432 4.14-4.432-4.14 1.364-1.46 2.068 1.93V8c0-1.1-.896-2-2-2z"></path></g></svg>
<span class="mt-3 ml-1">90k</span>
</div>
<div class="flex hover:text-red-500 hover:fill-red-500 fill-slate-500 text-slate-500 cursor-pointer">
<svg viewBox="0 0 24 24" aria-hidden="true" class="w-5 mt-3 r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1xvli5t r-1hdv0qi"><g><path d="M16.697 5.5c-1.222-.06-2.679.51-3.89 2.16l-.805 1.09-.806-1.09C9.984 6.01 8.526 5.44 7.304 5.5c-1.243.07-2.349.78-2.91 1.91-.552 1.12-.633 2.78.479 4.82 1.074 1.97 3.257 4.27 7.129 6.61 3.87-2.34 6.052-4.64 7.126-6.61 1.111-2.04 1.03-3.7.477-4.82-.561-1.13-1.666-1.84-2.908-1.91zm4.187 7.69c-1.351 2.48-4.001 5.12-8.379 7.67l-.503.3-.504-.3c-4.379-2.55-7.029-5.19-8.382-7.67-1.36-2.5-1.41-4.86-.514-6.67.887-1.79 2.647-2.91 4.601-3.01 1.651-.09 3.368.56 4.798 2.01 1.429-1.45 3.146-2.1 4.796-2.01 1.954.1 3.714 1.22 4.601 3.01.896 1.81.846 4.17-.514 6.67z"></path></g></svg>
<span class="mt-3 ml-1">200k</span>
</div>
<div class="flex hover:text-sky-500 hover:fill-sky-500 fill-slate-500 text-slate-500 cursor-pointer">
<svg viewBox="0 0 24 24" aria-hidden="true" class="w-5 mt-3 r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1xvli5t r-1hdv0qi"><g><path d="M8.75 21V3h2v18h-2zM18 21V8.5h2V21h-2zM4 21l.004-10h2L6 21H4zm9.248 0v-7h2v7h-2z"></path></g></svg>
<span class="mt-3 ml-1"></span>
</div>
<div class="flex cursor-pointer">
<svg viewBox="0 0 24 24" aria-hidden="true" class=" w-5 mt-3 hover:fill-sky-500 fill-slate-500 r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1xvli5t r-1hdv0qi"><g><path d="M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z"></path></g></svg>
<span class="mt-3 ml-2"> <svg viewBox="0 0 24 24" aria-hidden="true" class="w-5 hover:fill-sky-500 fill-slate-500 r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1xvli5t r-1hdv0qi"><g><path d="M12 2.59l5.7 5.7-1.41 1.42L13 6.41V16h-2V6.41l-3.3 3.3-1.41-1.42L12 2.59zM21 15l-.02 3.51c0 1.38-1.12 2.49-2.5 2.49H5.5C4.11 21 3 19.88 3 18.5V15h2v3.5c0 .28.22.5.5.5h12.98c.28 0 .5-.22.5-.5L19 15h2z"></path></g></svg></span>
</div>
</div>
</div>
</a>
</div>
<hr class="border-hover border-1 mt-5">
<div class="post w-full">
<a href="https://twitter.com/ChampionsLeague/status/1398750386866036743" class="flex">
<div class="image">
<img src="https://pbs.twimg.com/profile_images/1417052605776375813/Jc9RL5o7_400x400.jpg" class="w-8 mt-2 ml-2 max-w-screen-2xl" alt="Chelsealogo" srcset="">
</div>
<div class="content mt-2 flex-initial">
<span class="font-bold flex h-fit ml-2 ">UEFA Champions League<svg viewBox="0 0 22 22" aria-label="Verified account" role="img" class=" w-4 mt-1 ml-1 r-4qtqp9 r-yyyyoo r-1xvli5t r-bnwqim r-1plcrui r-lrvibr r-f9ja8p r-og9te1 r-9cviqr" data-testid="icon-verified"><g><linearGradient gradientUnits="userSpaceOnUse" id="2-a" x1="4.411" x2="18.083" y1="2.495" y2="21.508"><stop offset="0" stop-color="#f4e72a"></stop><stop offset=".539" stop-color="#cd8105"></stop><stop offset=".68" stop-color="#cb7b00"></stop><stop offset="1" stop-color="#f4ec26"></stop><stop offset="1" stop-color="#f4e72a"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="2-b" x1="5.355" x2="16.361" y1="3.395" y2="19.133"><stop offset="0" stop-color="#f9e87f"></stop><stop offset=".406" stop-color="#e2b719"></stop><stop offset=".989" stop-color="#e2b719"></stop></linearGradient><g clip-rule="evenodd" fill-rule="evenodd"><path d="M13.324 3.848L11 1.6 8.676 3.848l-3.201-.453-.559 3.184L2.06 8.095 3.48 11l-1.42 2.904 2.856 1.516.559 3.184 3.201-.452L11 20.4l2.324-2.248 3.201.452.559-3.184 2.856-1.516L18.52 11l1.42-2.905-2.856-1.516-.559-3.184zm-7.09 7.575l3.428 3.428 5.683-6.206-1.347-1.247-4.4 4.795-2.072-2.072z" fill="url(#2-a)"></path><path d="M13.101 4.533L11 2.5 8.899 4.533l-2.895-.41-.505 2.88-2.583 1.37L4.2 11l-1.284 2.627 2.583 1.37.505 2.88 2.895-.41L11 19.5l2.101-2.033 2.895.41.505-2.88 2.583-1.37L17.8 11l1.284-2.627-2.583-1.37-.505-2.88zm-6.868 6.89l3.429 3.428 5.683-6.206-1.347-1.247-4.4 4.795-2.072-2.072z" fill="url(#2-b)"></path><path d="M6.233 11.423l3.429 3.428 5.65-6.17.038-.033-.005 1.398-5.683 6.206-3.429-3.429-.003-1.405.005.003z" fill="#d18800"></path></g></g></svg>
<span class="ml-2 font-normal text-rightbartext">@ChampionsLeague · May 30,2021 </span>
</span>
<div class="ml-2">Chelsea are Kings of Europe!🎉
<p class="text-sky-500 mt-3">#UCL #UCLFinal</p>
</div>
<div class="postimg mt-2 ml-2">
<img src="https://pbs.twimg.com/media/E2lbtk8WEAAnsgi?format=jpg&name=4096x4096" alt="" srcset="" class="rounded-2xl w-[480px]">
</div>
<div class="icons flex gap-16">
<div class="flex hover:text-sky-500 hover:fill-sky-500 fill-slate-500 text-slate-500 cursor-pointer">
<svg viewBox="0 0 24 24" aria-hidden="true" class="w-5 mt-3 ml-1 r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1xvli5t r-1hdv0qi"><g><path d="M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z"></path></g></svg>
<span class="mt-3 ml-1">409</span>
</div>
<div class="flex hover:text-green-600 hover:fill-green-600 fill-slate-500 text-slate-500 cursor-pointer">
<svg viewBox="0 0 24 24" aria-hidden="true" class=" w-5 mt-3 r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1xvli5t r-1hdv0qi"><g><path d="M4.5 3.88l4.432 4.14-1.364 1.46L5.5 7.55V16c0 1.1.896 2 2 2H13v2H7.5c-2.209 0-4-1.79-4-4V7.55L1.432 9.48.068 8.02 4.5 3.88zM16.5 6H11V4h5.5c2.209 0 4 1.79 4 4v8.45l2.068-1.93 1.364 1.46-4.432 4.14-4.432-4.14 1.364-1.46 2.068 1.93V8c0-1.1-.896-2-2-2z"></path></g></svg>
<span class="mt-3 ml-1">11k</span>
</div>
<div class="flex hover:text-red-500 hover:fill-red-500 fill-slate-500 text-slate-500 cursor-pointer">
<svg viewBox="0 0 24 24" aria-hidden="true" class="w-5 mt-3 r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1xvli5t r-1hdv0qi"><g><path d="M16.697 5.5c-1.222-.06-2.679.51-3.89 2.16l-.805 1.09-.806-1.09C9.984 6.01 8.526 5.44 7.304 5.5c-1.243.07-2.349.78-2.91 1.91-.552 1.12-.633 2.78.479 4.82 1.074 1.97 3.257 4.27 7.129 6.61 3.87-2.34 6.052-4.64 7.126-6.61 1.111-2.04 1.03-3.7.477-4.82-.561-1.13-1.666-1.84-2.908-1.91zm4.187 7.69c-1.351 2.48-4.001 5.12-8.379 7.67l-.503.3-.504-.3c-4.379-2.55-7.029-5.19-8.382-7.67-1.36-2.5-1.41-4.86-.514-6.67.887-1.79 2.647-2.91 4.601-3.01 1.651-.09 3.368.56 4.798 2.01 1.429-1.45 3.146-2.1 4.796-2.01 1.954.1 3.714 1.22 4.601 3.01.896 1.81.846 4.17-.514 6.67z"></path></g></svg>
<span class="mt-3 ml-1">46k</span>
</div>
<div class="flex hover:text-sky-500 hover:fill-sky-500 fill-slate-500 text-slate-500 cursor-pointer">
<svg viewBox="0 0 24 24" aria-hidden="true" class="w-5 mt-3 r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1xvli5t r-1hdv0qi"><g><path d="M8.75 21V3h2v18h-2zM18 21V8.5h2V21h-2zM4 21l.004-10h2L6 21H4zm9.248 0v-7h2v7h-2z"></path></g></svg>
<span class="mt-3 ml-1"></span>
</div>
<div class="flex cursor-pointer">
<svg viewBox="0 0 24 24" aria-hidden="true" class=" w-5 mt-3 hover:fill-sky-500 fill-slate-500 r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1xvli5t r-1hdv0qi"><g><path d="M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z"></path></g></svg>
<span class="mt-3 ml-2"> <svg viewBox="0 0 24 24" aria-hidden="true" class="w-5 hover:fill-sky-500 fill-slate-500 r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-1xvli5t r-1hdv0qi"><g><path d="M12 2.59l5.7 5.7-1.41 1.42L13 6.41V16h-2V6.41l-3.3 3.3-1.41-1.42L12 2.59zM21 15l-.02 3.51c0 1.38-1.12 2.49-2.5 2.49H5.5C4.11 21 3 19.88 3 18.5V15h2v3.5c0 .28.22.5.5.5h12.98c.28 0 .5-.22.5-.5L19 15h2z"></path></g></svg></span>
</div>
</div>
</div>
</a>
</div>
<hr class="border-hover border-1 mt-5">
</div>
</div>
<div class="third w-full hidden xl:block ">
<div class="search flex rounded-full bg-rightbar w-4/6 ml-10 py-1 mt-2">
<span class="material-symbols-outlined text-3xl mt-1 ml-4 text-gray-600"> search </span>
<input type="text" class="bg-rightbar w-5/6 p-2 rounded-full py-1" placeholder="Search">
</div>
<div class="sub rounded-2xl bg-rightbar w-4/6 ml-10 py-1 mt-3">
<h3 class="text-xl font-bold ml-5 mt-2">Subscribe To Premium</h3>
<p class="ml-5 mt-4 font-medium">Subscribe to unlock new features and if eligible,recieve ads reveue.</p>
<button type="button" class="bg-sky-500 rounded-full px-2 py-1 font-bold ml-5 mt-3 mb-3 ">Subscribe</button>
</div>
<div class="whats sticky top-0 bg-rightbar rounded-2xl w-4/6 ml-10 mt-3">
<h1 class="text-xl font-bold ml-5 py-2">What's happening</h1>
<div class=" bg-rightbar hover:bg-rightbarhover cursor-pointer pb-2 ">
<div class="ml-5 text-rightbartext mt-2 font-normal">Sports · Trending</div>
<div class="ml-5 font-bold">FA Cup</div>
<div class="ml-5 text-rightbartext font-normal">15K posts</div>
</div>
<div class=" bg-rightbar hover:bg-rightbarhover cursor-pointer pb-2 ">
<div class="ml-5 text-rightbartext mt-2 font-normal">Sports · Trending</div>
<div class="ml-5 font-bold">Stamford Bridge</div>
<div class="ml-5 text-rightbartext font-normal">50K posts</div>
</div>
<div class=" bg-rightbar hover:bg-rightbarhover cursor-pointer pb-2 ">
<div class="ml-5 text-rightbartext mt-2 font-normal">Sports · Trending</div>
<div class="ml-5 font-bold">#UCLDRAW</div>
<div class="ml-5 text-rightbartext font-normal">200K posts</div>
</div>
<div class=" bg-rightbar hover:bg-rightbarhover cursor-pointer pb-2 ">
<div class="ml-5 text-rightbartext mt-2 font-normal">Trending in Sports</div>
<div class="ml-5 font-bold">#TATAIPL2024</div>
<div class="ml-5 text-rightbartext font-normal">80K posts</div>
</div>
<div class=" bg-rightbar hover:bg-rightbarhover cursor-pointer">
<div class="ml-5 text-rightbartext mt-2 font-normal">Sports · Trending</div>
<div class="ml-5 font-bold">#CHEvsLEI</div>
<div class="ml-5 text-rightbartext font-normal">40K posts</div>
</div>
<div class=" bg-rightbar hover:bg-rightbarhover cursor-pointer pb-2 pt-2 rounded-b-2xl ">
<div class="ml-5 text-[#1d93e4] font-normal">Show more</div>
</div>
</div>
<div class="who sticky top-[62vh] bg-rightbar rounded-2xl w-4/6 ml-10 mt-3">
<h1 class="text-xl font-bold ml-5 py-2">Who to Follow</h1>
<a href="https://twitter.com/SofascoreINT">
<div class=" bg-rightbar hover:bg-rightbarhover cursor-pointer pb-2 flex mt-2 p-2">
<img src="img/sofascorelogo.png" alt="Sofascore logo" class="w-10 h-10 mr-4 mt-1 ml-5">
<div class="flex-initial w-6">
<span class="text-lg font-bold flex">Sofascore<img src="img/verified.png" class="h-4 mt-2 ml-1" alt="" srcset=""> </span>
<p class="text-rightbartext">@SofascoreINT</p>
</div>
<button type="button" class="bg-white text-black px-5 mb-1 mt-2 font-semibold rounded-3xl ml-40">Follow</button>
</div>
</a>
<a href="https://twitter.com/ESPNFC">
<div class=" bg-rightbar hover:bg-rightbarhover cursor-pointer pb-2 flex mt-2 p-2">
<img src="img/espnfclogo.png" alt="espnfc logo" class="w-10 h-10 mr-4 mt-1 ml-5">
<div class="flex-initial w-6">
<span class="text-lg font-bold flex">ESPNFC <img src="img/verified.png" class="h-4 mt-2 ml-1" alt="" srcset=""></span>
<p class="text-rightbartext">@ESPNFC</p>
</div>
<button type="button" class="bg-white text-black px-5 mb-1 mt-2 font-semibold rounded-3xl ml-40">Follow</button>
</div>
</a>
<div class=" bg-rightbar hover:bg-rightbarhover cursor-pointer pb-2 pt-2 rounded-b-2xl ">
<div class="ml-5 text-[#1d93e4] font-normal">Show more</div>
</div>
</div>
</div>
</div>
</body>
</html>