-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
157 lines (151 loc) · 6.71 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>AI for good</title>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<div class="home-container">
<header class="main-header">
<nav>
<div class="nav-bar">
<div class="top-nav-bar">
<a href="#"><img class="top-nav-item" src="assets/facebook.png" alt="facebook"></a>
<a href="#"><img class="top-nav-item" src="assets/twitter .png" alt="twitter"></a>
<a href="#" class="top-nav-item">English</a>
<a href="#" class="top-nav-item">My Page</a>
<a href="#" class="top-nav-item">Logout</a>
</div>
<div class="bottom-nav-bar">
<a href="index.html"><img class="nav-bar-logo" src="assets/ailogo.png" alt="AI-logo"></a>
<div class="nav-bar-links">
<a class="bottom-nav-link" href="about.html">About</a>
<a class="bottom-nav-link" href="#partner">Partner</a>
<a class="bottom-nav-link" href="#">Join</a>
<a class="bottom-nav-link" href="#">Sponsor</a>
<a class="bottom-nav-link" id="ai" href="#">BUY TICKETS</a>
</div>
</div>
<!-- mobile-menu-->
<header class="mobile-head">
<nav class="mobile-nav">
<div class="mob-menu-links">
<img class="logo" src="assets/ailogo.png" alt="AI-logo">
<a href="#" class="close-link">x</a>
<a class="bottom-nav-link" href="about.html"><strong>About</strong></a>
<a class="bottom-nav-link" href="#main"><strong>Program</strong></a>
<a class="bottom-nav-link" href="#speakers"><strong>Sponsor</strong></a>
<a class="bottom-nav-link enroll" href="#"><strong>Buy Ticket</strong></a>
</div>
<img class="nav-bar-icon" src="assets/hamburger .png" alt="hamburger-icon">
</nav>
</header>
<!-- finish mobile menu -->
</nav>
</header>
<section class="info">
<div class="header-main">
<div class="header-main-content">
<p class="header-main-salutation">"Hello! World Sharing"</p>
<h1 class="header-main-title">
<strong>AI For GOOD </br>INDIA SUMMIT</br>2023 </strong>
</h1>
<p class="header-main-description">
The Artificial Intellegence for Good India Summit is the leading action-oriented United Nations platform
promoting AI to advance health, climate, gender, inclusive prosperity, sustainable infrastructure, and other
global development priorities.
</p>
<h2 class="header-date">
<strong>24 JULY 2023, 17:00-18:30(CEST GENEVA)</strong>
</h2>
<p class="header-main-subdescription">
Join <strong>India's </strong> vision to support united nations in the field of artificial intelligence
</p>
</div>
</div>
</section>
</div>
<!-- finish header section -->
<section class="program" id="program">
<h2 class="program-title"><strong>Main Program</strong></h2>
<div class="program-part">
<div class="program-items">
<img src="assets/program_icon_01 1.png" alt="Neural Networking Image" />
<h3>Neural Networking</h3>
<p>
Graph Neural Networking challenge 2023: Building a Network Digital Twin using data from real networks.
</p>
</div>
<div class="program-items">
<img src="assets/program_icon_02 1.png" alt="Machine Learning Image" />
<h3>Machine Learning</h3>
<p>
Incorporate machine learning tools into a network can help teams predict traffic flows, generate smarter
analytics, monitor network health, tighten security measures and more. </p>
</div>
<div class="program-items">
<img src="assets/program_icon_03 1.png" alt="Augmented Reality image" />
<h3>Augumented Reality</h3>
<p>
Learn AI algorithms can be used in real-time to detect and track objects, allowing AR and VR experiences to
adapt to the user's movements and actions
</p>
</div>
<div class="program-items">
<img src="assets/program_icon_04 1.png" alt="Promt engineering image" />
<h3>Prompt Engineering</h3>
<p>
Discover top prompt engineering jobs on our niche job board, tailored to connect innovative companies with
skilled professionals in the field.
</p>
</div>
<div class="program-items">
<img src="assets/program_icon_05 1.png" alt="generative AI image" />
<h4>Generative AI</h4>
<p>
Generative AI is a type of artificial intelligence technology that can produce various types of content,
including text, imagery, audio and synthetic data.
</p>
</div>
</div>
<button class="program-btn" type="button"><strong>Join AIFG India Summit 2023</strong></button>
<a href="#" class="click-to-see"><strong>SEE THE WHOLE PROGRAM</strong></a>
</section>
<!-- program section end -->
<!-- speakers start -->
<section class="program-speakers" id="program-speakers">
<h3 class="program-speakers-title"><strong>Featured Speakers</strong></h3>
<div class="program-speaker-part"></div>
<button type="button" class="program-speaker-btn">More <img src="assets/arrow_down.png" alt="arrow_down"></button>
</section>
<!-- speakers end -->
<section class="our-partner" id="partner">
<h3 class="our-partner-title">Partner</h3>
<div class="our-partner-underline" ></div>
<div class="our-partner-part">
<div class="our-partner-logo">
<img src="assets/airbnb 1.png" alt="partner 1">
<img src="assets/daumkakaologo 1.png" alt="partner 2">
<img src="assets/googlekorea 1.png" alt="partner 3">
<img src="assets/mozilla 1.png" alt="partner 4">
<img src="assets/naver 1.png" alt="partner 5">
</div>
</div>
</section>
<!--Footer section starts-->
<footer class="footer" id="footer">
<div class="footer-section">
<img class="footer-image" src="assets/new footer image.png" alt=" footer logo ">
<p class="footer-description">Through AI for Good, we have the opportunity to revolutionize fields, empower communities, and find innovative solutions to complex global challenges, ultimately contributing to a brighter future for humanity.
</br></br>
<strong>AIFG 2023 © All rights reserved.</strong>
</p>
</div>
</footer>
<!--Footer section ends-->
<script src="mobile-menu.js"></script>
<script src="speaker.js"></script>
</body>
</html>