-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathskills.html
147 lines (135 loc) · 6.16 KB
/
skills.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 name="viewport" content="width=device-width, initial-scale=1.0">
<title>Skills</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<style>
nav ul li a:hover{
background-color: rgb(10, 5, 1);
color: blue;
}
</style>
</head>
<body>
<div class="bg-dark h-100 text-light">
<h1 class="mx-5">Mulamba Marlon Pius.</h1>
<nav class="navbar navbar-expand-sm bg-dark mx-5">
<div class="container-fluid bg-warning" style="border-radius: 10px;">
<ul class="navbar-nav">
<li class="nav-item mx-5" >
<a class="nav-link" href="index.html" style="font-size: xx-large; color: aliceblue;">Home</a>
</li>
<li class="nav-item mx-5">
<a class="nav-link navbar-brand" href="gallery.html" style="font-size: xx-large; color: aliceblue;">Gallery</a>
</li>
<li class="nav-item mx-5">
<a class="nav-link" href="about.html" style="font-size: xx-large; color: aliceblue;">About</a>
</li>
<li class="nav-item mx-5">
<a class="nav-link" href="skills.html" style="font-size: xx-large; color: aliceblue;">Skills</a>
</li>
<li class="nav-item mx-5">
<a class="nav-link" href="contacts.html" style="font-size: xx-large; color: aliceblue;">Contacts</a>
</li>
</ul>
</div>
</nav>
<div class="bg-light mx-5 text-dark">
<ul>
<li>Programming skills</li>
<li>Software Development skills</li>
<li>Testing and debugging skills</li>
<li>Problem-solving and analytical skills</li>
<li>Communication and teamwork skills</li>
<li>Stay up-to-date on the latest IT technologies</li>
<li>Think critically and solve problems creativel</li>
<li>Communicate effectively with both technical and non-technical audiences</li>
<li>Work independently and as part of a team</li>
<li>Set up a new computer network for a business</li>
<li>Troubleshoot a complex IT problem that is causing a business to lose money</li>
<li>Design and implement a new IT security system to protect a business from cyberattacks</li>
<li>Develop a new software application to automate a business process</li>
<li>Migrate a business's IT systems to the cloud</li>
<li>Web development</li>
<li>Database administration</li>
<li>Systems administration</li>
<li>Installing and configuring computer hardware and software</li>
<li>Providing technical support to users</li>
<li>Troubleshooting and resolving IT problems</li>
<li>Maintaining and securing computer networks</li>
<li>Designing and implementing IT solutions</li>
</ul>
</div>
<div class="bg-dark">
<marquee behavior="" direction="left">
<h1 class="mx-5 text-light">I do what i do best....</h1>
</marquee>
</div>
<div class="row bg-black text-light p-5 mx-5">
<div class="col">
<p> <a class="nav-link text-light" href="index.html"> Pius Homepage</a></p>
<p> <a class="nav-link text-light" href="skills.html"> Services i can offer</a></p>
<p> <a class="nav-link text-light" href="skills.html"> Skills</a></p>
<p>Forging it la Future from Bugema University..</p>
</div>
<div class="col">
<p><b><a class="nav-link text-light f1" href="about.html"> Discover more about about Pius</a></b></p>
<p>Yarning and ready to interact with you.
</p>
</div>
<div class="col">
<p class="f1"><b>Who Pius is?</b></p>
<p>One meek gent whose coding passion burns bright.
</p>
</div>
</div>
<div class="row bg-black text-light p-5 mx-5">
<div class="col f1">
<p> <img style="width: 30px; height: 30px;" src="wwwwww.jpg" alt=""> 0750135338</p>
</div>
<div class="col f1">
<p class="f1"><img style="width: 30px; height: 30px;" src="call.png" alt="">
<a class="name-link" href="web.whatsapp.com">0762447837</a></p>
</div>
<div class="col">
<p class="f1" style="font-size: 12px;"> <img style="width: 30px; height: 30px;" src="ma.png" alt="">
<a href="https://accounts.google.com/SignOutOptions?hl=en&continue=https://www.google.com%3Fhl%3Den-US&ec=GBRA8wE">[email protected]</a></p>
</div>
<div class="col f1">
<p><img style="width: 30px; height: 30px;" src="xlogo.jpg" alt="">
<a href="https://twitter.com/marlon_psly">@marlon_psly</a> </p>
</div>
<div class="col f1">
<p><img style="width: 30px; height: 30px;" src="face.png" alt="">
<a href="https://www.facebook.com/profile.php?id=100083069691070">Marlon Pius</a> </p>
</div>
</div>
<style>
.f1 a{
text-decoration: none;
text-decoration-color: white;
color: beige;
}
.f1 a:hover{
background-color: bisque;
color: blue;
}
</style>
<div class="mx-5" style="background-color: black; height: 50px;"></div>
<hr class="mx-5" size="2%" color="black" width="99.7%">
<div class="mx-5" style="background-color: black; height: 40px;"></div>
<hr class="mx-5" size="2%" color="black" width="99.7%">
<div class="mx-5" style="background-color: black; height: 30px;"></div>
<hr class="mx-5" size="2%" color="black" width="99.7%">
<div class="mx-5" style="background-color: black; height: 20px;"></div>
<hr class="mx-5" size="2%" color="black" width="99.7%">
<div class="mx-5" style="background-color: black; height: 10px;"></div>
<hr class="mx-5" size="2%" color="black" width="99.7%">
<div class="mx-5" style="background-color: black; height: 5px;"></div>
<hr class="mx-5" size="2%" color="black" width="99.7%">
<div class="mx-5" style="background-color: black; height: 1px;"></div>
</body>
</html>