-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
197 lines (144 loc) · 5.9 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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Personal-website</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body {
background-color: Gray;
}
p{
color:black;
text-transform:capitalize;
}
h1,ul{
color:green;
text-align:center;
}
p {
margin: 25px 50px 75px 100px;
}
.icon-bar {
width: 100%; /* Full-width */
background-color: #555; /* Dark-grey background */
overflow: auto; /* Overflow due to float */
}
.icon-bar a {
float: left; /* Float links side by side */
text-align: center; /* Center-align text */
width: 20%; /* Equal width (5 icons with 20% width each = 100%) */
padding: 12px 0; /* Some top and bottom padding */
transition: all 0.3s ease; /* Add transition for hover effects */
color: white; /* White text color */
font-size: 36px; /* Increased font size */
}
.icon-bar a:hover {
background-color: #000; /* Add a hover color */
}
.active {
background-color: #4CAF50; /* Add an active/current color */
}
.header{
font-family:"Arial", sans-serif;
font-size:14px;
line-height:1.24;
background-color:#fff;
positioned:fixed;
top:auto;
width:100%;
}
.header li{
display:inline-block;
}
.header a{
display:block;
color:#4A4A4A;
padding:30PX 20PX;
}
li a:hover {
background-color:#0000ff; /* Add a hover color */
}
</style>
</head>
<body>
<div class="icon-bar">
<a class="active" href="#"><i class="fa fa-home"></i></a>
<a href="#"><i class="fa fa-search"></i></a>
<a href="#"><i class="fa fa-envelope"></i></a>
<a href="#"><i class="fa fa-globe"></i></a>
<a href="#"><i class="fa fa-trash"></i></a>
</div>
<!-- navigation section-->
<div class="header">
<nav>
<ul>
<li><a href="https://www.facebook.com/seshiwani">ABOUT ME</a></li>
<li><a href="">MY INTEREST</a></li>
<li><a href="">DREAMS</a></li>
<li><a href="">AMBITIONS</a></li>
</ul>
</nav>
</div>
<!-- About me section -->
<div>
<h1>ABOUT ME</h1>
<P>Silas Emali Omurunga has 10 years’ experience working with community health education and technology matters.<br>
Am a graduate of Lake Victoria Kenya Medical Training College graduate.<br>
Am passionate about provision of solutions for people in the bottom of the pyramid,<br>
I am the founder and C.E.O of Support for health company that provides health education in my community in the bottom of the pyramid.<br>
I strongly believe in all humans need access to health education in a reasonable and convenient time.<br>
The entrepreneurship in me was found on the need to create a solution for my community which is marginalized.<br>
Located at a remote area with people suffering from health problem issues i saw i need to do something.<br>
Being raised by a family where all my parents were medical practionare and a teacher,<br>
seeing the impact they had created in our community pushed me further.<br>
Having worked for USAid,Community outreah,AMref just to name a few, <br>
I saw the challenges faced by communities from adapting our solutions and <br>
thus I saw the need to venture into health educating the community on the importance of their health.</p>
</div>
<br>
<!-- MY INTREST SECTION-->
<div>
<h1>MY INTEREST</h1>
<P>i love coding period...wooow</p>
</div>
<br>
<!--mY DREAM SECTION-->
<div>
<h1>MY DREAMS</h1>
<P>To become the best full-stack developer</p>
</div>
<div>
<!-- MY ambition section-->
<h1>AMBITIONS</h1>
<P>To use technology and health to provide solution to my community.<br>
Use what i have too impact the world<br></p>
</div>
<div>
<h1>Adaptation</h1>
<p>You have a proficiency for adjusting to changes in the workplace while maintaining a positive demeanor.<br>
You can remain calm, level-headed and operate effectively in the midst of stressful situations and under multiple or conflicting demands.<br>
You can change your approach to best fit the situation, analyze problems and develop new solutions.<br>
You can learn and apply new skills, adjust effectively to different and changing environments, and smoothly integrate changes into your work habits.<br>
You have an ability to deal positively with obstacles and failures, accept criticism and feedback, and use intuition and experience to complement data.</p>
</div>
<div>
<h1>Conflict Resolution</h1>
<p>You have a proficiency for to bring others together to resolve conflicts and reconciling differences through negotiation.<br>
You have a good ability to stay calm and collected in stressful situations or when confronted with criticism.<br>
You are supportive and sensitive to the feelings of others, helping you find mutually agreeable solutions.<br>
You have an extraordinary temperament for being polite and mannerly when interacting with others even when you disagree.<br>
You do alright in difficult interpersonal situations and at finding ways to effectively resolve disagreements.</p>
</div>
<div>
<h1>Innovation</h1>
<p>You have a proficiency for generating creative ideas, out-of-the-box solutions to problems and entrepreneurship.<br>
You have a disposition for working with abstract ideas and developing unconventional solutions.<br>
You have a disposition for being receptive and flexible to different ideas, perspectives, and changing demands.<br>
You can understand the basic problems at work and generate possible solutions.</p>
</div>
<!--footer section -->
<footer>
</footer>
</body>
</html>