-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
147 lines (142 loc) · 6.05 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 http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Health-Tech Conference</title>
<link rel="stylesheet" href="./css/style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap"
rel="stylesheet"
/>
<link href="http://fonts.cdnfonts.com/css/cocogoose" rel="stylesheet" />
</head>
<body>
<header>
<nav class="top-nav">
<ul class="navigation-links">
<li><img src="./assets/facebook.png" alt="Facebook" /></li>
<li><img src="./assets/twitter.png" alt="Twitter" /></li>
<li><a href="#">Logout</a></li>
<li><a href="#">MyPage</a></li>
<li><a href="#">Korean</a></li>
</ul>
</nav>
<div class="toolbar">
<a href="index.html"><img class="logo" src="./assets/htc-logo.png" alt="Logo" /></a>
<button type="button" class="mobile-menu-toggle"><img src="./assets/mobile_menu.png" alt="Mobile menu" class="toogle" /></button>
<nav class="nav-bar">
<ul class="navigation">
<li class="nav-item home_link"><a href="index.html">Home</a></li>
<li class="nav-item"><a href="about.html">About</a></li>
<li class="nav-item"><a>Program</a></li>
<li class="nav-item"><a>Join</a></li>
<li class="nav-item"><a>Sponsor</a></li>
<li class="nav-item"><a>News</a></li>
</ul>
<button type="button" class="mobile-menu-close"><img src="./assets/close_mobile_menu.png" alt="Close" /></button>
<a class="campaign-btn" href="#">HTC Campaign</a>
</nav>
</div>
</header>
<main>
<section class="home about">
<div class="home-content">
<p class="main-text-color">"Hello! Sharing World"</p>
<h1 class="title">HEALTH-TECH CONFERENCE 2023</h1>
<div class="home-description">
<p class="home-description-text">A 3-day festival where 1000+ Health professionals from different countries are joining to share the latest technological updates, ideas and creativity in February 2023 in Yaounde, the capital city of Cameroon.</p>
</div>
<p class="date dark-text-color">2023.02.13 (MON) ~ 15 (WED)</p>
<p class="venu">@ Yaounde Convention Center</p>
</div>
</section>
<section id="core-program" class="section program">
<div class="program-container">
<div class="program-heading">
<h2 class="program-title">Main Program</h2>
<span class="line"></span>
</div>
<div class="program-grid">
<div class="program-item">
<img src="./assets/icons/conference-icon.png" alt="Traumatology" />
<h4 class="program-item-speciality">Lecture</h4>
<p class="">
Listen to lectures from speakers and learn about the latest health innovations.
</p>
</div>
<div class="program-item">
<img src="./assets/icons/schedule-icon.png" alt="Cardiology" />
<h4 class="program-item-speciality">Projects</h4>
<p class="">
See the projects of different researcher on different services.
</p>
</div>
<div class="program-item">
<img src="./assets/icons/chat-icon.png" alt="Gynecology" />
<h4 class="program-item-speciality">Forum</h4>
<p class="">
Share yur thoughts and opinions with different medical experts by topic.
</p>
</div>
<div class="program-item">
<img src="./assets/icons/main-event-icon.png" alt="Dermatology" />
<h4 class="program-item-speciality">Workshop</h4>
<p class="">
You will be having the opportunity to create your own projects.
</p>
</div>
<div class="program-item">
<img src="./assets/icons/ignite-icon.png" alt="Dermatology" />
<h4 class="program-item-speciality">Network</h4>
<p class="">
Grab the opportunity to network with medical experts.
</p>
</div>
</div>
<div class="program-cta">
<a href="#" class="program-join">Join HEALTH-TECH Conference 2023</a>
<a href="#" class="whole-program">SEE THE WHOLE PROGRAM</a>
</div>
</div>
</section>
<section class="section doctors"></section>
<section class="partners">
<div class="container">
<h2 class="section-title">Our Partners</h2>
<span class="line"></span>
<div class="partners-list">
<div class="partner-item">
<img class="partner-logo" src="./assets/mozilla2.png" alt="Mozilla" />
</div>
<div class="partner-item">
<img class="partner-logo" src="./assets/google2.png" alt="Google" />
</div>
<div class="partner-item">
<img class="partner-logo" src="./assets/naver2.png" alt="Naver" />
</div>
<div class="partner-item">
<img class="partner-logo" src="./assets/kakao2.png" alt="Kakao" />
</div>
<div class="partner-item">
<img class="partner-logo" src="./assets/airbnb2.png" alt="Airbnb" />
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="footer-img">
<img class="foot-img" src="./assets/htc-logo.png" alt="" />
</div>
<div class="footer-text">
2023 Health-Tech Conf Yaounde <br/>
© SOME RIGHTS RESERVED
</div>
</footer>
<script src="./js/script.js"></script>
</body>
</html>