-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
128 lines (120 loc) · 4.97 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
<!DOCTYPE html>
<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">
<link href="https://fonts.googleapis.com/css2?family=Crete+Round&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="style.css">
<title>DataLive</title>
</head>
<body>
<!-- Start------the headr tag contains navigation hamburger, other useful links -->
<header>
<div class="header">
<ul class="header-link">
<li class="header-list"><a href=""><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li class="header-list"><a href=""><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li class="header-list"><a href="">English</a></li>
<li class="header-list"><a href="">MyPage</a></li>
<li class="header-list"><a href="">Logout</a></li>
</ul>
</div>
<nav class="navigation-bar">
<div class="hamburger">
<span class="bars hamburger-bars"></span>
<span class="bars hamburger-bars"></span>
<span class="bars hamburger-bars"></span>
</div>
<div class="logo">
<b class="lo"><a href="index.html"> <i>DataLive</i> </a></b>
</div>
<ul class="nav-item">
<li class="nav-list" id="list"><a href="about.html">About</a></li>
<li class="nav-list" id="list"><a href="">Program</a></li>
<li class="nav-list" id="list"><a href="">Join</a></li>
<li class="nav-list" id="list"><a href="">Sponsor</a></li>
<li class="nav-list" id="list"><a href="">News</a></li>
<li class="nav-list" id="list"><a href="">Register Now</a></li>
</ul>
</nav>
</header>
<!-- END--------the headr tag contains navigation hamburger, other useful links -->
<!-- Start------the main tag displays the main content of the page -->
<main>
<section class="home-section">
<div class="content">
<h2>"Register Now"</h2>
<h1>
Unlock the Power of Data Science
with AI
</h1>
<div class="content-description">
<p class="description">
Welcome to 'Driven into Data Science Using AI 2023,' a
premier event dedicated to exploring the intersection of
data science and artificial intelligence. Join us for an immersive experience that will
empower you with the knowledge and skills needed to thrive in the data-driven world.
</p>
</div>
<div class="vernu">
<h3>2023.10.15(THU) ~ 16(FRI)</h3>
<span>@ Field lane of Ghana. Art Center Nabi and more</span>
</div>
</div>
</section>
<!-- ------
program section goes here,
created dynamic from js file
-->
<section class="main-program">
<div class="program-content">
<h3>Key Benefits<hr></h3>
<div class="event">
</div>
<span><a href="">SEE THE WHOLE PROGRAM</a></span>
</div>
</section>
<!-- ------
program section goes here,
created dynamic from js file
-->
<!-- ------
program section goes here,
created dynamic from js file
-->
<section class="speaker-section">
<div class="featured-speaker">
<h2 class="f-h2">Featured Speakers <hr></h2>
<div class="recent">
</div>
<div class="see-more">Show more</div>
</div>
</section>
<!-- ------
program section goes here,
created dynamic from js file
-->
<section class="partners">
<h2>Partners <hr></h2>
<div class="container">
<img src="images/Capture.PNG" alt="">
<img src="images/Capture2.PNG" alt="">
<img src="images/Capture3.PNG" alt="">
<img src="images/Capture4.PNG" alt="">
<img src="images/Capture5.PNG" alt="">
</div>
</section>
<footer class="footer">
<b>DataLive</b>
<i>2023 DataLive. Some Right Reserved</i>
</footer>
</main>
<!-- END--------the main tag displays the main content of the page -->
<!-- the script tag link the js script file with html file -->
<script src="script.js"></script>
</body>
</html>