Skip to content
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

HTML Challenges #30

Open
wants to merge 4 commits into
base: master
Choose a base branch
from
Open

HTML Challenges #30

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
94ea9d1
Write a Poem
iamabubakarsuleiman Nov 1, 2024
0fdd100
You can learn text tags
iamabubakarsuleiman Nov 1, 2024
93d797c
Your learning list
iamabubakarsuleiman Nov 1, 2024
ff9a0b5
A picture-perfect trip
iamabubakarsuleiman Nov 1, 2024
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
40 changes: 33 additions & 7 deletions module_01/01_intro_html/01_challenge.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,35 @@
<!DOCTYPE HTML>
<!DOCTYPE html>
<html>
<head>
<title>Challenge: Write a Poem</title>
<meta charset="utf-8">
</head>
<body>
</body>
<head>
<title>Challenge: Write a Poem</title>
<meta charset="utf-8" />
</head>
<body>
<h1>Echoes of eHealth Africa</h1>
<p>
In eHealth Africa’s guiding light,<br />
Young minds rise to code and fight.<br />
With tools to learn, with dreams to steer,<br />
A future built in code is near.
</p>
<p>
Through tech and health, they pave the way,<br />
Innovators of a brighter day. <br />
In every line, a vision flows— <br />
Where eHealth Africa’s mission grows.
</p>
<p>
Through algorithms, bright and bold,<br />
You weave solutions, brave and told.<br />
To heal, to help, to rise and grow— <br />
With every line, let progress flow.
</p>
<hr />
<p>
<strong
>For every aspiring developer, may your journey be one of impact and
innovation!</strong
>
</p>
</body>
</html>
64 changes: 34 additions & 30 deletions module_01/01_intro_html/02_challenge.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,32 +1,36 @@
<!DOCTYPE HTML>
<!DOCTYPE html>
<html>
<head>
<title>Challenge: You can learn text tags</title>
<meta charset="utf-8">
</head>
<body>
<p>
Nobody’s born smart. We all start at 0. Can’t talk, can’t walk, certainly can’t do algebra.<br>
Adding, reading, writing, riding a bike. Nobody’s good at anything at first.<br>
There was a time when Einstein couldn’t count to 10.<br>
And Shakespeare had to learn his ABCs just like the rest of us.<br>
Thankfully, we are born to learn.<br>
Slowly. Surely. You stumble, slip, crawl, fall and fail and fall.<br>
Frustrating. Confusing. Trying. Struggling.<br>
Until one day, you walk.<br>
One foot in front of the other. One idea on top of the next.<br>
Each wrong answer making your brain a little bit stronger.<br>
Failing is just another word for growing. And you keep going.<br>
This. is. learning.<br>
It’s not that you don’t get it. <br>
You just don’t get it, yet.
Because the most beautiful, complex concepts in the whole universe<br>
are built on basic ideas that anyone, anywhere can understand.<br>
Whoever you are, wherever you are.<br>
</p>
<p>
You only have to know one thing:<br>
You can learn anything.
</p>
</body>
<head>
<title>Challenge: You can learn text tags</title>
<meta charset="utf-8" />
</head>
<body>
<p>
<strong>Nobody’s born <em>smart</em></strong
>. We all start at 0. Can’t talk, can’t walk, certainly can’t do
algebra.<br />
Adding, reading, writing, riding a bike. Nobody’s good at anything at
first.<br />
There was a time when <strong>Einstein</strong> couldn’t count to 10.<br />
And <strong>Shakespeare</strong> had to learn his ABCs just like the rest
of us.<br />
Thankfully, we are born to learn.<br />
Slowly. Surely. You stumble, slip, crawl, fall and fail and fall.<br />
Frustrating. Confusing. Trying. Struggling.<br />
Until one day, you walk.<br />
One foot in front of the other. One idea on top of the next.<br />
Each wrong answer making your brain a little bit stronger.<br />
Failing is just another word for growing. And you keep going.<br />
This. is. learning.<br />
It’s not that you don’t get it. <br />
You just don’t get it, yet. Because the most beautiful, complex concepts
in the whole universe<br />
are built on basic ideas that anyone, anywhere can understand.<br />
Whoever you are, wherever you are.<br />
</p>
<p>
You only have to know one thing:<br />
<strong>You can <em>learn</em> anything.</strong>
</p>
</body>
</html>
64 changes: 48 additions & 16 deletions module_01/01_intro_html/03_challenge.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,19 +1,51 @@
<!DOCTYPE HTML>
<!DOCTYPE html>

<html>

<head>

<title>Challenge: Your learning list</title>

<meta charset="utf-8">

</head>

<body>



</body>

<head>
<title>Challenge: Your learning list</title>

<meta charset="utf-8" />
</head>

<body>
<h1>Types of Lists in HTML</h1>

<!-- Ordered List -->
<h2>Ordered List (OL)</h2>
<p>An ordered list displays items in a numbered format.</p>
<ol>
<li>Item One</li>
<li>Item Two</li>
<li>Item Three</li>
</ol>

<!-- Unordered List -->
<h2>Unordered List (UL)</h2>
<p>An unordered list displays items with bullet points.</p>
<ul>
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
</ul>

<!-- Description List -->
<h2>Description List (DL)</h2>
<p>A description list pairs terms with descriptions.</p>
<dl>
<dt>HTML</dt>
<dd>The standard markup language for creating web pages.</dd>

<dt>CSS</dt>
<dd>
A style sheet language used for describing the presentation of a
document written in HTML.
</dd>

<dt>JavaScript</dt>
<dd>
A programming language commonly used to create interactive effects
within web browsers.
</dd>
</dl>
</body>
</html>
38 changes: 26 additions & 12 deletions module_01/01_intro_html/04_challenge.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,17 +1,31 @@
<!DOCTYPE HTML>
<!DOCTYPE html>
<html>
<head>
<title>Challenge: A picture-perfect trip</title>
<meta charset="utf-8">
</head>
<body>
<h1>The perfect trip</h1>
<head>
<title>Challenge: A picture-perfect trip</title>
<meta charset="utf-8" />
</head>
<body>
<h1>The perfect trip</h1>

<p>I would see scenes like...</p>
<p>I would see scenes like...</p>

<p>And animals like...</p>
<img
src="https://media.istockphoto.com/id/482206266/photo/kaaba-in-mecca.jpg?s=1024x1024&w=is&k=20&c=dIQHRc1GU9pjFjWjQNn79_--sSxNVXv5QmwAyjAoBhs="
alt="The beatiful city of Mecca with a perfect view kaaba"
width="250"
/>

<p>And eat food like...</p>

</body>
<p>And animals like...</p>
<img
src="https://media.istockphoto.com/id/1779735855/photo/beautiful-tabby-cat-on-white-background.jpg?s=612x612&w=is&k=20&c=XinU-eu8D-Qh8bIORsrqTJ59GrIuW-VTttUOJ21WN5s="
alt="A beautiful tabby cat on white background "
width="200"
/>
<p>And eat food like...</p>
<img
src="https://media.istockphoto.com/id/1912320552/photo/garlic-fried-rice-skewer-whole-grilled-chicken-peri-peri-fried-wings-platter-beef-noodle-soup.jpg?s=612x612&w=is&k=20&c=VdDCEsKEhJIJ3oZpKWwMWAu1u63MQF3P2eCwE5BNP_M="
alt="A well prepared friedrice, skewer, whole grilled chicken, peri-peri, fried wings,platter beef,noodle soup"
width="250"
/>
</body>
</html>