-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
161 lines (148 loc) · 6.09 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
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
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Curate your Krew</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav>
<img
src="./images/krew-logo.svg"
alt="krew logo"
id="logo">
</nav>
<header>
<div class="container">
<div class="flex">
<div>
<img
src="./images/krewmock.png"
alt="krew mockup">
</div>
<div>
<h1>
CURATE YOUR OWN KREW.
</h1>
<p>
Krew is a mentoring platform that connects underrepresented mentees
to professional underrepresented mentors in tech and innovation careers.
</p>
<p class="newsletter">
Sign up to our newsletter below to stay up-to-date on our
public launch:
</p>
<form>
<input
type="email"
placeholder="Enter your email" />
<button>
Sign up
</button>
</form>
</div>
</div>
</div>
</header>
<section>
<div class="container">
<div class="carousel">
<div class="carousel_item"><p>"Show me a successful individual and I’ll show you someone who had real positive influences in his or her life. I don’t care what you do for a living—if you do it well I’m sure there was someone cheering you on or showing the way. A mentor.”</p> <span class="span-name">- Denzel Washington</span> </div>
<div class="carousel_item"><p>“Never underestimate the power of dreams and the influence of the human spirit. We are all the same in this notion: The potential for greatness lives within each of us."</p> <span class="span-name">- Wilma Rudolph</span> </div>
<div class="carousel_item"><p>“I believe in destiny. But I also believe that you can’t just sit back and let destiny happen. A lot of times, an opportunity might fall into your lap, but you have to be ready for that opportunity. You can’t sit there waiting on it. A lot of times you are going to have to get out there and make it happen.”</p> <span class="span-name">- Spike Lee</span></div>
<!--<div class="carousel_nav">
<span class="carousel_button"></span>
<span class="carousel_button carousel_button-selected"></span>
<span class="carousel_button"></span>
</div>--->
</div>
</div>
</section>
<section class="mentorship-benefits">
<div class="container">
<div class="flex">
<div>
<h2>
What are the benefits of mentorship?
</h2>
<ul>
<li>
Mentees are promoted 5 times more often than those without a mentorship.
</li>
<li>
Mentoring programs boosted minority representation at the management
level from 9% to 24%.
</li>
<li>
Promotion and retention rates for mentored minorities and women increase
from 15% to 38%, as compared to non-mentored employees
</li>
</ul>
</div>
<div>
<img
src="./images/krewmock-2.png"
alt="krew mockup connect screen">
</div>
</div>
</div>
</section>
<section class="testimonial-cards">
<div class="container">
<h2 class="h2-testimonials">Closed Beta Testimonials</h2>
<div class="flex">
<div class="testimonials">
<p>
Being able to give back to my community through mentorship has been such a fulfilling
journey for me. KREW makes it easy to build quality relationships.
</p>
<span class="span-name">
Lily Nguyen, mentor from Samsung
</span>
</div>
<div class="testimonials">
<p>
I was able to meet mentors that shared a lot in common with me. It was easy to connect with them,
learn from them, and get the confidence to improve my skills.
</p>
<span class="span-name">
Briana Mackey, mentee from New York </span>
</div>
</div>
</section>
<section class="sign-up">
<div class="container">
<div class="flex">
<div>
<h2>
Get ready for the drop
</h2>
<p>
Don't miss the news about our upcoming KREW App. Sign up to our
mailing list for mentorship tips and our open final app launch.
</p>
</div>
<div>
<form>
<label>Enter your email</label>
<input
type="email"
placeholder="Enter your email"/>
<button>Sign up</button>
</form>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<p>
Designed and developed by <a href="https://www.linkedin.com/in/destiny-simmons-2b010571/">Destiny Simmons</a>
</p>
</div>
</footer>
<script src="main.js"></script>
</body>
</html>