Skip to content

Commit

Permalink
added jumbotron, updated link href's, removed duplicate links to incl…
Browse files Browse the repository at this point in the history 
…ude whatsapp, telegram and discord
  • Loading branch information
@kithenry
kithenry committed Aug 26, 2024
1 parent b156b54 commit 18f7e42
Show file tree
Hide file tree
Showing 6 changed files with 55 additions and 22 deletions.
18 changes: 9 additions & 9 deletions assets/snippets/footer.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -41,35 +41,35 @@ <h4 class="">FOLLOW</h4>
<div class="icons">
<ul class="list-unstyled icon-list 1">
<li>
<a href="https://github.com">
<a href="https://github.com/kithenry">
<i class="fa fa-github" aria-hidden="true"></i>
</a>
</li>
<li>
<a href="https://twitter.com">
<a href="https://x.com/kithenry60">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
</li>
<li>
<a href="https://linkedin.com">
<a href="https://www.linkedin.com/in/keith-henry-nambale-0a0939322/">
<i class="fa fa-linkedin" aria-hidden="true"></i>
</a>
</li>
</ul>
<ul class="list-unstyled icon-list 2">
<li>
<a href="https://github.com">
<i class="fa fa-github" aria-hidden="true"></i>
<a href="https://web.telegram.org">
<i class="fa fa-telegram" aria-hidden="true"></i>
</a>
</li>
<li>
<a href="https://twitter.com">
<i class="fa fa-twitter" aria-hidden="true"></i>
<a href="https://whatsapp.com">
<i class="fa fa-whatsapp" aria-hidden="true"></i>
</a>
</li>
<li>
<a href="https://linkedin.com">
<i class="fa fa-linkedin" aria-hidden="true"></i>
<a href="https://discord.com">
<i class="fa fa-discord bi bi-discord" aria-hidden="true"></i>
</a>
</li>
</ul>
Expand Down
6 changes: 3 additions & 3 deletions contact/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,12 +8,12 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<!-- Option 1: Include in HTML -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link rel="stylesheet" href="../assets/css/index.css">
<title>Contact Me</title>

<style>


<style>
/* Highlight color change on focus */
.form-control:focus {
border-color: var(--secondary-color);
Expand Down
42 changes: 34 additions & 8 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8">
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
Expand All @@ -20,7 +21,7 @@
<div class="main-content">
<section p-3 p-sm-0>
<div class="container mb-3 p-3">
<h2>
<!-- <h2>
Hi, I'm Keith Henry Nambale </h2> <span class="mb-2">
Maker and owner of this site and all it has to offer. I am a
Computer Engineering student and a Christian. I like to read and study about topics outside my
Expand All @@ -32,14 +33,39 @@ <h2>
portfolio, and contact
details) to personal writing inspired by what I've learnt reading and thinking about a variety
of subjects.
</p> -->
<div class="jumbotron-wrapper" style="background-image: url(./assets/images/img04.jpg);
background-position: center;
background-size: cover;">
<div class="container py-4">
<div class="jumbotron text-white">
<h1 class="display-4">Hi!</h1>
<p class="lead">I'm Keith Henry Nambale</p>
<hr class="my-4">
<p>Maker and owner of this site and all it has to offer. I am a
Computer Engineering student and a Christian. I like to read and study about topics
outside my
area of formal education.</p>
<p>
On here, I share a lot from various areas of my life. From work related info (my
resume, my
portfolio, and contact
details) to personal writing inspired by what I've learnt reading and thinking about
a variety
of subjects.
</p>
<p class="lead">

<a class="btn-lg btn-bg-plain button" href="#" role="button">More About Me</a>
</p>
</div>
</div>

</div>

<p class="my-2">
Explore More;
</p>
<p>
The site also features a project section which includes work both complete and ongoing from both
Software and Hardware Development.
</p>
<h4 class="mb-2">
Click one of the buttons below to explore in more detail.
</h4>
<div class="custom-row"
style="display: flex; width: 100%; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: nowrap;">
<div class="custom-row-item">
Expand Down
2 changes: 2 additions & 0 deletions projects/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,8 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<!-- Option 1: Include in HTML -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link rel="stylesheet" href="../assets/css/index.css">
<title>Projects</title>
</head>
Expand Down
5 changes: 4 additions & 1 deletion projects/web-development/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,8 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<!-- Option 1: Include in HTML -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link rel="stylesheet" href="/assets/css/index.css">
<title>Web Development Projects</title>
</head>
Expand All @@ -19,7 +21,8 @@
<div class="main-conten my-3">
<h1 class="text-center mb-3">Web Development Projects</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt id, voluptatibus nihil laborum dolorum consequatur placeat repellendus ratione, pariatur corporis maiores temporibus totam?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt id, voluptatibus nihil laborum
dolorum consequatur placeat repellendus ratione, pariatur corporis maiores temporibus totam?
</p>
<h3>Project Listing</h3>
<ul>
Expand Down
4 changes: 3 additions & 1 deletion writing/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,8 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<!-- Option 1: Include in HTML -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link rel="stylesheet" href="../assets/css/index.css">
<title>Articles- K(e)ith N. Henry</title>

Expand Down Expand Up @@ -65,7 +67,7 @@ <h3>Religion and philosophy of life</h3>
</button>
</div>
</div>

<!-- <div class="">
<p class="">All Articles</p>
<ul>
Expand Down

0 comments on commit 18f7e42

Please sign in to comment.