-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·183 lines (165 loc) · 7.93 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<!DOCTYPE html>
<html>
<head>
<title>Главная</title>
<!-- Browser charset -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Custom CSS file -->
<link rel="stylesheet" type="text/css" href="css/main.css">
<!-- Bootstrap CSS by web-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<!-- Bootstrap CSS fonts-->
<link href="css-bootstrap/bootstrap.min.css" rel="stylesheet">
<!-- Google font -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500&subset=cyrillic" rel="stylesheet">
<!-- Contact icons -->
<link href="https://file.myfontastic.com/n6vo44Re5QaWo8oCKShBs7/icons.css" rel="stylesheet">
<!-- Navigation icons -->
<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
</head>
<body>
<a name="Top"></a>
<div class="page-content container-fluid">
<div class="top row">
<!-- Header -->
<div class="header">
<!-- Logo image> -->
<div>
<img src="img/logo.jpg" alt="Логотип клуба" height="40%" width="40%">
</div>
<!-- Header text -->
<p class="headerText">
Литературный клуб "Глобус"
</p>
</div>
<!-- Navigation -->
<div class="navigation-bar">
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="new.html">Новинки</a></li>
<li><a href="top.html">Лучшее</a></li>
<li><a href="authors.html">Авторы</a></li>
<li><a href="profile.php">Профиль</a></li>
</ul>
</div>
</div>
<div class="main row">
<!-- Sidebar -->
<nav class="sidebar">
<!-- Sidebar header -->
<div class="sidebar-header">
<h2>Главная</h2>
</div>
<!-- Page links -->
<ul class="sidebar-links list-unstyled">
<li><i class="fa fa-angle-right" aria-hidden="true"></i>
<a href="#LitClub">Литературный клуб</a></li>
<li><i class="fa fa-angle-right" aria-hidden="true"></i>
<a href="#About">О проекте</a></li>
</ul>
<!-- Contact links -->
<p class="social">
<!-- Facebook -->
<a href="https://www.facebook.com/profile.php?id=100009160726263" target="_blank">
<i class="socicon-facebook"></i>
</a>
<!-- LinkedIn -->
<a href="https://www.linkedin.com/in/karolina-dubitskaya-90248a143/" target="_blank">
<i class="socicon-linkedin"></i>
</a>
<!-- VK -->
<a href="https://vk.com/barsalap" target="_blank">
<i class="socicon-vkontakte"></i>
</a>
<!-- GitHub -->
<a href="https://github.com/KarolinaDubitskaya" target="_blank">
<i class="socicon-github"></i>
</a>
</p>
<!-- Move to top -->
<a href="#Top" class="button-top"><span class="glyphicon glyphicon-chevron-up" aria-hidden="true"></span></a>
</nav>
<!-- Page content -->
<div class="content">
<!-- Info about club-->
<div class="content-block"><a name="LitClub"></a>
<h3 class="content-header">Литературный клуб "Глобус"</h3>
<p>
Всем, безусловно, хочется сделать правильный выбор. Не исключением является и выбор книг, которые будут интересны именно Вам. Мы хотим помочь нашим участникам сориентироваться в литературных направлениях, авторах и изданиях, в море книг самых разных жанров, современных бестеллерах и нестареющей классике.
</p>
<div class="image-container">
<img src="img/LitClub.jpg" alt="Литературный клуб" class="content-image">
</div>
<div>
<p>
Добро пожаловать в клуб любителей книг "Глобус", проект, с помощью которого Вы сможете:
</p>
<ul>
<li>обменяться мнениями о литературе, которая Вам небезразлична;</li>
<li>вспомнить все прочитанные книги;</li>
<li>получить рекомендации от нашего клуба;</li>
<li>получать свежую информацию обо всех новинках на книжном рынке;</li>
<li>узнать дополнительную информацию о заинтересовавшем произведении;</li>
<li>определиться в выборе любимого жанра и автора;</li>
<li>и многое другое...</li>
</ul>
</div>
</div>
<!-- Info about project -->
<div class="content-block"><a name="About"></a>
<h3 class="content-header">О проекте</h3>
<img src="img/coding.png" alt="Программирование" class="small-image">
<p>
Данный проект был разработан в качестве лабораторной работы в курсе дисциплины "Веб-технологии" и направлен на изучение основ языков гипертекстовой разметки HTML и управления визуальным оформлением HTML CSS.
</p>
<p>
Для удобного перемещения по сайту используйте меню в верхней части страницы. Для навигации по страницам используйте боковое меню. При возникновении вопросов или пожеланий связаться с автором можно перейдя по ссылке.
</p>
<p>
Сайт разработан студентом группы 651001 (БГУИР, Факультет компьютерных сетей и систем, ПОИТ, 2 курс) Дубицкой Каролиной в курсе дисциплины "Веб-технологии", 2018 г.
</p>
</div>
</div>
</div>
<!-- Footer -->
<div class="footer row">
<div class="footer-contact">
<div class="footer-contact-header">Follow | Get in touch</div>
<!-- Contact links -->
<p class="social-color">
<!-- Facebook -->
<a href="https://www.facebook.com/profile.php?id=100009160726263" target="_blank" class="facebook">
<i class="socicon-facebook"></i>
</a>
<!-- LinkedIn -->
<a href="https://www.linkedin.com/in/karolina-dubitskaya-90248a143/" target="_blank" class="linkedin">
<i class="socicon-linkedin"></i>
</a>
<!-- VK -->
<a href="https://vk.com/barsalap" target="_blank" class="vk">
<i class="socicon-vkontakte"></i>
</a>
<!-- GitHub -->
<a href="https://github.com/KarolinaDubitskaya" target="_blank" class="github">
<i class="socicon-github"></i>
</a>
</p>
</div>
<!-- Navigation -->
<div class="footer-navigation">
<ul class="list-unstyled">
<li><i class="fa fa-fire" aria-hidden="true"></i><a href="new.html">Новинки</a></li>
<li><i class="fa fa-star" aria-hidden="true"></i><a href="top.html">Лучшее</a></li>
</ul>
<ul class="list-unstyled">
<li><i class="fa fa-bookmark" aria-hidden="true"></i><a href="authors.html">Авторы</a></li>
<li><i class="fa fa-user" aria-hidden="true"></i><a href="profile.php">Профиль</a></li>
</ul>
</div>
<!-- Information about project -->
<div class="footer-text">© BSUIR 2018.<br>Literature club "Globe" is a project by Karolina Dubitskaya</div>
</div>
</div>
</body>
</html>