Skip to content
Open
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
74 changes: 33 additions & 41 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,17 +3,15 @@

<head>
<meta charset="utf-8">
<title>[NAME]</title>
<title>JOSEPH</title>
<link rel="stylesheet" href="css/styles.css">
<link rel="icon" href="image/logo.ico">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Sacramento&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@300&family=Merriweather:wght@300&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@300&family=Merriweather:wght@300&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap" rel="stylesheet">
Expand All @@ -22,56 +20,50 @@

<body>
<div class="top-container">
<img class="top-cloud" src="image/cloud.png" width="15%" alt="cloud-pic">
<h1>I'm [FIRST NAME]</h1>
<img class="top-cloud" src="image/advise.jpg" width="15%" alt="cloud-pic">
<h1>I'm Nitanga</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 src="image/programing.png" alt="programing-pic"> <br>
<img class="bottom-cloud" src="image/programing.png" 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/begining of all.jpg" 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"
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>
<p class="intro">I'm 26 years old. I'm studying Networking at <a class="uni" href="https://www.bugemauniv.ac.ug">University
</a>. My dream work is to become a network engineer and business partner. I love games, movies, swimming and jogging.</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.
</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>
</div>
</div>
<hr>
<div class="skills">
<h2>Skills</h2>
<div class="skill-row">
<img class="code-image" src="image/end off all.jpg" alt="dev-pic">
<h3>Network Design ==> Physical and Logical network</h3>
<p> I can Design ==> I started learning Design network when I was 15 years old because I want to make my own network and my own company of network. Overtime, I have gained a wealth of experience designing and developing some small network area.
</p>
</div>
<hr>
<div class="contact-message">
<h2>Get In Touch <img class="laugh-image" src="image/laugh.png" width="60" height="60" alt="laugh-pic"></h2>
<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>
<div class="skill-row">
<img class="success-image" src="image/every one loves u.jpg" alt="success-pic">
<h3>Designing web site ==> 4 million UGx</h3>
<p>Designing web site ==> I got a 4 million UGx at the final round of tournement. I have took part two times IT competition at city level and won two "3rd prize". Once my project was choosen to be attended at country final round. </p>
</div>
</div>
<hr>
<div class="contact-message">
<h2>Get In Touch <img class="laugh-image" src="image/hard work.jpg" width="60" height="60" alt="laugh-pic"></h2>
<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:nitangatresor@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="Tresor11-lab">GitHub</a>
<a class="footer-link" href="[YOUR FACEBOOK PROFILE URL]">Facebook</a>
<p>©2021 Created by [YOUR NAME]</p>
<p>©2021 Created by Nitanga</p>
</div>

</body>
Expand Down