File tree 2 files changed +57
-0
lines changed
hyperskill/10_hyperblog_html/04
2 files changed +57
-0
lines changed Original file line number Diff line number Diff line change
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 > © 2024 Hyperblog</ p >
55
+ </ footer >
56
+ </ body >
57
+ </ html >
You can’t perform that action at this time.
0 commit comments