-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
59 lines (56 loc) · 2.48 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
<!DOCTYPE html>
<html>
<head>
<title>Liferaft</title>
<link href="./styles.css" rel="stylesheet" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<header>
<h1>LIFERAFT</h1>
</header>
<div class="ocean">
<div class="crest"></div>
<div class="wave">
<div class="peak"></div>
<div class="peak"></div>
</div>
</div>
<main>
<div class="lifeboat">
<article>
<h2 class="company-name">Podium</h2>
<p>Some great people were just laid off and need your help! Layoffs can come at any hour and are often a shock to those who are affected by them. Now a new batch of talented folks are looking for a new opportunity.</p>
<section class="call-to-action">
<h3>How can you help?</h3>
<div>
<span class="actions">
<h4>If you're hiring:</h4>
<p>Take a look at everyone who has been affected. Another company's loss could be your gain! Feel free to reach out to individuals if they fill a need at your company.</p>
</span>
<span class="actions">
<h4>Everyone:</h4>
<p>Please share the posts of anyone who is listed here along with this website on your networks! Solidarity with those people looking for work can make all the difference to someone who is uncertain about their future at this moment.</p>
</span>
</div>
</section>
<section class="people-list">
</section>
</article>
</div>
</main>
<template id="people">
<details>
<summary class="name"><h4></h4></summary>
<div class="info">
<span class="bio"></span>
<span>Title:</span>
<span class="title"></span>
<span class="contact-info">Contact:</span>
<span class="email"></span>
</div>
</details>
</template>
</body>
<script type="module" async src="liferaft.mjs"></script>
</html>