Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file removed image/cloud.png
Binary file not shown.
Binary file removed image/logo.ico
Binary file not shown.
Binary file removed image/mountain.png
Binary file not shown.
Binary file added image/open source 1.JPG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added image/open source 2.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added image/open source 3.JPG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added image/open source 4.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added image/open source 5.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed image/profile-pic.png
Binary file not shown.
Binary file removed image/web-programming.png
Binary file not shown.
45 changes: 21 additions & 24 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@

<head>
<meta charset="utf-8">
<title>[NAME]</title>
<titl JOSEPH</title>
<link rel="stylesheet" href="css/styles.css">
<link rel="icon" href="image/logo.ico">
<link rel="preconnect" href="https://fonts.googleapis.com">
Expand All @@ -22,40 +22,37 @@

<body>
<div class="top-container">
<img class="top-cloud" src="image/cloud.png" width="15%" alt="cloud-pic">
<h1>I'm [FIRST NAME]</h1>
<p style="font-size: 20px;">a <span style="text-decoration: overline;"></span>[CAREER]</p>
<img src="image/mountain.png" alt="mountain-pic"> <br>
<img class="bottom-cloud" src="image/cloud.png" width="15%" alt="cloud-pic">
<img class="top-cloud" src="image/open source 1.JPG" width="15%" alt="cloud-pic">
<h1>I'm leonardo</h1>
<p style="font-size: 20px;">a <span style="text-decoration: overline;"></span>I'am a Basketballer</p>
<img src="image/open source 2.PNG" alt="mountain-pic"> <br>
<img class="bottom-cloud" src="image/open source 3.JPG" width="15%" alt="cloud-pic">
</div>
<div class="middle-container">
<div class="profile">
<img src="image/profile-pic.png" width="250" height="250" alt="My profile picture">
<img src="image/open source 4.PNG" width="250" height="250" alt="My profile picture">
<h2>Hello there!</h2>
<p class="intro">I'm [AGE] years old. I'm studying [PROGRAM] at <a class="uni"
<p class="intro">I'm 24 years old. I'm studying Business Computing at BUGEMA UNIVERSITY <a class="uni"
href="https://www.bugemauniv.ac.ug">University
</a>. My dream work is to become a [CAREER-1] and
[CAREER-2]. I love [HOBBY-1], [HOBBY-2], [HOBBY-3] and [HOBBY-4].</p>
</a>. My dream work is to become a Billionaire and a great player
. I love My Family, Basketball, The Army and helping people.</p>
<p class="intro">Nice to meet you!</p>
</div>
<hr>
<div class="skills">
<h2>Skills</h2>
<div class="skill-row">
<img class="code-image" src="image/web-programming.png" alt="dev-pic">
<h3>[SKILL-1] E.G ==> [Design & Development]</h3>
<p>[SKILL DESCRIPTION] E.G ==> I started learning to code when I was 15 years old because I want to make my own games and my own
website. Overtime, I have gained a wealth of experience designing and developing web applications
and some small games.
<img class="code-image" src="image/open source 5.PNG" alt="dev-pic">
<h3>Basketball E.G ==> Helping my Family</h3>
<p>[E.G ==> I started playing basketball when i was20 years old because I loove basketball . Overtime, I have gained a wealth of experience in basketball
and some skills .
</p>
</div>
<div class="skill-row">
<img class="success-image" src="image/success.png" alt="success-pic">
<h3>[SKILL-2] E.G ==> Winning Prize</h3>
<p>[SKILL DESCRIPTION] E.G ==> I got a bronze medal at the final round of IOE (English) when I was grade 5. I have took part two
times IT competition
at city level and won two "1st prize", two "2nd prize". Once
my project was choosen to be attended at country final round. </p>
<h3></h3> </h3>
<p> E.G ==> I got a bronze medal at the final round of InterUniversity Games and Gold Medal in DRC Provincials tournament
</p>
</div>
</div>
<hr>
Expand All @@ -64,14 +61,14 @@ <h2>Get In Touch <img class="laugh-image" src="image/laugh.png" width="60" heigh
<h3>My biggest love is to be your friend</h3>
<p>Deep friendships like these offer solace during hard times and laugh till your face hurts happiness other
times.</p>
<a class="btn" href="mailto:[YOUR EMAIL]">CONTACT ME</a>
<a class="btn" href="mailto:gilabileonardo74@gmail.com">CONTACT ME</a>
</div>
</div>
<div class="bottom-container">
<a class="footer-link" href="[YOUR LINKEDIN URL]">LinkedIn</a>
<a class="footer-link" href="[YOUR GITHUB PROFILE URL]">GitHub</a>
<a class="footer-link" href="[YOUR FACEBOOK PROFILE URL]">Facebook</a>
<p>©2021 Created by [YOUR NAME]</p>
<a class="footer-link" href="Gilabi Leonardo">GitHub</a>
<a class="footer-link" href="Leonardo Bin Gilabi">Facebook</a>
<p>©2021 Created by LEONARDO BIN GILABI</p>
</div>

</body>
Expand Down