-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
160 lines (159 loc) · 11.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="normalize.css">
<script src="https://kit.fontawesome.com/03bbf37f81.js" crossorigin="anonymous"></script>
<title>JWLIA</title>
</head>
<body>
<nav>
<section class="hamburger">
<i class="fa-solid fa-bars"></i>
</section>
<ul>
<li>Home</li>
<li>Program</li>
<li>JWLIA</li>
<li>Fellows</li>
<li>News</li>
<li>Contact</li>
<li>Language</li>
<li><input type="button" value="Apply" /></li>
</ul>
</nav>
<header>
<section class="background1">
<section class="logo">
<section class="jwli"><img src="jwlia-logo.png"></section>
<section>
<h1>Japanese Women's Leadership Institute</h1>
<p class="margin24" class="font18">Empowering Japanese women to become leaders and to make positive social change and innovation in Japan.</p>
</section>
<section class="firstEmail">
<input type="text" placeholder="Enter Email" name="email">
<input type="submit" placeholder="Submit" name="submit">
</section>
</section>
</section>
<section class="silhoutte">
<i class="fas fa-female"></i>
</header>
<section class="firstBreak">
<h2>JWLI empowers Japanese women to become leaders and to make</h2>
<h2>positive social change and innovation in Japan.</h2>
<section class="skills">
<section>
<div class="divider"></div>
<h3><strong>Develop leadership skills</strong> and empower current and future generations of women
leaders in Japan.</h3>
</section>
<section>
<div class="divider"></div>
<h3><strong>Foster more active participation</strong> and empowerment of women in Japanese civil society
</h3>
</section>
</section>
<p>Based in Boston, JWLI was founded in 2006 and offers four weeks of hands-on nonprofit management
training with an entrepreneurial aspect.</p>
</section>
<section class="middleSection">
<h2>Our History</h2>
<section class="history-text">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis dolor fugit voluptatibus soluta, aperiam atque, eos nesciunt, velit maiores at commodi quaerat quibusdam distinctio ex magnam harum quod maxime vero beatae quasi tenetur eveniet? Accusantium nam magni omnis, beatae provident sequi, tenetur laborum nesciunt id quasi nobis quia velit. Blanditiis deleniti iure quasi odio est rem pariatur et facilis dolores vel ratione eveniet minima rerum alias obcaecati dignissimos id voluptates minus distinctio, culpa fuga quidem quaerat eaque. Molestiae neque obcaecati, minus atque quibusdam laboriosam nam magni earum repudiandae amet sit! Possimus, obcaecati est. Exercitationem ipsa corporis commodi temporibus, unde inventore cupiditate ipsum perspiciatis totam dolorum harum animi, tempore beatae. Explicabo, inventore. Dolorem repudiandae temporibus consequatur odio, impedit eum reiciendis culpa veritatis doloribus mollitia quidem aperiam quo libero earum error obcaecati natus laudantium dignissimos? Deserunt dolor, nesciunt magni aspernatur iusto molestiae accusantium voluptate perspiciatis officiis id. Modi dolorem corrupti illum ipsum perferendis commodi illo qui aut sapiente, nisi neque ducimus recusandae doloribus ab fugit eos consectetur, magnam voluptatem facilis placeat quaerat quae incidunt nesciunt? Maiores tempora eum aperiam veritatis quas nihil nesciunt dolorum vel eius. Earum nobis repellat dolore, deleniti repudiandae, reprehenderit vel aliquam pariatur hic amet ex sit ducimus itaque?</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Earum expedita nulla excepturi quibusdam tempora dolor accusantium facere ipsam, placeat, cumque totam, neque ipsa. Quis animi quos eos, quas, alias quod reiciendis vero amet cupiditate laudantium fugit, illum sequi repellat odit pariatur. Ea placeat suscipit distinctio error debitis! Debitis blanditiis ullam neque vel cupiditate assumenda quos illum minus. Aliquid error laboriosam tenetur iusto doloribus rem enim esse repellendus praesentium magnam iure provident quas adipisci molestiae odit, et illum rerum nulla unde! Ea ullam praesentium dolorum, repellat itaque ratione, natus earum magni modi quos perspiciatis rerum atque ad officiis obcaecati aliquid perferendis a assumenda sint qui ipsam architecto voluptatibus. Dolorem suscipit est et, quisquam dolor accusantium reprehenderit, tempora dignissimos temporibus iste voluptas ducimus impedit numquam nostrum laboriosam error itaque iusto ad, maiores iure ipsam eos nam excepturi? Dolorum distinctio laborum at. Provident dignissimos tempora voluptate error sunt. Voluptas, magni non iusto maxime fugit possimus sed? Aspernatur beatae repellat illum sed incidunt inventore dolore sint dolor placeat suscipit, aperiam iure eaque quod numquam ipsum, ipsam sapiente repudiandae, consequuntur iste? Provident culpa eos voluptatibus quos vero ad illum dolores impedit fugiat quae at amet veniam doloribus voluptatem minima assumenda maiores, consectetur velit fugit commodi!</p>
<p class="third">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quisquam voluptatem voluptatibus nostrum ducimus veritatis, optio repellat nihil reprehenderit officiis ipsa dolor, est fuga? Quo aliquid accusamus repudiandae? Ut molestiae consequatur consectetur, quis sit pariatur harum quidem voluptatibus optio! Quos, fugiat tempore dolores dignissimos enim similique. Error eos, eveniet quae aut obcaecati qui cumque libero sapiente soluta ullam magni accusamus amet officiis doloribus labore veritatis sed hic. Vel provident quam deserunt soluta, sed voluptatibus eveniet, debitis obcaecati mollitia enim cumque, voluptatum praesentium sequi animi. Quasi, repudiandae, quod at quae aspernatur exercitationem amet voluptates ut, omnis dignissimos minus id commodi deserunt magnam natus ad. Expedita veniam iusto sapiente dolor nesciunt officiis? Hic quas maiores incidunt, omnis quod impedit consectetur officia? Possimus dolores deleniti earum, corrupti labore voluptatum facilis illum minus est fugit a obcaecati rerum! Sunt corporis esse sed perferendis laborum consequuntur, sequi culpa nihil quisquam illo unde eaque cupiditate cum quasi adipisci! Soluta delectus vero tempora quis eos corrupti modi quas sint nulla, exercitationem nihil quibusdam perspiciatis quam distinctio repellat earum cum eaque dicta? Quos deserunt delectus aliquam eveniet veniam facere quisquam dolor. Commodi quae architecto et repudiandae omnis libero alias neque, dolores eos hic illum suscipit vero praesentium voluptatibus odit.</p>
</section>
<section class="history-images">
<section>
<img src="http://placekitten.com/200/300" placehodler="kitten">
<p>photo caption</p>
</section>
<section>
<img src="http://placekitten.com/200/300" placehodler="kitten">
<p>photo caption</p>
</section>
</section>
</section>
<section class="secondBreak">
<h2>Who We Are</h2>
<section class="founder">
<section class="atsuko">
<img src="Atsuko_Fish-1.jpg" placeholder="Atsuko">
</section>
<section class="foundertext">
<h3>Atsuko Toko Fish - Founder</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis quaerat voluptatum illo ex
facere recusandae nostrum iusto cum? Nisi inventore iste facere molestias placeat accusamus amet
dolorem nulla aliquam ducimus saepe distinctio minima aspernatur error blanditiis nostrum
numquam autem dicta, odio perspiciatis laborum laudantium culpa quis! Harum eaque itaque nam,
obcaecati molestias nulla nemo a sunt culpa facere libero iure, quam enim in, nisi asperiores
magnam hic nobis consequuntur nihil maxime deleniti voluptates ipsam! Vero at dolore odio id,
sint dolores totam incidunt eligendi asperiores quasi recusandae saepe tempore neque?</p>
</section>
</section>
<section class="bottomSection">
<section>
<h3>Fish Family Foundation</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum reprehenderit officiis praesentium!
Repellendus consequuntur magnam cumque delectus facere ratione autem? Accusamus in ipsam ipsum et
explicabo eligendi officia quo asperiores voluptatem minus nam impedit aperiam tempora, obcaecati
corrupti voluptas quia!</p>
</section>
<section>
<h4>Simmons Logo ©</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates aperiam, numquam qui sed,
deleniti officiis adipisci quidem ipsam nihil debitis esse, quia explicabo ipsum modi voluptate!
Quia doloribus qui quam est tempore delectus fuga aliquam at recusandae, ab alias dolorem!</p>
</section>
</section>
<footer>
<section class="banner">
<h3>Sign Up For Our Newsletter</h3>
<section class="lastEmail">
<input type="text" placeholder="Enter Email" name="email">
<input type="Submit" placeholder="Submit" name="submit">
</section>
</section>
<section class="copy">
<p>Copyright © 2016 Japanese Women's Leadership Initiative</p>
<section class="socialLinks">
<a href="url">YouTube</a>
<a href="url">Facebook</a>
<a href="url">Newsletter</a>
</section>
</section>
<section class="footerTags">
<ul>
<li>Home</li>
<li>About</li>
<li>History</li>
<li>Who We Are</li>
</ul>
<ul>
<li>Program</li>
<li>Core Values</li>
<li>Program Components</li>
<li>Host Organization</li>
<li>Example Events</li>
<li>Forum Program</li>
</ul>
<ul>
<li>JWLIA</li>
<li>History</li>
<li>Activities in Japan</li>
<li>Leadership</li>
<li>Fund</li>
</ul>
<ul>
<li>Follows</li>
<li>News</li>
<li>Contact</li>
<li>Language</li>
</ul>
</section>
</footer>
</body>
</html>