Skip to content

added name and images #58

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
butandasamuel wants to merge 2 commits into
base: main
Choose a base branch
from
Open

added name and images #58

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
e2b6b0b
added name and images
ntambwe-lubangwa Nov 11, 2021
e259a76
first commit
butandasamuel Nov 11, 2021
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
42 changes: 21 additions & 21 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@

<head>
<meta charset="utf-8">
<title>[NAME]</title>
<title>SAMUEL BUTANDA</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,56 +22,56 @@

<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="samuel/gen.jpeg" width="15%" alt="cloud-pic">
<h1>I'm samuel</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="samuel/iphone.jpeg" alt="mountain-pic"> <br>
<img class="bottom-cloud" src="samuel/iphone 5s.jpeg" 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="samuel/lj.jpeg" 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 20 years old. I'm studying BUSINESS COMPUTER 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>
</a>. My dream work is to become a assistant in IT and
a good programmer. I love football, basketball, mesic and series.</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
<img class="code-image" src="samuel/sam.jpeg" alt="dev-pic">
<h3>driving E.G ==> [Design & Development]</h3>
<p>coding 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
<img class="success-image" src="samuel/sbj.jpeg" alt="success-pic">
<h3>swimming E.G ==> Winning Prize</h3>
<p>swimming 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="contact-message">
<h2>Get In Touch <img class="laugh-image" src="image/laugh.png" width="60" height="60" alt="laugh-pic"></h2>
<h2>Get In Touch <img class="laugh-image" src="samuel/sam.jpeg" 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>
<a class="btn" href="mailto:butandasamuel909@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="not account">LinkedIn</a>
<a class="footer-link" href="https:github.com/butandasaamuel">GitHub</a>
<a class="footer-link" href="https:facebook.com/dossantos.silvasbj">Facebook</a>
<p>©2021 Created by BUTANDA SAMUEL</p>
</div>

</body>
Expand Down