Skip to content

Commit fbdb62b

Browse files
feat: solved 4th stage of the Hyperskill project "Hyperblog HTML"
1 parent c5d34aa commit fbdb62b

File tree

2 files changed

+57
-0
lines changed

2 files changed

+57
-0
lines changed

hyperskill/10_hyperblog_html/04/.gitkeep

Whitespace-only changes.
Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta content="width=device-width, initial-scale=1.0" name="viewport">
6+
<title>Hyperblog</title>
7+
</head>
8+
<body>
9+
<header>
10+
<h1>Hyperblog</h1>
11+
<nav>
12+
<ul>
13+
<li><a href="index.html">Home</a></li>
14+
<li><a href="politics.html">Politics</a></li>
15+
<li><a href="sports.html">Sports</a></li>
16+
<li><a href="entertainment.html">Entertainment</a></li>
17+
<li><a href="technology.html">Technology</a></li>
18+
</ul>
19+
</nav>
20+
</header>
21+
<aside>
22+
<h2>Popular Articles</h2>
23+
<ol type="I">
24+
<li><a href="#article1">Article 1</a></li>
25+
<li><a href="#article2">Article 2</a></li>
26+
<li><a href="#article3">Article 3</a></li>
27+
</ol>
28+
</aside>
29+
<main>
30+
<section>
31+
<article>
32+
<h3 id="article1">Article 1</h3>
33+
<i>Publish date: 2024-01-01</i>
34+
<p>Content of article 1: <br/><code>console.log("Hello World");</code></p>
35+
<video controls height="200" src="video.mp4" width="300">
36+
Your browser does not support the video tag.
37+
</video>
38+
</article>
39+
<article>
40+
<h3>Article 2</h3>
41+
<i>Publish date: 2024-01-02</i>
42+
<p>Content of article 2: </p>
43+
<blockquote><q>Hyperblog is the best blog ever.</q></blockquote>
44+
<audio controls src="audio.mp3">
45+
Your browser does not support the audio tag.
46+
</audio>
47+
</article>
48+
</section>
49+
</main>
50+
<footer>
51+
<h2>Contact Us</h2>
52+
53+
<address>ul. Hyperblog 1/2, Wrocław 54-600, Poland</address>
54+
<p>&copy; 2024 Hyperblog</p>
55+
</footer>
56+
</body>
57+
</html>

0 commit comments

Comments
 (0)