-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
158 lines (153 loc) · 6.77 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EmpowerHer | Aim for Power</title>
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="https://use.typekit.net/jgd5och.css">
<script src="https://kit.fontawesome.com/4dbfbae31e.js" crossorigin="anonymous"></script>
</head>
<body>
<header>
<div>
<i class="fa-sharp fa-solid fa-bars fa-2xl menu-icon" style="color: #545454; padding: 2rem 1.5rem;"></i>
</div>
<section class="header-one">
<div class="header-one-container">
<ul>
<li><i class="fa-brands fa-facebook-f" style="color: #ffffff;"></i></li>
<li><i class="fa-brands fa-twitter" style="color: #ffffff;"></i></li>
<li>English</li>
<li>My Page</li>
<li>Logout</li>
</ul>
</div>
</section>
<section class="header-two">
<div class="header-two-container">
<a href="./index.html"><img src="./assets/images/Color logo - no background.png"
alt="EmpowerHer icon"></a>
<nav>
<ul>
<li><a href="./pages/about.html" class="tag">About</a></li>
<li><a href="./pages/about.html">Program</a></li>
<li><a href="./pages/about.html">Join</a></li>
<li><a href="./pages/about.html">Sponsor</a></li>
<li><a href="./pages/about.html">News</a></li>
<li><a href="./pages/about.html" class="sponsor tag">Sponsor</a></li>
</ul>
</nav>
</div>
</section>
<section class="mobile-menu">
<i class="fa fa-close" style="color:#ffffff;"></i>
<ul>
<li><a href="./pages/about.html" class="tag">About</a></li>
<li><a href="./pages/about.html">Program</a></li>
<li><a href="./pages/about.html">Join</a></li>
<li><a href="./pages/about.html">Sponsor</a></li>
<li><a href="./pages/about.html">News</a></li>
<li><a href="./pages/about.html" class="sponsor tag">Sponsor</a></li>
</ul>
</section>
</header>
<main>
<section class="hero-section">
<article class="hero-article">
<h1>EmpowerHer Summit 2023:</h1>
<h2>Building the level ground for growth</h2>
<p>Join us for an empowering and transformative experience at EmpowerHer Summit 2023!
We are thrilled to invite all interested
to come together for this remarkable event.
</p>
<p>2023.11.03(FRI) ~ 04(SAT)</p>
<p>@ National Theatre, Iganmu, Lagos, Nigeria</p>
</article>
</section>
<section class="main-program">
<h2>Main Program</h2>
<hr class="pink-hr">
<section class="main-container">
<section>
<img class="main-img" src="./assets/icons/lecture.svg" alt="">
<h3 class="main-heading">Lecture</h3>
<article>
<p>Keynote speeches from influential leaders who have made
a significant impact in their respective fields.
</p>
</article>
</section>
<section>
<img class="main-img" src="./assets/icons/discussion.svg" alt="">
<h3 class="main-heading">Discussion</h3>
<article>
<p>Interactive panel discussions where experts will share their
experiences, knowledge, and strategies.
</p>
</article>
</section>
<section>
<img class="main-img" src="./assets/icons/workshop.svg" alt="">
<h3 class="main-heading">Workshop</h3>
<article>
<p>Engaging workshops and breakout sessions that will equip
you with actionable skills.
</p>
</article>
</section>
<section>
<img class="main-img" src="./assets/icons/networking.svg" alt="">
<h3 class="main-heading">Networking</h3>
<article>
<p>Networking opportunities to connect with a diverse community
of individuals.
</p>
</article>
</section>
<section>
<img class="main-img" src="./assets/icons/allies.svg" alt="">
<h3 class="main-heading">Empower Allies</h3>
<article>
<p>Participants will be randomly paired up with another attendee,
to engage in meaningful conversations.
</p>
</article>
</section>
</section>
<button class="main-btn">Book a Ticket</button>
</section>
<section class="featured-speakers">
<h2>Featured Speakers</h2>
<hr class="pink-hr">
<section class="featured-container">
<button class="more-btn">MORE <i class="fa-solid fa-chevron-down"
style="color: #ec5242; margin-left: 0.5rem;"></i></button>
</section>
</section>
<section class="sponsors">
<h2>Sponsors</h2>
<hr class="pink-hr">
<section>
<img src="./assets/icons/mozilla.svg" alt="mozilla">
<img src="./assets/icons/google.svg" alt="google">
<img src="./assets/icons/naver.svg" alt="naver">
<img src="./assets/icons/daumkakao.svg" alt="daum">
<img src="./assets/icons/airbnb.svg" alt="airbnb">
</section>
</section>
</main>
<footer>
<img src="./assets/images/Color logo - no background.png" alt="empower logo">
<div>
<p>2021 EmpowerHer Foundation. Some Rights Reserved.</p>
<p class="footer-text">All content on this website, unless otherwise specified,
is fictional. For detailed information, contact Winnie
<a href="https://github.com/wineshuga ">by clicking on this link</a>.
</p>
</div>
</footer>
</main>
<script src="./index.js"></script>
</body>
</html>