222

MarlonPiusMulamba · Nov 22, 2023 · 04431dd · 04431dd
1 parent 62432c9
commit 04431dd
Show file tree

Hide file tree

Showing 23 changed files with 503 additions and 77 deletions.
diff --git a/about.html b/about.html
@@ -6,15 +6,25 @@
     <title>About</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; height: 1000px; height color: aliceblue;">Home</a>
+                <a class="nav-link" href="index.html" style="font-size: xx-large; height 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>
@@ -113,11 +123,70 @@ <h5><strong>The motherless life.</strong></h5>
 The years in Luwero were a time of growth and discovery for Marlon Pius, where he learned the value of unity, the strength of knowledge, and the beauty of community. He knew that like the intertwined branches of a sturdy tree, his roots were firmly anchored in the rich soil of Luwero, nourished by the love and support of his dear Aunt Deborah, Uncle Deo, and the friends who walked alongside him. The memories of chalkboard beginnings, the camaraderie of friends, and the wisdom of the village continued to shape him as he embarked on the next chapters of his life, carrying with him the enduring spirit of Luwero and its timeless lessons.</p>
 </div>
 </div>
-<div class="bg-dark display-flex text-light h-50">
-  <h1>.</h1>
 
+<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>
diff --git a/call.png b/call.png
diff --git a/contacts.html b/contacts.html
@@ -7,8 +7,17 @@
     <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>
+          nav ul li a:hover{
+      background-color: rgb(10, 5, 1);
+      color: blue;
+    }
+    nav ul li a:before{
+      color: black;
+    }
+    nan ul li a:after{
+      color: rgb(76, 196, 7);
+    }
+      </style>
 </head>
 <body>
     <div class="bg-dark h-100 text-light">
@@ -19,6 +28,9 @@ <h1 class="mx-5">Mulamba Marlon Pius.</h1>
               <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>
@@ -32,5 +44,78 @@ <h1 class="mx-5">Mulamba Marlon Pius.</h1>
           </div>
 
         </nav>
+    </div>
+    <div class="bg-light h-50 mx-5">
+      <p>Contact me at +256750135338</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="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>
diff --git a/face (1).png b/face (1).png
diff --git a/face.png b/face.png
diff --git a/gallery.html b/gallery.html
@@ -0,0 +1,157 @@
+<!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>
+    nav ul li a{
+        padding: 20px;
+    }
+    .st_div{
+      margin-left: 100px;
+      margin-right: 100px;
+    }
+    nav ul li a:hover{
+      background-color: rgb(10, 5, 1);
+      color: blue;
+    }
+  </style>
+  <style>
+
+  </style>
+</head>
+<body>
+  <div class="bg-dark h-100 text-light container-fluid">
+    <h1 class="mx-5">Check out my Gallery....</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 navbar-brand active" 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 navbar-brand" href="about.html" style="font-size: xx-large; color: aliceblue;">About</a>
+          </li>
+          <li class="nav-item mx-5">
+            <a class="nav-link navbar-brand" href="skills.html" style="font-size: xx-large; color: aliceblue;">Skills</a>
+          </li>
+          <li class="nav-item mx-5">
+            <a class="nav-link navbar-brand" href="contacts.html" style="font-size: xx-large; color: aliceblue;">Contacts</a>
+          </li>
+        </ul>
+      </div>
+
+    </nav>
+</div>
+    <div class="container my-3">
+        <div class="row">
+          <div class="col">
+            <p><img style="height: 500px; width: 500px;" src="tea1.jpeg" alt=""></p>
+            <p><i>When breakfast calls, with my guy I answer...</i></p>
+          </div>
+          <div class="col">
+            <p><img style="height: 500px; width: 500px;" src="side (6).JPG" alt=""></p>
+            <p><i>This must be time for chilling...</i></p>
+          </div>
+          <div class="col">
+            <p><img style="height: 700px; width: 500px;" src="side (1).JPG" alt=""></p>
+            <p><i>The silence one single person is stronger than than the noise of 1000 people</i></p>
+          </div>
+          <div class="col">
+            <p><img style="height: 700px; width: 500px;" src="jany.jpeg" alt=""></p>
+            <p><i>On a walk to work..</i></p>
+          </div>
+          <div class="col">
+            <p><img style="height: 700px; width: 500px;" src="freedom walk.jpeg" alt=""></p>
+            <p><i>On a walk to freedom.....</i></p>
+          </div>
+          <div class="col">
+            <p><img style="height: 700px; width: 500px;" src="off1.jpeg" alt=""></p>
+            <p><i>When office work calls,....bodly i answer</i></p>
+          </div>
+          <div class="col">
+            <p><img style="height: 700px; width: 500px;" src="jose3.jpeg" alt=""></p>
+            <p><i>With my brother, we pose for pics</i></p>
+          </div>
+          <div class="col">
+            <p><img style="height: 700px; width: 500px;" src="jose2.jpeg" alt=""></p>
+            <p><i>With Him la Brodha....</i></p>
+          </div>
+        </div>
+      </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>
diff --git a/im.png b/im.png