generated from microverseinc/readme-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
147 lines (141 loc) · 5.6 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
<!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="styles.css">
<title>Green Earth Summit</title>
</head>
<body>
<navbar>
<div class="upper-nav">
<ul class="top">
<li class="fb"><img id="fb" src="assets/fb (1).png" alt="facebook icon"/></li>
<li class="twitter"><img id="twitter" src="assets/twitter.png" alt="twitter icon"></li>
<li class="pa"><p>English</p></li>
<li class="pa"><p>MyPage</p></li>
<li class="pa"><p>Logout</p></li>
</ul>
</div>
<div class="hamburger">
<ul>
<li class="bar"></li>
<li class="bar"></li>
<li class="bar"></li>
</ul>
</div>
<div class="flex" >
<a class="logo" href="index.html"><img id="logo" src="assets/Earth.png"/></a>
<ul class="nav-menu">
<li class="nav-item">
<a class="nav-link" id="nav1" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Program</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Join</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Sponsor</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">News</a>
</li>
<li class="nav-item GE">
<a class="nav-link" id="ge" href="#">Campaign</a>
</li>
</ul>
</div>
</navbar>
<!--Header-->
<header>
<p class="heading1">"Hello!Sharing world"</p>
<h1 class="heading2">Green Earth Global Summit 2023</h1>
<p class="parag">Welcome to our global annual summit that will be held virtually for ease of accessibility at your comfort.
For those who want to attend in person, it will be held at Uhuru Park, Nairobi,Kenya. </p>
<!-- Today's date -->
<h3 class="date"></h3>
<p class="sub">@ National Museum of Korea, Art Center and more</p>
</header>
<!-- Main program section -->
<section class="main-program">
<h3 class="heading3">Main Program</h3>
<hr class="hr">
<div class="grid-section">
<div class="grid-item">
<div class="item1">
<img src="assets/save-water.png" alt="save-water"/>
<p class="first-p">Water</p>
<p class="second-p">We will discuss the benefits of avoiding water wastage.</p>
</div>
</div>
<div class="grid-item">
<div class="item1">
<img src="assets/energy.png" alt="clean-energy"/>
<p class="first-p">Energy</p>
<p class="second-p">Exploration of energies that do not pollute environment such as biogas.</p>
</div>
</div>
<div class="grid-item">
<div class="item1">
<img src="assets/plant.png" alt="conserve plants"/>
<p class="first-p">Forest</p>
<p class="second-p">Planting trees is very important in conservation of animal habitat and others that will be discussed.</p>
</div>
</div>
<div class="grid-item">
<div class="item1">
<img src="assets/light.png" alt="Knowledge"/>
<p class="first-p">Knowledge</p>
<p class="second-p">Importance of teaching our young ones the benefit of conserving environment.</p>
</div>
</div>
<div class="grid-item">
<div class="item1">
<img src="assets/recycle.png" alt="Recycle"/>
<p class="first-p">Recycle</p>
<p class="second-p">Plastic waste contribute to a huge percent of sea animals suffocation.</p>
</div>
</div>
<div class="grid-item2">
<h3 class="join-p">Join Green Earth Global Summit</h3>
</div>
</div>
<h3 class="heading31">SEE THE WHOLE PROGRAM</h3>
<hr class="hrprog">
</section>
<!-- Featured speakers -->
<section class="Featured">
<h4 class="speakers">Featured Speakers</h4>
<hr class="hr">
<div class="professor-cards" id="professor-cards">
<!-- generated when index.js loads -->
</div>
<button type="button" class="more-professors-btn" id="more-professors-btn">More<img src="assets/arrow_down.png" id="more" alt="more"/>
</button>
</section>
<!-- partners -->
<section class="partners">
<h5 class="partners-heading">Partner</h5>
<span class="hr"></span>
<ul class="partner-icons-list">
<ul class="partner-icons">
<li><img class="partner-logo" src="assets/mozilla.png" alt="mozilla"/></li>
<li><img class="partner-logo" src="assets/googlekorea.png" alt="google"/></li>
<li><img class="partner-logo" src="assets/naver.png" alt="naver"/></li>
</ul>
<ul class="partner-icons">
<li><img class="partner-logo" src="assets/daumkakaologo.png" alt="kakao"/></li>
<li><img class="partner-logo" src="assets/airbnb.png" alt="airbnb"/></li>
</ul>
</ul>
</section>
<!-- footer -->
<footer class="footer" id="footer-home">
<div class="footer-logo-container"><img class="footer-logo" id="earth" src="assets/Earth.png" alt="logo"/>
<p class="copyright" id="copy-home">2023 Green Earth Global. <br> Some Rights Reserved.</p></div>
</footer>
<script src="index.js"></script>
</body>
</html>