-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
347 lines (336 loc) · 17.3 KB
/
Copy pathindex.html
File metadata and controls
347 lines (336 loc) · 17.3 KB
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
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>mythos</title>
<!--Render CSS -->
<link rel="stylesheet" href="./style.css" />
<!-- Render JavaScript -->
<script src="./script.js" defer></script>
<!-- Render Favicon -->
<link
rel="icon"
type="image/png"
href="./favicon-96x96.png"
sizes="96x96"
/>
<link rel="icon" type="image/svg+xml" href="./favicon.svg" />
<link rel="shortcut icon" href="./favicon.ico" />
<link
rel="apple-touch-icon"
sizes="180x180"
href="./apple-touch-icon.png"
/>
<meta name="apple-mobile-web-app-title" content="mythos" />
<link rel="manifest" href="./site.webmanifest" />
</head>
<body>
<a class="visually-hidden skip" href="#main">Skip to main section</a>
<header class="topnav">
<h2 class="visually-hidden">Header</h2>
<div class="wrapper topnav__wrapper">
<a href="./" class="topnav__homelink hover-fade">
<img
src="./img/logo-mythos.svg"
alt="Mythos homepage"
class="topnav__logo"
width="128"
height="36"
/>
</a>
<nav>
<ul class="topnav__links list">
<li class="topnav__item">
<a href="" class="topnav__link">Features</a>
</li>
<li class="topnav__item">
<a href="" class="topnav__link">Pricing</a>
</li>
<li class="topnav__item">
<a href="" class="topnav__link">About</a>
</li>
</ul>
</nav>
</div>
</header>
<main id="main">
<section class="hero">
<div class="wrapper hero__wrapper">
<img
src="./img/unicorn.svg"
alt="a unicorn with stars"
class="hero__image"
width="483"
height="486"
/>
<div class="hero__text">
<h1 class="hero__title">Find that elusive unicorn.</h1>
<p class="hero__content large">
Mythos will enable you to discover the newest startups to invest
in. Powered by AI, used by millions of humans.
</p>
<div class="hero__buttons">
<a href="" class="button primary">Free Trial</a>
<a href="" class="button secondary">Pricing</a>
</div>
</div>
</div>
</section>
<section class="features">
<h2 class="visually-hidden">Features</h2>
<div class="wrapper features__wrapper">
<div class="features__item">
<img
src="./img/icon asterisk.svg"
alt=""
class="features__icon"
width="43"
height="48"
/>
<h3 class="features__title">AI-powered matching</h3>
<p class="features__description">
Phasellus ac mi magna. Sed scelerisque, turpis vitae consequat
vehicula, sem turpis pretium tellus, tempor posuere turpis est ac
velit.
</p>
</div>
<div class="features__item">
<img
src="./img/icon-bell-solid 1.svg"
alt=""
class="features__icon"
width="41"
height="48"
/>
<h3 class="features__title">Immediate notifications</h3>
<p class="features__description">
Mauris id vestibulum metus, ut pretium lacus. Phasellus ac mi
magna. Sed scelerisque, turpis vitae consequat vehicula, sem
turpis pretium tellus, tempor posuere turpis est ac velit.
</p>
</div>
<div class="features__item">
<img
src="./img/icon-payments.svg"
alt=""
class="features__icon"
width="61"
height="48"
/>
<h3 class="features__title">Protected payments</h3>
<p class="features__description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id
vestibulum metus, ut pretium lacus.
</p>
</div>
</div>
</section>
<section class="fw-feature">
<div class="wrapper fw-feature__wrapper">
<h2 class="fw-feature__title">
Angel investment matching in real time.
</h2>
<p class="fw-feature__description medium">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id
vestibulum metus, ut pretium lacus. Phasellus ac mi magna. Sed
scelerisque, turpis vitae.
</p>
<img
src="./img/laptop-dashboard.svg"
alt="laptop showing a dashboard screen"
a
class="fw-feature__image"
width="792"
height="465"
/>
</div>
</section>
<section class="testimonial">
<h2 class="visually-hidden">Testimonial</h2>
<div class="wrapper testimonial__wrapper">
<img
src="./img/quotation-mark-teal.svg"
alt="Quotation mark with teal color"
class="testimonial__icon"
width="52"
height="44"
/>
<div class="testimonial__author-quote">
<blockquote class="testimonial__blockquote">
<p class="testimonial__quote-text">
When I first started Evermindly, it was a bootstrapped business.
However, we were quickly running out of money. Thanks to Mythos,
we were matched with investors for our seed funding and have now
secured a Series A round!
</p>
</blockquote>
<div class="testimonial__author-wrapper">
<img
src="./img/author-1x.jpg"
alt="Author Photo"
class="testimonial__author-image"
srcset="./img/author-2x.jpg 2x ./img/author-3x.jpg 3x"
width="120"
height="120"
/>
<p class="testimonial__author-description medium">
Janice Hsu<br />
Founder and CEO, Evermindly
</p>
</div>
</div>
</div>
</section>
<section class="cta">
<div class="wrapper cta__wrapper">
<h2 class="cta__title">Get started with Mythos today</h2>
<p class="cta__content large">
Find the next undiscovered unicorn with a free 14-day trial.
</p>
<a href="" class="cta__button button">Free Trial</a>
</div>
</section>
</main>
<footer class="footer">
<h2 class="visually-hidden">Footer</h2>
<div class="wrapper footer__wrapper">
<div class="footer__footer-top">
<a href="./" class="footer__homelink hover-fade">
<img
src="./img/logo-mythos-dark.svg"
alt="Mythos homepage"
class="footer__logo"
width="128"
height="36"
/>
</a>
<p class="footer__copyright">© 2026 Mythos, LLC</p>
</div>
<div class="footer__column">
<h3 class="footer__title">Company</h3>
<ul class="footer__links list">
<li class="footer__item">
<a href="" class="footer__link">About</a>
</li>
<li class="footer__item">
<a href="" class="footer__link">News & Press</a>
</li>
<li class="footer__item">
<a href="" class="footer__link">Careers</a>
</li>
<li class="footer__item">
<a href="" class="footer__link">Contact</a>
</li>
</ul>
</div>
<div class="footer__column">
<h3 class="footer__title">Support</h3>
<ul class="footer__links list">
<li class="footer__item">
<a href="" class="footer__link">Customer Support</a>
</li>
<li class="footer__item">
<a href="" class="footer__link">Community Forum</a>
</li>
<li class="footer__item">
<a href="" class="footer__link">Knowledge Base</a>
</li>
</ul>
</div>
<div class="footer__column">
<h3 class="footer__title">Follow</h3>
<ul class="footer__links list">
<li class="footer__item">
<a href="" class="footer__link">
<svg
class="footer__social-svg"
width="18"
height="15"
viewBox="0 0 18 15"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<title>Twitter</title>
<path
class="footer__social-path"
d="M16.15 3.73782C16.161 3.90199 16.161 4.06617 16.161 4.23034C16.1711 5.64805 15.9064 7.05367 15.3823 8.36548C14.8582 9.67728 14.0852 10.8691 13.1082 11.8716C12.1311 12.8741 10.9696 13.6673 9.69111 14.205C8.41262 14.7428 7.0427 15.0144 5.661 15.004C3.65353 15.0073 1.68781 14.4159 0 13.3007C0.295849 13.3343 0.593357 13.35 0.891 13.3479C2.55139 13.3523 4.1648 12.7826 5.471 11.7308C4.70146 11.7158 3.95566 11.4549 3.33746 10.9844C2.71925 10.514 2.25942 9.85741 2.022 9.10618C2.25356 9.14375 2.48756 9.1633 2.722 9.16467C3.04967 9.1636 3.37591 9.12016 3.693 9.03538C2.85688 8.86273 2.10486 8.39823 1.56485 7.72087C1.02484 7.04351 0.730185 6.19512 0.731 5.32001V5.27282C1.24256 5.56603 1.81446 5.73093 2.4 5.75404C1.61708 5.21812 1.06298 4.39587 0.850752 3.45506C0.638529 2.51426 0.784186 1.52582 1.258 0.691448C2.1847 1.86169 3.34078 2.81899 4.65125 3.5013C5.96173 4.1836 7.39735 4.57566 8.865 4.65205C8.80593 4.36698 8.77544 4.07646 8.774 3.78502C8.77483 3.02581 8.9979 2.28436 9.41431 1.65678C9.83072 1.0292 10.4213 0.544445 11.1094 0.265342C11.7975 -0.0137609 12.5515 -0.0743375 13.2735 0.091469C13.9956 0.257275 14.6525 0.641819 15.159 1.19525C15.985 1.03191 16.7772 0.72257 17.5 0.281022C17.2249 1.15578 16.6482 1.89749 15.878 2.36701C16.6098 2.28116 17.325 2.08369 18 1.78113C17.495 2.53547 16.8695 3.19698 16.15 3.73782Z"
/>
</svg>
Twitter
</a>
</li>
<li class="footer__item">
<a href="" class="footer__link">
<svg
class="footer__social-svg"
width="18"
height="18"
viewBox="0 0 18 18"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<title>Facebook</title>
<path
class="footer__social-path"
d="M18 9.05376C17.9998 7.32337 17.5067 5.62927 16.5793 4.17203C15.6518 2.71479 14.3288 1.55544 12.7668 0.831219C11.2047 0.106999 9.46919 -0.151756 7.76556 0.0855853C6.06193 0.322927 4.46156 1.04643 3.15392 2.17043C1.84628 3.29444 0.886124 4.77187 0.387126 6.42784C-0.111872 8.08381 -0.128817 9.84895 0.338297 11.5143C0.805411 13.1797 1.73702 14.6755 3.02284 15.8247C4.30866 16.9739 5.89484 17.7284 7.5936 17.9988V11.6708H5.30756V9.05376H7.5936V7.05876C7.54534 6.59305 7.59925 6.12236 7.75153 5.6799C7.90381 5.23744 8.15074 4.83399 8.4749 4.49803C8.79907 4.16206 9.19256 3.90176 9.62762 3.73549C10.0627 3.56923 10.5287 3.50105 10.9928 3.53576C11.6678 3.54529 12.3411 3.60445 13.0075 3.71276V5.93976H11.8724C11.6791 5.91411 11.4826 5.9325 11.2973 5.99357C11.112 6.05464 10.9427 6.15683 10.802 6.29259C10.6612 6.42834 10.5526 6.59419 10.4841 6.77787C10.4156 6.96155 10.3891 7.15837 10.4064 7.35376V9.05376H12.9022L12.5046 11.6708H10.4064V17.9988C12.5232 17.6612 14.4509 16.5749 15.8428 14.9353C17.2348 13.2956 17.9997 11.2101 18 9.05376Z"
/>
</svg>
Facebook
</a>
</li>
<li class="footer__item">
<a href="" class="footer__link">
<svg
class="footer__social-svg"
width="18"
height="18"
viewBox="0 0 18 18"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<title>Instagram</title>
<path
class="footer__social-path"
d="M9.00344 4.38273C8.09104 4.38273 7.19913 4.65344 6.44049 5.16063C5.68186 5.66781 5.09058 6.3887 4.74142 7.23212C4.39226 8.07554 4.3009 9.00362 4.4789 9.89899C4.6569 10.7944 5.09627 11.6168 5.74143 12.2623C6.38659 12.9079 7.20858 13.3475 8.10345 13.5256C8.99832 13.7037 9.92587 13.6123 10.7688 13.2629C11.6118 12.9136 12.3322 12.3219 12.8391 11.5629C13.3461 10.8038 13.6166 9.91141 13.6166 8.9985C13.6175 8.39209 13.4988 7.79146 13.2673 7.23103C13.0358 6.6706 12.6961 6.1614 12.2675 5.7326C11.8389 5.3038 11.33 4.96384 10.7699 4.73221C10.2098 4.50057 9.60951 4.38181 9.00344 4.38273ZM9.00344 11.999C8.41033 11.999 7.83054 11.823 7.33738 11.4933C6.84423 11.1636 6.45987 10.695 6.23289 10.1467C6.00592 9.59847 5.94653 8.99517 6.06224 8.41313C6.17795 7.83109 6.46356 7.29645 6.88296 6.87682C7.30235 6.4572 7.83668 6.17143 8.4184 6.05565C9.00011 5.93988 9.60307 5.9993 10.151 6.2264C10.699 6.4535 11.1673 6.83808 11.4969 7.33151C11.8264 7.82494 12.0022 8.40506 12.0022 8.9985C12.0007 9.79379 11.6842 10.5561 11.1222 11.1184C10.5601 11.6808 9.79828 11.9974 9.00344 11.999ZM14.8811 4.1977C14.8811 4.41055 14.818 4.61862 14.6998 4.79559C14.5817 4.97257 14.4137 5.1105 14.2171 5.19196C14.0206 5.27341 13.8043 5.29473 13.5957 5.2532C13.3871 5.21168 13.1954 5.10918 13.045 4.95867C12.8946 4.80817 12.7921 4.61641 12.7506 4.40765C12.7091 4.19889 12.7304 3.98251 12.8118 3.78586C12.8932 3.58922 13.0311 3.42114 13.208 3.30289C13.3849 3.18464 13.5928 3.12152 13.8055 3.12152C13.9465 3.12126 14.0862 3.14878 14.2165 3.20252C14.3469 3.25626 14.4654 3.33516 14.5653 3.43473C14.6651 3.53429 14.7444 3.65255 14.7986 3.78278C14.8528 3.913 14.8808 4.05263 14.8811 4.1937V4.1977ZM17.9369 5.28988C17.9667 3.89011 17.4445 2.53487 16.4835 1.51725C15.4644 0.55887 14.1113 0.0369925 12.713 0.0630105C11.2276 -0.0210035 6.77532 -0.0210035 5.28891 0.0630105C3.89099 0.0350595 2.53765 0.555591 1.5184 1.51325C0.559998 2.53127 0.0385658 3.8846 0.0659739 5.28288C-0.0219913 6.77313 -0.0219913 11.2239 0.0659739 12.7101C0.0362138 14.1099 0.558326 15.4651 1.5194 16.4827C2.53888 17.4405 3.89171 17.9623 5.28991 17.937C6.77532 18.021 11.2276 18.021 12.714 17.937C14.113 17.9668 15.4674 17.4444 16.4845 16.4827C17.4423 15.4631 17.9639 14.1092 17.9379 12.7101C18.0209 11.2239 18.0209 6.77313 17.9369 5.28688V5.28988ZM16.0177 14.3084C15.865 14.6956 15.6343 15.0474 15.3401 15.3418C15.0459 15.6361 14.6944 15.8669 14.3073 16.0197C13.1228 16.4897 10.3089 16.3807 9.00344 16.3807C7.69795 16.3807 4.88007 16.4807 3.69954 16.0197C3.31249 15.8669 2.96096 15.6361 2.66675 15.3418C2.37253 15.0474 2.14192 14.6956 1.98921 14.3084C1.5194 13.1232 1.62836 10.3077 1.62836 9.0015C1.62836 7.69528 1.52839 4.87581 1.98921 3.69461C2.14192 3.30735 2.37253 2.95562 2.66675 2.66125C2.96096 2.36687 3.31249 2.13612 3.69954 1.98333C4.88407 1.51325 7.69795 1.62227 9.00344 1.62227C10.3089 1.62227 13.1268 1.52225 14.3073 1.98333C14.6944 2.13612 15.0459 2.36687 15.3401 2.66125C15.6343 2.95562 15.865 3.30735 16.0177 3.69461C16.4875 4.87981 16.3785 7.69528 16.3785 9.0015C16.3785 10.3077 16.4875 13.1242 16.0177 14.3054V14.3084Z"
/>
</svg>
instagram
</a>
</li>
<li class="footer__item">
<a href="" class="footer__link">
<svg
class="footer__social-svg"
width="18"
height="13"
viewBox="0 0 18 13"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<title>Youtube</title>
<path
class="footer__social-path"
d="M17.6231 1.9839C17.5211 1.60129 17.3205 1.25214 17.0413 0.971361C16.7621 0.690583 16.4141 0.488007 16.0321 0.383898C13.6987 0.102738 11.3492 -0.0242012 8.9991 0.00390058C6.64931 -0.0244889 4.30022 0.102117 1.9671 0.382898C1.58506 0.487007 1.23705 0.689576 0.957851 0.970354C0.678652 1.25113 0.47805 1.60028 0.376098 1.9829C-0.125366 4.86827 -0.125366 7.81852 0.376098 10.7039C0.47818 11.0839 0.679076 11.4301 0.958355 11.7073C1.23763 11.9844 1.58533 12.1827 1.9661 12.2819C4.29922 12.5627 6.64831 12.6893 8.9981 12.6609C11.3479 12.6893 13.697 12.5627 16.0301 12.2819C16.4114 12.1832 16.7597 11.9851 17.0396 11.7079C17.3194 11.4307 17.5208 11.0843 17.6231 10.7039C18.1246 7.81853 18.1246 4.86827 17.6231 1.9829V1.9839ZM7.1581 9.0209V3.6689L11.8581 6.3449L7.1581 9.0209Z"
/>
</svg>
Youtube
</a>
</li>
</ul>
</div>
<div class="footer__column">
<h3 class="footer__title">Resources</h3>
<ul class="footer__links list">
<li class="footer__item">
<a href="" class="footer__link">Terms of Use</a>
</li>
<li class="footer__item">
<a href="" class="footer__link">Privacy Policy</a>
</li>
</ul>
</div>
</div>
</footer>
</body>
</html>