1
- <!DOCTYPE html>
1
+ <!doctype html>
2
2
< html lang ="ru ">
3
- < head >
4
- < meta charset ="utf-8 " />
5
- < meta
6
- name ="viewport "
7
- content ="width=device-width,initial-scale=1,shrink-to-fit=no "
8
- />
3
+
4
+ < head >
5
+ < meta charset ="utf-8 ">
6
+ < meta name ="viewport " content ="width=device-width,initial-scale=1,shrink-to-fit=no ">
9
7
< title > Hexlet Frontend Project</ title >
10
- </ head >
8
+ </ head >
11
9
12
- < body class ="d-flex flex-column min-vh-100 ">
13
- < div
14
- class ="modal fade "
15
- id ="modal "
16
- tabindex ="-1 "
17
- role ="dialog "
18
- aria-labelledby ="modal "
19
- aria-hidden ="true "
20
- >
21
- < div class ="modal-dialog modal-dialog-centered " role ="document ">
22
- < div class ="modal-content ">
23
- < div class ="modal-header ">
24
- < h5 class ="modal-title "> </ h5 >
25
- < button
26
- type ="button "
27
- class ="btn-close close "
28
- data-bs-dismiss ="modal "
29
- aria-label ="Close "
30
- > </ button >
31
- </ div >
32
- < div class ="modal-body text-break "> </ div >
33
- < div class ="modal-footer ">
34
- < a
35
- class ="btn btn-primary full-article "
36
- href ="# "
37
- role ="button "
38
- target ="_blank "
39
- rel ="noopener noreferrer "
40
- > Читать полностью </ a
41
- > < button
42
- type ="button "
43
- class ="btn btn-secondary "
44
- data-bs-dismiss ="modal "
45
- >
46
- Закрыть
47
- </ button >
48
- </ div >
10
+ < body class ="d-flex flex-column min-vh-100 ">
11
+ < div class ="modal fade " id ="modal " tabindex ="-1 " role ="dialog " aria-labelledby ="modal " aria-hidden ="true ">
12
+ < div class ="modal-dialog modal-dialog-centered " role ="document ">
13
+ < div class ="modal-content ">
14
+ < div class ="modal-header ">
15
+ < h5 class ="modal-title "> </ h5 > < button type ="button " class ="btn-close close " data-bs-dismiss ="modal "
16
+ aria-label ="Close "> </ button >
17
+ </ div >
18
+ < div class ="modal-body text-break "> </ div >
19
+ < div class ="modal-footer "> < a class ="btn btn-primary full-article " href ="# " role ="button " target ="_blank "
20
+ rel ="noopener noreferrer "> Читать полностью </ a > < button type ="button " class ="btn btn-secondary "
21
+ data-bs-dismiss ="modal "> Закрыть</ button > </ div >
22
+ </ div >
49
23
</ div >
50
- </ div >
51
24
</ div >
52
25
< main class ="flex-grow-1 ">
53
- < section class ="container-fluid bg-dark p-5 ">
54
- < div class ="row ">
55
- < div class ="col-md-10 col-lg-8 mx-auto text-white ">
56
- < h1 class ="display-3 mb-0 "> RSS агрегатор</ h1 >
57
- < p class ="lead ">
58
- Начните читать RSS сегодня! Это легко, это красиво.
59
- </ p >
60
- < form action ="" class ="rss-form text-body ">
61
- < div class ="row ">
62
- < div class ="col ">
63
- < div class ="form-floating ">
64
- < input
65
- id ="url-input "
66
- autofocus
67
- required
68
- name ="url "
69
- aria-label ="url "
70
- class ="form-control w-100 "
71
- placeholder ="ссылка RSS "
72
- autocomplete ="off "
73
- />
74
- < label for ="url-input "> Ссылка RSS</ label >
75
- </ div >
76
- </ div >
77
- < div class ="col-auto ">
78
- < button
79
- type ="submit "
80
- aria-label ="add "
81
- class ="h-100 btn btn-lg btn-primary px-sm-5 "
82
- >
83
- Добавить
84
- </ button >
26
+ < section class ="container-fluid bg-dark p-5 ">
27
+ < div class ="row ">
28
+ < div class ="col-md-10 col-lg-8 mx-auto text-white ">
29
+ < h1 class ="display-3 mb-0 "> RSS агрегатор</ h1 >
30
+ < p class ="lead "> Начните читать RSS сегодня! Это легко, это красиво.</ p >
31
+ < form action ="" class ="rss-form text-body ">
32
+ < div class ="row ">
33
+ < div class ="col ">
34
+ < div class ="form-floating "> < input id ="url-input " autofocus required name ="url "
35
+ aria-label ="url " class ="form-control w-100 " placeholder ="ссылка RSS "
36
+ autocomplete ="off "> < label for ="url-input "> Ссылка RSS</ label > </ div >
37
+ </ div >
38
+ < div class ="col-auto "> < button type ="submit " aria-label ="add "
39
+ class ="h-100 btn btn-lg btn-primary px-sm-5 "> Добавить</ button > </ div >
40
+ </ div >
41
+ </ form >
42
+ < p class ="mt-2 mb-0 text-muted "> Пример: https://ru.hexlet.io/lessons.rss</ p >
43
+ < p class ="feedback m-0 position-absolute small text-danger "> </ p >
85
44
</ div >
86
- </ div >
87
- </ form >
88
- < p class ="mt-2 mb-0 text-muted ">
89
- Пример: https://ru.hexlet.io/lessons.rss
90
- </ p >
91
- < p class ="feedback m-0 position-absolute small text-danger "> </ p >
92
- </ div >
93
- </ div >
94
- </ section >
95
- < section class ="container-fluid container-xxl p-5 ">
96
- < div class ="row ">
97
- < div class ="col-md-10 col-lg-8 order-1 mx-auto posts "> </ div >
98
- < div
99
- class ="col-md-10 col-lg-4 mx-auto order-0 order-lg-1 feeds "
100
- > </ div >
101
- </ div >
102
- </ section >
45
+ </ div >
46
+ </ section >
47
+ < section class ="container-fluid container-xxl p-5 ">
48
+ < div class ="row ">
49
+ < div class ="col-md-10 col-lg-8 order-1 mx-auto posts "> </ div >
50
+ < div class ="col-md-10 col-lg-4 mx-auto order-0 order-lg-1 feeds "> </ div >
51
+ </ div >
52
+ </ section >
103
53
</ main >
104
54
< footer class ="footer border-top py-3 mt-5 bg-light ">
105
- < div class ="container-xl ">
106
- < div class ="text-center ">
107
- created by
108
- < a
109
- href ="https://ru.hexlet.io/professions/frontend/projects/11 "
110
- target ="_blank "
111
- > Hexlet</ a
112
- >
55
+ < div class ="container-xl ">
56
+ < div class ="text-center "> created by < a href ="https://ru.hexlet.io/professions/frontend/projects/11 "
57
+ target ="_blank "> Hexlet</ a > </ div >
113
58
</ div >
114
- </ div >
115
59
</ footer >
116
- </ body >
117
- </ html >
60
+ </ body >
61
+
62
+ </ html >
0 commit comments