-
Notifications
You must be signed in to change notification settings - Fork 0
/
additionalassets-2ndpage.html
117 lines (110 loc) · 16.1 KB
/
additionalassets-2ndpage.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
<html>
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600&display=swap" rel="stylesheet">
</head>
<body>
<section class="header-cyril blue-bg w-full h-24">
<div class="flex justify-between">
<div class="svg-btn">
<button>
<svg class="mt-6 ml-2" width="44" height="44" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15 1C22.732 1 29 7.26801 29 15C29 22.732 22.732 29 15 29C7.26801 29 1 22.732 1 15C1 7.26801 7.26801 1 15 1Z" stroke="#F8F8F8" stroke-opacity="1"/>
<path d="M10 11L21 11" stroke="#F8F8F8" stroke-opacity="1" stroke-linecap="round"/>
<path d="M12 15L19 15" stroke="#F8F8F8" stroke-opacity="1" stroke-linecap="round"/>
<path d="M10 19L21 19" stroke="#F8F8F8" stroke-opacity="1" stroke-linecap="round"/>
</svg>
</button>
</div>
<div class="header-img">
<img src="./pics/header-img.png" class=" mt-6 mr-10" style="height: 40px;" alt="">
</div>
<div>
</div>
</div>
</section>
<section class="body pt-24 px-5 bg-white w-full h-auto pb-10">
<div>
<p class="montserrat-font font-extrabold text-black text-2xl">Additional assets</p>
<p class="montserrat-font font-medium text-black text-sm mt-2">Show off some of your additional assets and upload them now. We accept </p>
</div>
<div class="grid grid-cols-2 my-8">
<div class="">
<div class="box-1 ">
<button>
<svg class="svg-absolute" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z" fill="#1167E5"/>
<path d="M26.9199 29.2852V30.8574H31.4805C34.4785 30.8574 36.2754 29.0508 36.2754 26.6875C36.2754 24.7148 35.0938 23.0938 33.1895 22.3223C33.209 17.9668 30.0742 14.8223 26.0801 14.8223C23.4336 14.8223 21.5488 16.2383 20.377 17.9473C18.1602 17.3516 15.3574 19.0703 15.3086 21.8145C13.1016 22.1562 11.7246 23.9629 11.7246 26.2676C11.7246 28.8066 13.6289 30.8574 16.832 30.8574H21.168V29.2852H16.8223C14.5078 29.2852 13.2969 27.9473 13.2969 26.2676C13.2969 24.4023 14.4785 23.0156 16.5488 23.0156C16.6855 23.0156 16.7344 22.9375 16.7344 22.8105C16.7344 19.8125 18.8926 18.9824 20.9043 19.5684C21.0215 19.6074 21.0898 19.5879 21.1484 19.4805C22.0957 17.791 23.5508 16.3945 26.0801 16.3945C29.2832 16.3945 31.5 18.9336 31.666 21.8438C31.6953 22.2832 31.666 22.8105 31.627 23.2695C31.6172 23.3965 31.666 23.4746 31.7832 23.4941C33.5605 23.8848 34.7031 24.998 34.7031 26.6875C34.7031 28.1914 33.6094 29.2852 31.4707 29.2852H26.9199ZM24.0488 35.8574C24.4688 35.8574 24.8203 35.5156 24.8203 35.1055V25.9453L24.7617 24.1387L25.416 24.832L26.9004 26.3066C27.0469 26.4531 27.2422 26.541 27.4277 26.541C27.8281 26.541 28.1406 26.2578 28.1406 25.8574C28.1406 25.6523 28.0625 25.4766 27.9062 25.3398L24.6055 22.2539C24.4004 22.0684 24.2441 22 24.0488 22C23.8438 22 23.6875 22.0684 23.4824 22.2539L20.1816 25.3398C20.0254 25.4766 19.9473 25.6523 19.9473 25.8574C19.9473 26.2578 20.2402 26.541 20.6504 26.541C20.8359 26.541 21.041 26.4531 21.1875 26.3066L22.6719 24.832L23.3262 24.1387L23.2676 25.9453V35.1055C23.2676 35.5156 23.6289 35.8574 24.0488 35.8574Z" fill="white"/>
</svg>
</button>
</div>
<p class="montserrat-font-normal text-sm text-black mt-3">Upload</p>
<p class="montserrat-font-thin gray-color text-xs ">Upload your podcast here</p>
</div>
<div class="ml-3">
<div class="box-2"></div>
<p class="mt-3 montserrat-font-normal text-sm text-black">The Future is Good</p>
<p class="montserrat-font-thin gray-color text-xs ">with Adrian Reif</p>
</div>
</div>
<div class="flex justify-end md:justify-start btn mt-5">
<button class=" blue-bg2 text-white montserrat-font-thin text-lg w-1/2 px-2 py-2 rounded-3xl focus:outline-none">
Next
<svg class="inline -mt-1 " width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 7L1.9974 14L0.5 12.5L6.32353 7L0.5 1.5L1.9974 0L9.5 7Z" fill="white"/>
</svg>
</button>
</div>
</section>
<section class="footer-buttons">
<div class="grid grid-cols-4 justify-items-center">
<div class="col-span-1">
<button class=" mx-auto px-2 hover-footer-btn focus:outline-none">
<div class="borderblue"></div>
<svg class="mt-2 mx-auto hover-footer-svg" width="28" height="28" viewBox="0 0 28 28" fill="#E1E7F1" xmlns="http://www.w3.org/2000/svg">
<path d="M0.739258 13.6426C0.739258 14.083 1.08301 14.502 1.66309 14.502C1.96387 14.502 2.21094 14.3408 2.43652 14.1582L3.83301 12.9766V23.2246C3.83301 24.7285 4.72461 25.5986 6.26074 25.5986H20.7949C22.3203 25.5986 23.2119 24.7285 23.2119 23.2246V12.9014L24.7051 14.1582C24.9199 14.3408 25.167 14.502 25.4678 14.502C25.9727 14.502 26.3809 14.1904 26.3809 13.6748C26.3809 13.3525 26.2734 13.1377 26.0479 12.9443L23.2119 10.5596V6.1123C23.2119 5.63965 22.9111 5.33887 22.4385 5.33887H21.2891C20.8271 5.33887 20.5156 5.63965 20.5156 6.1123V8.29297L14.8652 3.54492C14.0703 2.86816 13.082 2.86816 12.2764 3.54492L1.08301 12.9443C0.84668 13.1377 0.739258 13.3955 0.739258 13.6426ZM16.6699 16.6719C16.6699 16.1777 16.3477 15.8555 15.8535 15.8555H11.2988C10.7939 15.8555 10.4717 16.1777 10.4717 16.6719V23.8691H6.62598C5.93848 23.8691 5.5625 23.4824 5.5625 22.7842V11.5264L13.1895 5.13477C13.4258 4.91992 13.7158 4.91992 13.9521 5.13477L21.4824 11.4512V22.7842C21.4824 23.4824 21.1064 23.8691 20.4297 23.8691H16.6699V16.6719Z" fill=""/>
</svg>
<p class="mx-auto text-white montserrat-font-thin hover-footer-text text-sm">Home</p>
</button>
</div>
<div class="col-span-1">
<button class=" mx-auto px-2 hover-footer-btn focus:outline-none">
<div class="borderblue"></div>
<svg class="mt-2 mx-auto hover-footer-svg" width="21" height="26" viewBox="0 0 21 26" fill="#E1E7F1" xmlns="http://www.w3.org/2000/svg">
<path d="M16.8598 10.225C16.8598 6.55389 13.8957 3.58984 10.2247 3.58984C6.55359 3.58984 3.58954 6.55389 3.58954 10.225C3.58954 12.482 4.73165 14.4671 6.41762 15.6636C6.66236 15.2013 6.98868 14.7934 7.36938 14.4399C6.00973 13.5153 5.11235 11.9653 5.11235 10.225C5.11235 7.42407 7.39657 5.13985 10.1975 5.13985C12.9984 5.13985 15.2826 7.42407 15.2826 10.225C15.2826 11.9653 14.3852 13.5425 13.0255 14.4399C13.4063 14.7662 13.7326 15.2013 14.0045 15.6636C15.7449 14.4399 16.8598 12.4548 16.8598 10.225Z" fill=""/>
<path d="M10.2247 0C4.5957 0 6.10352e-05 4.59563 6.10352e-05 10.2246C6.10352e-05 14.3308 2.42025 17.8659 5.92816 19.4975V17.7571C3.31762 16.2615 1.55007 13.4606 1.55007 10.2518C1.57726 5.43862 5.46588 1.55001 10.2247 1.55001C15.0107 1.55001 18.8721 5.43862 18.8721 10.1974C18.8721 13.4062 17.1317 16.2071 14.5212 17.7027V19.4431C18.0019 17.8115 20.4493 14.2764 20.4493 10.1702C20.4493 4.59564 15.8536 0 10.2247 0Z" fill=""/>
<path d="M10.2246 13.2432C11.8916 13.2432 13.243 11.8918 13.243 10.2247C13.243 8.5577 11.8916 7.2063 10.2246 7.2063C8.55751 7.2063 7.20612 8.5577 7.20612 10.2247C7.20612 11.8918 8.55751 13.2432 10.2246 13.2432Z" fill=""/>
<path d="M10.2247 15.1196C8.83788 15.1196 7.66858 16.2617 7.66858 17.6758V23.3048C7.66858 24.6916 8.81069 25.8609 10.2247 25.8609C11.6388 25.8609 12.7809 24.7188 12.7809 23.3048V17.6758C12.7809 16.2617 11.6388 15.1196 10.2247 15.1196Z" fill=""/>
</svg>
<p class="mx-auto text-white montserrat-font-thin hover-footer-text text-sm">Podcast</p>
</button>
</div>
<div class="col-span-1">
<button class=" mx-auto px-2 hover-footer-btn focus:outline-none">
<div class="borderblue"></div>
<svg class="mt-2 mx-auto hover-footer-svg" width="29" height="28" viewBox="0 0 29 28" fill="#E1E7F1" xmlns="http://www.w3.org/2000/svg">
<path d="M6.10504 21.5146H23.4C25.3336 21.5146 26.4507 20.3975 26.4507 18.1846V6.3252C26.4507 4.12305 25.3228 3.00586 23.0777 3.00586H5.78278C3.84918 3.00586 2.73199 4.1123 2.73199 6.3252V18.1846C2.73199 20.4082 3.85992 21.5146 6.10504 21.5146ZM13.313 12.8027L5.2027 4.7998C5.43903 4.70312 5.71832 4.64941 6.04059 4.64941H23.1422C23.4752 4.64941 23.7652 4.70312 24.0015 4.81055L15.9127 12.8027C15.4507 13.2646 15.0318 13.4688 14.6129 13.4688C14.1832 13.4688 13.7642 13.2539 13.313 12.8027ZM4.37555 18.1846V6.3252C4.37555 6.23926 4.37555 6.28223 4.37555 6.20703L10.5523 12.2764L4.38629 18.3672C4.37555 18.3135 4.37555 18.249 4.37555 18.1846ZM24.8072 6.33594V18.1953C24.8072 18.2383 24.8072 18.292 24.8072 18.335L18.6734 12.2764L24.8072 6.23926C24.8072 6.33594 24.8072 6.33594 24.8072 6.33594ZM6.04059 19.8711C5.73981 19.8711 5.48199 19.8281 5.25641 19.7314L11.6802 13.3828L12.3785 14.0703C13.1304 14.8115 13.8502 15.123 14.6129 15.123C15.3648 15.123 16.0953 14.8115 16.8472 14.0703L17.5455 13.3828L23.9586 19.7207C23.7222 19.8281 23.4537 19.8711 23.1422 19.8711H6.04059Z" fill=""/>
</svg>
<p class="mx-auto text-white montserrat-font-thin hover-footer-text text-sm">Messages</p>
</button>
</div>
<div class="col-span-1">
<button class=" mx-auto px-2 hover-footer-btn focus:outline-none">
<div class="borderblue"></div>
<svg class="mt-2 mx-auto hover-footer-svg" width="29" height="28" viewBox="0 0 29 28" fill="#E1E7F1" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5363 0C13.9405 0 13.4585 0.482001 13.4585 1.07772V1.26186C13.4585 1.77681 13.0974 2.2362 12.5876 2.31955C12.3427 2.35702 12.0985 2.40548 11.8562 2.45846C11.3561 2.57412 10.8515 2.29177 10.6544 1.81752L10.584 1.65082C10.3565 1.10033 9.72852 0.83801 9.17803 1.06738C8.62754 1.29481 8.36522 1.92348 8.59524 2.47332L8.66566 2.64778C8.86531 3.11944 8.70637 3.6822 8.26959 3.95228C8.05767 4.08344 7.85027 4.22236 7.65126 4.36644C7.23194 4.6643 6.65431 4.59581 6.29055 4.23269L6.16197 4.10153C5.7407 3.6822 5.05905 3.6822 4.63779 4.10153C4.21846 4.5228 4.21846 5.20445 4.63779 5.62572L4.76895 5.75429C5.13206 6.11805 5.20055 6.69568 4.90269 7.11501C4.75861 7.31401 4.6197 7.52141 4.48853 7.73334C4.21846 8.17011 3.65569 8.32906 3.18145 8.13199L3.00958 8.06157C2.46167 7.83413 1.82848 8.09387 1.60105 8.64436C1.37426 9.19226 1.634 9.82287 2.18449 10.0503L2.35377 10.1181C2.82544 10.3152 3.11037 10.8198 2.99472 11.3199C2.94174 11.5622 2.89328 11.8064 2.85322 12.0513C2.77246 12.5592 2.31307 12.9223 1.79812 12.9223H1.61397C1.01826 12.9223 0.536255 13.4043 0.536255 14C0.536255 14.5957 1.01826 15.0777 1.61397 15.0777H1.79812C2.31307 15.0777 2.77246 15.4389 2.8558 15.9487C2.89328 16.1936 2.94174 16.4378 2.99472 16.6801C3.11037 17.1802 2.82802 17.6848 2.35377 17.8819L2.18708 17.9523C1.63659 18.1797 1.37426 18.8077 1.60364 19.3582C1.83107 19.9087 2.45974 20.171 3.00958 19.941L3.18403 19.8706C3.65828 19.6735 4.21846 19.8325 4.49112 20.2667C4.62228 20.4786 4.75861 20.686 4.90269 20.8876C5.20314 21.3069 5.13465 21.8845 4.77153 22.2457L4.63779 22.3769C4.21846 22.7981 4.21846 23.4798 4.63779 23.8985C5.05905 24.3204 5.7407 24.3204 6.16197 23.8985L6.29313 23.7699C6.65689 23.4068 7.23194 23.3357 7.65126 23.6361C7.85285 23.7802 8.06025 23.9191 8.26959 24.0503C8.70637 24.3204 8.8679 24.8831 8.67083 25.3574L8.59782 25.5267C8.37039 26.0765 8.63271 26.7078 9.18062 26.9371C9.73046 27.1646 10.3591 26.9048 10.5891 26.3543L10.657 26.1851C10.8541 25.7134 11.3587 25.4285 11.8581 25.5415C12.1004 25.5971 12.3427 25.6449 12.5902 25.6856C13.0954 25.7638 13.4585 26.2232 13.4585 26.7381V26.9223C13.4585 27.518 13.9405 28 14.5363 28C15.132 28 15.614 27.518 15.614 26.9223V26.7381C15.614 26.2232 15.9752 25.7638 16.4849 25.6805C16.7298 25.643 16.974 25.5945 17.2163 25.5415C17.7164 25.4259 18.221 25.7082 18.4181 26.1825L18.4885 26.3492C18.716 26.8997 19.344 27.162 19.8945 26.9326C20.445 26.7052 20.7073 26.0765 20.4773 25.5267L20.4068 25.3522C20.2098 24.878 20.3687 24.3178 20.8029 24.0451C21.0148 23.914 21.2222 23.7776 21.4238 23.6336C21.8432 23.3331 22.4208 23.4016 22.782 23.7647L22.9131 23.8985C23.3344 24.3178 24.016 24.3178 24.4347 23.8985C24.8566 23.4772 24.8566 22.7956 24.4347 22.3743L24.3061 22.2431C23.943 21.8794 23.872 21.3043 24.1724 20.885C24.3165 20.6834 24.4554 20.476 24.5866 20.2641C24.8566 19.8299 25.4194 19.6684 25.8936 19.8654L26.0629 19.9384C26.6128 20.1659 27.244 19.9035 27.4734 19.3556C27.7008 18.8058 27.4411 18.1771 26.8906 17.9471L26.7213 17.8793C26.2497 17.6822 25.9647 17.1776 26.0778 16.6781C26.1334 16.4359 26.1812 16.1936 26.2219 15.9461C26.3001 15.4408 26.7594 15.0777 27.2744 15.0777H27.4585C28.0543 15.0777 28.5363 14.5957 28.5363 14C28.5363 13.4043 28.0543 12.9223 27.4585 12.9223H27.2744C26.7594 12.9223 26.3001 12.5611 26.2167 12.0513C26.1792 11.8064 26.1308 11.5622 26.0778 11.3199C25.9621 10.8198 26.2445 10.3152 26.7187 10.1181L26.8854 10.0477C27.4359 9.82029 27.6982 9.19227 27.4689 8.64178C27.2414 8.09129 26.6128 7.82896 26.0629 8.05898L25.8885 8.12941C25.4142 8.32647 24.854 8.16753 24.5814 7.73334C24.4502 7.52141 24.3139 7.31401 24.1698 7.11242C23.8694 6.6931 23.9379 6.11547 24.301 5.75429L24.4347 5.62313C24.854 5.20186 24.854 4.52021 24.4347 4.09895C24.0135 3.67962 23.3318 3.67962 22.9105 4.09895L22.782 4.23269C22.4182 4.59581 21.8406 4.66688 21.4212 4.36644C21.2197 4.22236 21.0123 4.08344 20.8003 3.95228C20.3661 3.6822 20.2072 3.11944 20.4043 2.64519L20.4747 2.47332C20.7021 1.92542 20.4424 1.29223 19.8919 1.0648C19.344 0.83801 18.7134 1.09775 18.486 1.64824L18.4155 1.81752C18.2185 2.28918 17.7138 2.57412 17.2144 2.45846C16.9721 2.40548 16.7298 2.35702 16.4824 2.31697C15.9752 2.2362 15.614 1.77681 15.614 1.26186V1.07772C15.614 0.482001 15.132 0 14.5363 0ZM14.5359 5.38612C18.9276 5.38612 22.5464 8.67484 23.0769 12.9224H16.3987C16.0149 12.2563 15.3035 11.8473 14.5359 11.8473H14.5333L11.1942 6.05744C12.2215 5.62583 13.3497 5.38612 14.5359 5.38612ZM9.33425 7.14266L12.6734 12.9222C12.4841 13.2504 12.3833 13.6212 12.3833 13.9999C12.3833 14.3759 12.4841 14.7468 12.6734 15.0724L9.33166 20.8545C7.26216 19.2799 5.92212 16.7988 5.92212 13.9999C5.92212 11.1983 7.26474 8.71724 9.33425 7.14266ZM16.3987 15.0777H23.0769C22.5464 19.3253 18.9276 22.614 14.5359 22.614C13.3497 22.614 12.2215 22.3743 11.1942 21.9427L14.5333 16.1528H14.5359C15.3054 16.1528 16.0149 15.7413 16.3987 15.0777Z" fill=""/>
</svg>
<p class="mx-auto text-white montserrat-font-thin hover-footer-text text-sm">Settings</p>
</button>
</div>
</div>
</section>
</body>
</html>