-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
149 lines (126 loc) · 6.74 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home_boot</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>
</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 " >
<a class="nav-link navbar-brand" href="index.html" style="font-size: xx-large; color: aliceblue;">Home</a>
</li>
<li class="nav-item">
<a class="nav-link navbar-brand" href="about2.html" style="font-size: xx-large; color: aliceblue;">About</a>
</li>
<li class="nav-item">
<a class="nav-link navbar-brand" href="skills2" style="font-size: xx-large; color: aliceblue;">Skills</a>
</li>
<li class="nav-item">
<a class="nav-link navbar-brand" href="contacts.html" style="font-size: xx-large; color: aliceblue;">Contacts</a>
</li>
</ul>
</div>
</nav>
<div class="bg-dark flex-fill">
<div class="mx-5 h-30 w-40">
<div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="tea1.jpeg" class="d-block w-100" alt="First slide">
</div>
<div class="carousel-item">
<img src="jose1.jpeg" class="d-block w-100" alt="Second slide">
</div>
<div class="carousel-item">
<img src="jose2.jpeg" class="d-block w-100" alt="Third slide">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-dark">
<marquee behavior="" direction="left">
<h1 class="mx-5 text-light">Tommorrow holds endless possibilities....</h1>
</marquee>
</div>
<div class="bg-light h-50 mx-5">
<h1>What i am in brief</h1>
<p>One meek gent whose coding passion burns bright.</p>
<p>Thinking that tommorrow holds endless opportunities is what gives him strength </p>
<p>Pius is one whom u may find at the football play-ground as a cheer leader but when ti comes to
board games like Chess, he is an active player
</p>
<p>Interacting with Marlon is another thing that the World's Tech giants have simplified for those
who would like chat, juzz, code, discuss, inform and also advise Pius.
</p>
<p>Chat with Pius on Meta's WhatsApp at <a href="https://web.whatsapp.com/">+256 750 135 338</a></p>
<p>Or else code with Pius on GitHub at <a href="">MarlonPius</a></p>
<p>You can also Juzz with Pius on Elon's Twitter at <a href="https://twitter.com/marlon_psly">@marlon_psly</a></p>
</div>
<div class="mx-5 bg-light text-secondary">
<h6><strong>A simple story good to know.</strong></h6>
<p>
<q>Once upon a time, there was a programming team that was working on a new software release. They had been working on it for months, and it was finally ready for testing.
The QA team tested the software thoroughly, and they didn't find any bugs. The developers were confident that the software was ready to be released, so they deployed it to production.
The software release went smoothly, and the users were happy. But then, a few days later, one of the users reported a bug. The developers were surprised and disappointed, but they immediately started working on a fix.
They found the bug and fixed it, but when they deployed the fix, it caused a new bug. And then another bug. And another.
The developers were starting to get frustrated. They couldn't figure out why the software was becoming so buggy.
Finally, one of the developers suggested that they follow the programming slogan "when it works, don't touch it." They decided to stop deploying any new fixes, even if they knew about bugs.
At first, the users were unhappy, but the developers explained to them that they were trying to avoid making the software even more buggy.
After a few weeks, the users realized that the software was actually more stable than before. They were willing to live with a few bugs, as long as the software didn't crash or lose their data.
The developers learned a valuable lesson that day. Sometimes, the best way to fix a software bug is to leave it alone.
Of course, this is a humorous story, and it's not always the best advice to follow in the real world. Sometimes, it is necessary to fix bugs, even if it means deploying new code. But the story does illustrate the importance of caution and careful testing when making changes to software. </q>
</p>
<p>Thank you for Visiting Marlon Pius' Site..........Feel free to interact with me once more.</p>
</div>
<div class="container">
<div class="row">
<div class="col">
<div class="sub-div bg-dark fill-div" style="height: 400px; width: 300px; display: flex;"><img src="jose2.jpeg" alt=""></div>
</div>
<div class="col">
<div class="sub-div bg-primary" style="height: 400px; width: 300px; display: flex"><img src="jose1.jpeg" alt=""></div>
</div>
<div class="col">
<div class="sub-div bg-light" style="height: 400px; width: 350px; display: flex"><img src="off1.jpeg" alt=""></div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col">
<div class="sub-div bg-dark fill-div" style="height: 400px; width: 300px; display: flex;"><img src="jose2.jpeg" alt=""></div>
</div>
<div class="col">
<div class="sub-div bg-primary" style="height: 400px; width: 300px; display: flex"><img src="jose1.jpeg" alt=""></div>
</div>
<div class="col">
<div class="sub-div bg-light" style="height: 400px; width: 350px; display: flex"><img src="off1.jpeg" alt=""></div>
</div>
</div>
</div>
<div style="background-color: black; height: 50px;"></div>
<hr size="2%" color="black" width="99.7%">
<div style="background-color: black; height: 40px;"></div>
<hr size="2%" color="black" width="99.7%">
<div style="background-color: black; height: 30px;"></div>
<hr size="2%" color="black" width="99.7%">
<div style="background-color: black; height: 20px;"></div>
<hr size="2%" color="black" width="99.7%">
<div style="background-color: black; height: 10px;"></div>
<hr size="2%" color="black" width="99.7%">
<div style="background-color: black; height: 5px;"></div>
<hr size="2%" color="black" width="99.7%">
<div style="background-color: black; height: 1px;"></div>
</body>
</html>