generated from Mikey1-nuel/readme-template
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
135 lines (128 loc) · 5.09 KB
/
index.html
File metadata and controls
135 lines (128 loc) · 5.09 KB
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
<!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>Capstone Project 1</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lato-font/3.0.0/css/lato-font.min.css">
</head>
<body>
<header class="container">
<nav class="sub-container1">
<ul class="link1">
<li class="list-item"><a href="#"><i class="fa fa-facebook"></i></a></li>
<li class="list-item"><a href="#"><i class="fa fa-twitter"></i></a></li>
<li class="list-item"><a href="#">English</a></li>
<li class="list-item"><a href="#">My Page</a></li>
<li class="list-item"><a href="#">Logout</a></li>
</ul>
</nav>
<nav class="sub-container2">
<div class="logo">
<a href="index.html"><img src="./images/logo2.png" alt=""></a>
</div>
<ul class="link2" id="nav">
<li id="red"><a href="about.html">About</a></li>
<li class="list-item2"><a href="#">Program</a></li>
<li class="list-item2"><a href="#">Join</a></li>
<li class="list-item2"><a href="#">Sponsor</a></li>
<li class="list-item2"><a href="#">News</a></li>
<li class="list-item2 end" id="red"><a href="#">HA 2023</a></li>
</ul>
</nav>
</header>
<section class="homepage">
<div class="hamburger">
<div class="bars"></div>
</div>
<div class="container2">
<h1 class="header1">"Hello!"</h1>
<h2 class="header2">Health Awareness on Diabetes and Obesity Programme 2023</h2>
<p class="paragraph1">This program is aimed at bringing awareness to the masses, and educate them on how obesity can result in Diabetes Mellitus. A detailed explanation of Diabetes Mellitus and its side effects will be given. This way, thousands of lives are saved by this program, and the rate of occurrence of diabetes mellitus is reduced.</p>
<h3 class="paragraph2">2023.05.25(THU) ~ 2023.05.26(FRI)</h3>
<p class="paragraph3">@ Abuja International Conference Centre, Nigeria</p>
</div>
</section>
<section class="mainprogram">
<div class="container3">
<h2 class="header3">Main Program</h2>
<hr>
<div class="programs">
<ul class="proglist">
<li class="list-item3">
<img src="images/Screenshot (207).png" alt="">
<h2 class="header4">Lecture</h2>
<p class="paragraph4">Listen to the speakers from various countries about the messages of sharing and opening</p>
</li>
<li class="list-item3">
<img src="images/Screenshot (208).png" alt="">
<h2 class="header4">Exhibition</h2>
<p class="paragraph4">Appreciate various exhibitions by diffrent companies and products</p>
</li>
<li class="list-item3">
<img src="images/Screenshot (209).png" alt="">
<h2 class="header4">Forum</h2>
<p class="paragraph4">Have the time to share your thoughts and opinoin with experts about difrrent topics</p>
</li>
<li class="list-item3">
<img src="images/Screenshot (210).png" alt="">
<h2 class="header4">Workshop</h2>
<p class="paragraph4">Participate in diffrent workshop from provided by senior engineers</p>
</li>
<li class="list-item3">
<img src="images/Screenshot (211).png" alt="">
<h2 class="header4">Networking</h2>
<p class="paragraph4">Get opportunities to network with affilaates around the countery also after the conference</p>
</li>
</ul>
</div>
<button class="btn" type="button">Join Health Awareness Programme</button>
<button class="deskbtn" type="button"><a href="#"> SEE THE WHOLE PROGRAM </a></button>
</div>
</section>
<section class="speakers">
<div class="container4">
<h2 class="header5">Featured Speakers</h2>
<hr class="hr3">
<div class="program gradient maxHeight" id="programs">
</div>
<div class="button">
<span class="showmore">More</span>
<span class="showless d-none">Less</span>
<i class="fa fa-chevron-down" aria-hidden="true"></i>
</div>
</div>
</section>
<section class="partners">
<div class="sub-cont2">
<h2 class="header9">Partner</h2>
<hr class="hr3">
<div class="partnercont">
<img src="images/mozilla.png" alt="">
<img src="images/google.png" alt="">
<img src="images/NAVER-green.png" alt="">
<img src="images/daum.png" alt="">
<img src="images/Airbnb_Logo.png" alt="">
</div>
</div>
</section>
<footer>
<div class="fotcontainer">
<div class="fot1">
<img src="images/logo2.png" alt="">
<p>Health Awareness <br> Programme</p>
</div>
<div class="fot2">
<p>Health Awareness Programme</p>
<p>Some Rights Reserved</p>
<span class="fotspan">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum sit, culpa possimus officiis dolor necessitatibus libero, distinctio laborum in et voluptatem blanditiis nesciunt praesentium voluptatum itaque? Architecto eveniet non nisi.</span>
</div>
</div>
</footer>
<script src="index.js"></script>
</body>
</html>