-
Notifications
You must be signed in to change notification settings - Fork 0
/
additionalassets-page.html
109 lines (103 loc) · 15.3 KB
/
additionalassets-page.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
<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-6 bg-white w-full h-full">
<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="flex justify-center my-8">
<div class="gray-bg1 rounded-lg w-10/12 py-6">
<ul class="pl-12">
<li class="montserrat-font-thin text-black text-lg mt-2">Images</li>
<li class="montserrat-font-thin text-black text-lg mt-2">Audiograms</li>
<li class="montserrat-font-thin text-black text-lg mt-2">Videos</li>
</ul>
</div>
</div>
<div>
<p class="montserrat-font font-medium text-black text-sm mt-2">If you dont have any, don’t worry we can help with that. You can always add these later when you have some</p>
</div>
<div class=" btn mt-5">
<button class="mx-auto blue-bg2 text-white montserrat-font-thin text-lg w-full px-2 py-2 rounded-lg focus:outline-none">
<svg class="inline" width="22" height="19" viewBox="0 0 22 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.99316 14.0288H10.2891V9.41357L10.3472 8.22656L9.81592 8.77441L8.5625 10.1191C8.44629 10.2603 8.25537 10.3267 8.08936 10.3267C7.73242 10.3267 7.4668 10.0693 7.4668 9.7207C7.4668 9.53809 7.5415 9.39697 7.67432 9.26416L10.48 6.55811C10.646 6.38379 10.7954 6.33398 10.978 6.33398C11.1523 6.33398 11.3018 6.38379 11.4678 6.55811L14.2734 9.26416C14.4062 9.39697 14.481 9.53809 14.481 9.7207C14.481 10.0693 14.207 10.3267 13.8501 10.3267C13.6841 10.3267 13.5015 10.2603 13.3853 10.1191L12.1235 8.77441L11.6089 8.23486L11.6587 9.41357V14.0288H17.3613C19.752 14.0288 21.354 12.5347 21.354 10.5674C21.354 8.94043 20.3496 7.44629 18.731 6.77393C18.7476 3.07178 16.083 0.398926 12.688 0.398926C10.4385 0.398926 8.83643 1.60254 7.84033 3.05518C5.95605 2.54883 3.57373 4.00977 3.53223 6.34229C1.65625 6.64111 0.48584 8.29297 0.48584 10.2104C0.48584 12.3271 2.27051 14.0288 4.99316 14.0288ZM10.9697 18.2788C11.3267 18.2788 11.6338 17.9883 11.6338 17.6396V13.7964C11.6006 14.1284 11.3267 14.4106 10.9697 14.4106C10.6211 14.4106 10.3389 14.1284 10.314 13.7964V17.6396C10.314 17.9883 10.6128 18.2788 10.9697 18.2788Z" fill="white"/>
</svg>
Upload Assets here</button>
<button class="mt-5 bg-lightblue blue1-text montserrat-font-thin text-lg w-full px-2 py-2 rounded-lg focus:outline-none">Skip, I don't want to add any</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>