-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·218 lines (212 loc) · 7.53 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
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8" />
<title>Godfrey|Enosh</title>
<link rel="stylesheet" href="style.css" />
<link rel="icon" href="Images/favicon-32x32.png" />
<!-- Fontawesome CDN Link -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<!-- Move to up button -->
<div class="scroll-button">
<a href="#home"><i class="fas fa-arrow-up"></i></a>
</div>
<!-- navgaition menu -->
<nav>
<div class="navbar">
<div class="logo">
<a href="index.html"><h6>Godfrey|Enosh</h6></a>
</div>
<ul class="menu">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
<div class="cancel-btn">
<i class="fas fa-times"></i>
</div>
</ul>
<div class="media-icons">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="https://mobile.twitter.com/Godfrey_360"
><i class="fab fa-twitter"></i
></a>
<a href="https://www.instagram.com/godfrey_codes/"
><i class="fab fa-instagram"></i
></a>
</div>
</div>
<div class="menu-btn">
<i class="fas fa-bars"></i>
</div>
</nav>
<!-- Home Section Start -->
<section class="home" id="home">
<div class="home-content">
<div class="text">
<div class="text-one">Hello, I'm</div>
<div class="text-two">Godfrey Enosh</div>
<div class="text-three">Software Developer</div>
<div class="text-four">From Tanzania</div>
</div>
<div class="button">
<button><a href="contact.html">Hire Me</a></button>
</div>
</div>
</section>
<!-- About Section Start -->
<section class="about" id="about">
<div class="content">
<div class="title"><span>About Me</span></div>
<div class="about-details">
<div class="left">
<img src="Images/me.jpg" alt="" />
</div>
<div class="right">
<div class="topic">Developing Is My Passion</div>
<p>
I am Software Developer with Passionate about programming and
Software Development,With exprience in
<strong>
Web Development, App Development and Systems Development
</strong>
and also I am a good coding tutor in
<strong>C++, Python and Java</strong>. Commited to delivering
highquality code and meeting project deadlines. Strong
problem-solving and ability to think creatively and am interest in
learning and staying up-to-date with latest Technologies and
industry trends inoder to improve my skills as Developer <br />
Also i'm the founder of
<strong>ECC COMMUNITY(EVERYONE CAN CODE)</strong>
</p>
<div class="button">
<button>
<a
href="https://drive.google.com/file/d/19EqSPeUg0lTx3msGvr8fEpb9Q_UaJaVc/view?usp=sharing"
download="https://drive.google.com/file/d/19EqSPeUg0lTx3msGvr8fEpb9Q_UaJaVc/view?usp=sharing"
>Download My CV</a
>
</button>
</div>
</div>
</div>
</div>
</section>
<!-- My Skill Section Start -->
<!-- Section Tag and Other Div will same where we need to put same CSS -->
<section class="skills" id="skills">
<div class="content">
<div class="title"><span>My Skills</span></div>
<div class="skills-details">
<div class="text">
<div class="topic">Skills Reflects Our Knowledge</div>
<p>
Skills always reflect our Knowledge, I got highquality coding
skill through different Technologies. Like
<strong> HTML5, CSS3, Javascript, Bootstrap</strong> and oher
Frameworks. Also i use Other Technologies.
</p>
<div class="experience">
<div class="num">2</div>
<div class="exp">
Years Of <br />
Experience
</div>
</div>
</div>
<div class="boxes">
<div class="box">
<div class="topic">HTML</div>
<div class="per">90%</div>
</div>
<div class="box">
<div class="topic">CSS</div>
<div class="per">80%</div>
</div>
<div class="box">
<div class="topic">JavScript</div>
<div class="per">70%</div>
</div>
<div class="box">
<div class="topic">Bootstrap & React</div>
<div class="per">60%</div>
</div>
<div class="box">
<div class="topic">Python & C++</div>
<div class="per">60%</div>
</div>
<div class="box">
<div class="topic">Java</div>
<div class="per">60%</div>
</div>
</div>
</div>
</div>
</section>
<!-- My Services Section Start -->
<section class="services" id="services">
<div class="content">
<div class="title"><span>My Services</span></div>
<div class="boxes">
<div class="box">
<div class="icon">
<i class="fas fa-desktop"></i>
</div>
<div class="topic">Web Development</div>
<p>Front-End and Back-End</p>
</div>
<div class="box">
<div class="icon">
<i class="fab fa-android"></i>
</div>
<div class="topic">Apps Development</div>
<p>IOS and ANDROID</p>
</div>
<div class="box">
<div class="icon">
<i class="fas fa-chart-line"></i>
</div>
<div class="topic">Code Tutor</div>
<p>C++, Python, HTML5, CSS3 and JavaScript</p>
</div>
</div>
</div>
</section>
<!-- Contact Me section Start -->
<section class="contact" id="contact">
<div class="content">
<div class="title"><span>Contact Me</span></div>
<div class="text">
<div class="topic">Have Any Project?</div>
<p>
if you have any project feel free to contact me and i will explore
the world of binary to you.<br />Turning binary into clickable
button.<br />
Just click it <br />
😎
</p>
<div class="button">
<button><a href="contact.html">Let's Chat</a></button>
</div>
</div>
</div>
</section>
<!-- Footer Section Start -->
<footer>
<div class="text">
<span
><a href="#">Godfrey|Enosh</a> | © 2023 All Rights Reserved
<br />Tel: +255 656 484 894 | +255 689 737 839</span
>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>