-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
92 lines (92 loc) · 18.2 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Go-cast UI - Home Page</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./styles/app.css">
<link rel="stylesheet" href="./styles/home.css">
</head>
<body>
<div class="wrapper">
<aside class="sidebar"> <a class="logo" href="#"><img srcSet="./images/logo.png 2x" alt=""></a>
<ul class="menu">
<li class="menu-item"> <a class="menu-link" href="#"><span class="menu-icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1528 5.55559C10.2037 5.65925 10.2373 5.77027 10.2524 5.8844L10.5308 10.0243L10.669 12.1051C10.6705 12.3191 10.704 12.5317 10.7687 12.7361C10.9356 13.1326 11.3372 13.3846 11.7741 13.3671L18.4313 12.9316C18.7196 12.9269 18.998 13.0347 19.2052 13.2313C19.3779 13.3952 19.4894 13.6096 19.5246 13.8402L19.5364 13.9802C19.2609 17.795 16.4592 20.9767 12.6524 21.7981C8.84555 22.6194 4.94186 20.8844 3.06071 17.535C2.51839 16.5619 2.17965 15.4923 2.06438 14.389C2.01623 14.0624 1.99503 13.7326 2.00098 13.4026C1.99503 9.31279 4.90747 5.77702 8.98433 4.92463C9.47501 4.84822 9.95603 5.10798 10.1528 5.55559Z" fill="#E5EAF1"></path>
<path d="M12.87 2.00082C17.4298 2.11683 21.2623 5.39579 21.9999 9.81229L21.9929 9.84488L21.9728 9.89227L21.9756 10.0224C21.9651 10.1947 21.8986 10.3605 21.7839 10.4945C21.6645 10.634 21.5013 10.729 21.3215 10.7659L21.2119 10.7809L13.5312 11.2786C13.2757 11.3038 13.0213 11.2214 12.8313 11.052C12.673 10.9107 12.5717 10.7201 12.5431 10.5147L12.0276 2.84506C12.0186 2.81913 12.0186 2.79102 12.0276 2.76508C12.0346 2.55367 12.1277 2.35384 12.286 2.21023C12.4443 2.06662 12.6546 1.9912 12.87 2.00082Z" fill="#A5B4CB"></path>
</svg></span><span class="menu-text">Home</span></a></li>
<li class="menu-item"> <a class="menu-link" href="#"><span class="menu-icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.3301 5.68003L13.0601 2.30003C12.4001 1.94003 11.6001 1.94003 10.9401 2.30003L4.67005 5.68003C4.21005 5.93003 3.93005 6.41003 3.93005 6.96003C3.93005 7.50003 4.21005 7.99003 4.67005 8.24003L10.9401 11.62C11.2701 11.8 11.6401 11.89 12.0001 11.89C12.3601 11.89 12.7301 11.8 13.0601 11.62L19.3301 8.24003C19.7901 7.99003 20.0701 7.51003 20.0701 6.96003C20.0701 6.41003 19.7901 5.93003 19.3301 5.68003Z" fill="#A5B4CB"></path>
<path d="M9.91 12.79L4.07 9.87C3.62 9.65 3.1 9.67 2.68 9.93C2.25 10.2 2 10.65 2 11.15V16.66C2 17.61 2.53 18.47 3.38 18.9L9.21 21.82C9.41 21.92 9.63 21.97 9.85 21.97C10.11 21.97 10.37 21.9 10.6 21.76C11.03 21.5 11.28 21.04 11.28 20.54V15.03C11.29 14.07 10.76 13.21 9.91 12.79Z" fill="#E5EAF1"></path>
<path d="M21.32 9.9299C20.89 9.6699 20.37 9.6399 19.93 9.8699L14.1 12.7899C13.25 13.2199 12.72 14.0699 12.72 15.0299V20.5399C12.72 21.0399 12.97 21.4999 13.4 21.7599C13.63 21.8999 13.89 21.9699 14.15 21.9699C14.37 21.9699 14.59 21.9199 14.79 21.8199L20.62 18.8999C21.47 18.4699 22 17.6199 22 16.6599V11.1499C22 10.6499 21.75 10.1999 21.32 9.9299Z" fill="#E5EAF1"></path>
</svg></span><span class="menu-text">Explore Topics</span></a></li>
<li class="menu-item"> <a class="menu-link" href="#"><span class="menu-icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22 12.0048C22 17.5137 17.5116 22 12 22C6.48842 22 2 17.5137 2 12.0048C2 6.48625 6.48842 2 12 2C17.5116 2 22 6.48625 22 12.0048Z" fill="#E5EAF1"></path>
<path d="M16 12.0049C16 12.2576 15.9205 12.5113 15.7614 12.7145C15.7315 12.7543 15.5923 12.9186 15.483 13.0255L15.4233 13.0838C14.5881 13.9694 12.5099 15.3011 11.456 15.7278C11.456 15.7375 10.8295 15.9913 10.5312 16H10.4915C10.0341 16 9.60653 15.7482 9.38778 15.34C9.26847 15.1154 9.15909 14.4642 9.14915 14.4554C9.05966 13.8712 9 12.9769 9 11.9951C9 10.9657 9.05966 10.0316 9.16903 9.45808C9.16903 9.44836 9.27841 8.92345 9.34801 8.74848C9.45739 8.49672 9.65625 8.2819 9.90483 8.14581C10.1037 8.04957 10.3125 8 10.5312 8C10.7599 8.01069 11.1875 8.15553 11.3565 8.22357C12.4702 8.65128 14.598 10.051 15.4134 10.9064C15.5526 11.0425 15.7017 11.2087 15.7415 11.2467C15.9105 11.4605 16 11.723 16 12.0049Z" fill="#A5B4CB"></path>
</svg></span><span class="menu-text">Playlist</span></a></li>
<li class="menu-item"> <a class="menu-link" href="#"><span class="menu-icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 7V8.13C18.68 8.04 18.35 8 18 8H6C5.65 8 5.32 8.04 5 8.13V7C5 5.9 5.9 5 7 5H17C18.1 5 19 5.9 19 7Z" fill="#A5B4CB"></path>
<path d="M16 3.51001V5H8V3.51001C8 2.68001 8.68001 2 9.51001 2H14.49C15.32 2 16 2.68001 16 3.51001Z" fill="#E5EAF1"></path>
<path d="M22 12V18C22 20.2 20.2 22 18 22H6C3.8 22 2 20.2 2 18V12C2 10.15 3.28 8.58 5 8.13C5.32 8.04 5.65 8 6 8H18C18.35 8 18.68 8.04 19 8.13C20.72 8.58 22 10.15 22 12Z" fill="#E5EAF1"></path>
<path d="M9 14.6167V13.1367C9 11.2267 10.35 10.4567 12 11.4067L13.28 12.1467L14.56 12.8867C16.21 13.8367 16.21 15.3967 14.56 16.3467L13.28 17.0867L12 17.8267C10.35 18.7767 9 17.9967 9 16.0967V14.6167Z" fill="#A5B4CB"></path>
</svg></span><span class="menu-text">Subscriptions</span></a></li>
</ul>
<ul class="menu">
<h3 class="menu-heading">Podcasters</h3>
<li class="menu-item"> <a class="menu-link" href="#"><span class="menu-icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.9999 12C21.9999 17.523 17.5229 22 11.9999 22C6.47688 22 1.99988 17.523 1.99988 12C1.99988 6.478 6.47688 2 11.9999 2C17.5229 2 21.9999 6.478 21.9999 12Z" fill="#E5EAF1"></path>
<path d="M15.8598 8.70481L14.2398 13.8248C14.1798 14.0348 14.0098 14.2048 13.7998 14.2658L8.69984 15.8648C8.35984 15.9758 8.02984 15.6448 8.13984 15.3048L9.73984 10.1748C9.79984 9.96481 9.96984 9.80481 10.1798 9.73481L15.2998 8.13481C15.6498 8.02481 15.9698 8.35481 15.8598 8.70481Z" fill="#A5B4CB"></path>
</svg></span><span class="menu-text">Dashboard</span></a></li>
<li class="menu-item"> <a class="menu-link" href="#"><span class="menu-icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.1201 9.12011C18.7301 9.12011 18.4201 9.43011 18.4201 9.82011V11.4001C18.4201 14.9401 15.5401 17.8201 12.0001 17.8201C8.46005 17.8201 5.58005 14.9401 5.58005 11.4001V9.81011C5.58005 9.42011 5.27005 9.11011 4.88005 9.11011C4.49005 9.11011 4.18005 9.42011 4.18005 9.81011V11.3901C4.18005 15.4601 7.31005 18.8101 11.3001 19.1701V21.3001C11.3001 21.6901 11.6101 22.0001 12.0001 22.0001C12.3901 22.0001 12.7001 21.6901 12.7001 21.3001V19.1701C16.6801 18.8201 19.8201 15.4601 19.8201 11.3901V9.81011C19.8101 9.43011 19.5001 9.12011 19.1201 9.12011Z" fill="#E5EAF1"></path>
<path d="M12 2C9.55996 2 7.57996 3.98 7.57996 6.42V11.54C7.57996 13.98 9.55996 15.96 12 15.96C14.44 15.96 16.42 13.98 16.42 11.54V6.42C16.42 3.98 14.44 2 12 2ZM13.31 8.95C13.24 9.21 13.01 9.38 12.75 9.38C12.7 9.38 12.65 9.37 12.6 9.36C12.21 9.25 11.8 9.25 11.41 9.36C11.09 9.45 10.78 9.26 10.7 8.95C10.61 8.64 10.8 8.32 11.11 8.24C11.7 8.08 12.32 8.08 12.91 8.24C13.21 8.32 13.39 8.64 13.31 8.95ZM13.84 7.01C13.75 7.25 13.53 7.39 13.29 7.39C13.22 7.39 13.16 7.38 13.09 7.36C12.39 7.1 11.61 7.1 10.91 7.36C10.61 7.47 10.27 7.31 10.16 7.01C10.05 6.71 10.21 6.37 10.51 6.27C11.47 5.92 12.53 5.92 13.49 6.27C13.79 6.38 13.95 6.71 13.84 7.01Z" fill="#A5B4CB"></path>
</svg></span><span class="menu-text">Episodes</span></a></li>
<li class="menu-item"> <a class="menu-link" href="#"><span class="menu-icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.9491 14.5399C8.49909 14.5399 5.58813 15.1037 5.58813 17.2794C5.58813 19.4561 8.51789 20 11.9491 20C15.3991 20 18.31 19.4362 18.31 17.2605C18.31 15.0839 15.3803 14.5399 11.9491 14.5399Z" fill="#A5B4CB"></path>
<path d="M11.949 12.467C14.2851 12.467 16.1583 10.5831 16.1583 8.23351C16.1583 5.88306 14.2851 4 11.949 4C9.61293 4 7.73975 5.88306 7.73975 8.23351C7.73975 10.5831 9.61293 12.467 11.949 12.467Z" fill="#E5EAF1"></path>
<path d="M21.0879 9.21923C21.6923 6.84176 19.9203 4.70654 17.6639 4.70654C17.4186 4.70654 17.184 4.73356 16.9548 4.77949C16.9243 4.78669 16.8903 4.802 16.8724 4.82902C16.8518 4.86324 16.867 4.90917 16.8894 4.93889C17.5672 5.89528 17.9567 7.0597 17.9567 8.30967C17.9567 9.50741 17.5995 10.6241 16.9727 11.5508C16.9082 11.6462 16.9655 11.775 17.0792 11.7948C17.2368 11.8227 17.398 11.8371 17.5627 11.8416C19.2058 11.8849 20.6805 10.8213 21.0879 9.21923Z" fill="#E5EAF1"></path>
<path d="M22.8093 14.817C22.5084 14.1722 21.7823 13.73 20.6782 13.513C20.1571 13.3851 18.7468 13.205 17.4351 13.2293C17.4154 13.232 17.4046 13.2455 17.4028 13.2545C17.4002 13.2671 17.4055 13.2887 17.4315 13.3022C18.0377 13.6039 20.381 14.916 20.0864 17.6834C20.0738 17.8032 20.1696 17.9068 20.2887 17.8888C20.8654 17.8059 22.349 17.4853 22.8093 16.4866C23.0636 15.9589 23.0636 15.3456 22.8093 14.817Z" fill="#A5B4CB"></path>
<path d="M7.04483 4.77973C6.8165 4.7329 6.58101 4.70679 6.33567 4.70679C4.07926 4.70679 2.30726 6.84201 2.91255 9.21947C3.31906 10.8216 4.79379 11.8851 6.43685 11.8419C6.60161 11.8374 6.76368 11.8221 6.92037 11.7951C7.03409 11.7753 7.09139 11.6465 7.02692 11.551C6.40014 10.6234 6.04288 9.50765 6.04288 8.30991C6.04288 7.05904 6.43327 5.89462 7.11109 4.93913C7.13258 4.90941 7.1487 4.86348 7.12721 4.82926C7.1093 4.80135 7.07617 4.78694 7.04483 4.77973Z" fill="#E5EAF1"></path>
<path d="M3.32156 13.5127C2.21752 13.7297 1.49225 14.1719 1.19139 14.8167C0.936203 15.3453 0.936203 15.9586 1.19139 16.4872C1.65163 17.4851 3.13531 17.8066 3.71195 17.8885C3.83104 17.9065 3.92595 17.8038 3.91342 17.6832C3.61883 14.9167 5.9621 13.6046 6.56918 13.3029C6.59425 13.2885 6.59962 13.2677 6.59694 13.2542C6.59515 13.2452 6.5853 13.2317 6.5656 13.2299C5.25294 13.2047 3.84358 13.3848 3.32156 13.5127Z" fill="#A5B4CB"></path>
</svg></span><span class="menu-text">Team</span></a></li>
<li class="menu-item"> <a class="menu-link" href="#"><span class="menu-icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.101 9.58786H19.8979V8.41162C19.8979 7.90945 19.4952 7.5 18.999 7.5C18.5038 7.5 18.1 7.90945 18.1 8.41162V9.58786H16.899C16.4027 9.58786 16 9.99731 16 10.4995C16 11.0016 16.4027 11.4111 16.899 11.4111H18.1V12.5884C18.1 13.0906 18.5038 13.5 18.999 13.5C19.4952 13.5 19.8979 13.0906 19.8979 12.5884V11.4111H21.101C21.5962 11.4111 22 11.0016 22 10.4995C22 9.99731 21.5962 9.58786 21.101 9.58786Z" fill="#E5EAF1"></path>
<path d="M9.5 15.0155C5.45422 15.0155 2 15.6623 2 18.2466C2 20.8299 5.4332 21.5 9.5 21.5C13.5448 21.5 17 20.8532 17 18.2689C17 15.6846 13.5668 15.0155 9.5 15.0155Z" fill="#A5B4CB"></path>
<path d="M9.49999 12.5542C12.2546 12.5542 14.4626 10.3177 14.4626 7.52761C14.4626 4.73754 12.2546 2.5 9.49999 2.5C6.74541 2.5 4.53735 4.73754 4.53735 7.52761C4.53735 10.3177 6.74541 12.5542 9.49999 12.5542Z" fill="#E5EAF1"></path>
</svg></span><span class="menu-text">Subscribers</span></a></li>
</ul>
<ul class="menu">
<h3 class="menu-heading">Community</h3>
<li class="menu-item"> <a class="menu-link" href="#"><span class="menu-icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.9999 12C21.9999 17.523 17.5229 22 11.9999 22C6.47688 22 1.99988 17.523 1.99988 12C1.99988 6.478 6.47688 2 11.9999 2C17.5229 2 21.9999 6.478 21.9999 12Z" fill="#E5EAF1"></path>
<path d="M15.8598 8.70481L14.2398 13.8248C14.1798 14.0348 14.0098 14.2048 13.7998 14.2658L8.69984 15.8648C8.35984 15.9758 8.02984 15.6448 8.13984 15.3048L9.73984 10.1748C9.79984 9.96481 9.96984 9.80481 10.1798 9.73481L15.2998 8.13481C15.6498 8.02481 15.9698 8.35481 15.8598 8.70481Z" fill="#A5B4CB"></path>
</svg></span><span class="menu-text">Leaderboard</span></a></li>
</ul>
</aside>
<main class="main">
<div class="top-bar">
<div class="top-bar-search"> <img class="search-icon" srcSet="./images/icons/search.svg 2x" alt="search icon">
<input class="search-input" type="text" name="search-input" placeholder="Search 2+ million podcasts and listeners">
</div>
<div class="top-bar-right"> <a class="button button-upload" href="#"><span class="button-img">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.846 11.8274C21.8673 11.8954 21.8886 11.9635 21.9028 12.0342C21.9648 12.3472 21.9998 12.6692 21.9998 13.0002C21.9998 13.3082 21.9638 13.6112 21.9078 13.9102C21.8954 13.9784 21.8788 14.0437 21.8621 14.1091C21.8545 14.1387 21.847 14.1683 21.8398 14.1982C21.7898 14.3972 21.7308 14.5922 21.6578 14.7832C21.6198 14.8822 21.5808 14.9792 21.5368 15.0752C21.4498 15.2652 21.3488 15.4472 21.2378 15.6262C21.2206 15.654 21.2041 15.6822 21.1877 15.7103C21.1604 15.7573 21.1331 15.8042 21.1018 15.8492C21.0927 15.8622 21.0849 15.8757 21.0772 15.889C21.0689 15.9034 21.0607 15.9177 21.0508 15.9312C21.0431 15.9423 21.0323 15.9494 21.0217 15.9563C21.0131 15.962 21.0045 15.9676 20.9978 15.9752C20.0858 17.1972 18.6418 18.0002 16.9998 18.0002H13.9998V16.7332C14.3008 16.9072 14.6428 17.0002 14.9998 17.0002C15.5338 17.0002 16.0358 16.7922 16.4138 16.4142C17.1938 15.6352 17.1938 14.3652 16.4138 13.5862L13.4138 10.5862C13.0378 10.2092 12.5358 10.0012 12.0018 10.0012C11.4828 10.0012 10.9898 10.1982 10.6138 10.5572L7.6108 13.4572C6.8178 14.2232 6.7958 15.4922 7.5618 16.2852C7.9378 16.6742 8.4618 16.8972 9.0018 16.8972C9.3568 16.8972 9.6988 16.8042 9.9998 16.6302V18.0002H6.9998C5.3578 18.0002 3.9138 17.1972 3.0028 15.9752C2.99579 15.9678 2.98725 15.9623 2.97868 15.9567C2.96769 15.9496 2.95667 15.9425 2.9488 15.9312C2.93823 15.9168 2.92951 15.9014 2.92075 15.8859C2.91378 15.8736 2.90678 15.8612 2.8988 15.8492C2.86688 15.8033 2.83863 15.7553 2.81041 15.7073C2.79442 15.6802 2.77844 15.653 2.7618 15.6262C2.6518 15.4472 2.5498 15.2652 2.4628 15.0752C2.42022 14.9823 2.38325 14.8885 2.34556 14.7928L2.3418 14.7832C2.2698 14.5922 2.2098 14.3972 2.1608 14.1982C2.15448 14.1729 2.14794 14.1478 2.14142 14.1228C2.12319 14.0528 2.10506 13.9831 2.0918 13.9102C2.0368 13.6112 1.9998 13.3082 1.9998 13.0002C1.9998 12.6692 2.0358 12.3472 2.0968 12.0342C2.11138 11.9614 2.13358 11.8913 2.15578 11.8213C2.16861 11.7808 2.18144 11.7403 2.1928 11.6992C2.19698 11.6839 2.20115 11.6685 2.20532 11.6532C2.25299 11.4774 2.30067 11.3017 2.3678 11.1352C2.40402 11.0447 2.44849 10.96 2.4931 10.875C2.51253 10.8379 2.53199 10.8009 2.5508 10.7632C2.5572 10.7505 2.56358 10.7378 2.56995 10.7251C2.64023 10.5852 2.70945 10.4474 2.7938 10.3162C2.85757 10.2153 2.92981 10.1223 3.00211 10.0291C3.01938 10.0069 3.03665 9.98461 3.0538 9.96224L3.05735 9.95769C3.15414 9.83323 3.25012 9.70983 3.3578 9.59424C3.45428 9.4902 3.55791 9.39689 3.66278 9.30247C3.66878 9.29707 3.67479 9.29166 3.6808 9.28624C3.7988 9.18024 3.9188 9.07824 4.0468 8.98424C4.1658 8.89624 4.2878 8.81624 4.4148 8.74024C4.5548 8.65424 4.6978 8.57724 4.8458 8.50624C4.9758 8.44324 5.1058 8.38624 5.2418 8.33524C5.4038 8.27324 5.5708 8.22424 5.7408 8.18024C5.8758 8.14424 6.0078 8.10924 6.1478 8.08624C6.17422 8.0814 6.19987 8.07442 6.22551 8.06745C6.25809 8.05858 6.29067 8.04972 6.3248 8.04524C7.1458 5.66124 9.4198 4.00024 11.9998 4.00024C14.5808 4.00024 16.8548 5.66124 17.6748 8.04524C17.709 8.04973 17.742 8.05862 17.7749 8.0675C17.8007 8.07446 17.8264 8.08141 17.8528 8.08624C17.9918 8.10924 18.1248 8.14424 18.2588 8.18024C18.4288 8.22424 18.5958 8.27324 18.7578 8.33524C18.8938 8.38624 19.0248 8.44324 19.1538 8.50624C19.3018 8.57724 19.4448 8.65424 19.5848 8.74024C19.7118 8.81624 19.8348 8.89624 19.9538 8.98424C20.0808 9.07824 20.2008 9.18024 20.3188 9.28624C20.4308 9.38624 20.5398 9.48424 20.6428 9.59424C20.7518 9.71124 20.8488 9.83624 20.9458 9.96224C20.9585 9.9786 20.9712 9.99489 20.9839 10.0112C21.0612 10.1103 21.1381 10.2089 21.2068 10.3162C21.2899 10.4468 21.3588 10.5841 21.4288 10.7235C21.4355 10.7367 21.4421 10.75 21.4488 10.7632C21.4676 10.8009 21.4871 10.8379 21.5065 10.875C21.5511 10.96 21.5956 11.0447 21.6318 11.1352C21.7001 11.3022 21.7479 11.4785 21.7957 11.6548C21.7997 11.6696 21.8038 11.6844 21.8078 11.6992C21.8193 11.7423 21.8327 11.7848 21.846 11.8274ZM11.305 11.28C11.699 10.904 12.322 10.907 12.707 11.293L15.707 14.293C16.098 14.684 16.098 15.316 15.707 15.707C15.512 15.902 15.256 16 15 16C14.744 16 14.488 15.902 14.293 15.707L13 14.414V20C13 20.553 12.552 21 12 21C11.448 21 11 20.553 11 20V14.356L9.695 15.616C9.298 16.001 8.665 15.988 8.281 15.591C7.897 15.193 7.908 14.561 8.305 14.177L11.305 11.28Z" fill="white"></path>
</svg></span><span class="button-text">Upload </span></a><a class="button button-icon new-message" href="#"><img class="button-img" src="./images/icons/message.svg" alt="message icon"></a><a class="button button-icon" href="#"><img class="button-img" src="./images/icons/notification.svg" alt="notification icon"></a><a class="button button-avatar" href="#"><img class="button-img" src="https://images.unsplash.com/photo-1633332755192-727a05c4013d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OHx8YXZhdGFyfGVufDB8fDB8fHww&auto=format&fit=crop&w=600&q=60" alt="avatar"></a></div>
</div>
<p>Home page</p>
</main>
</div>
</body>
</html>