Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 668b7ae8cd |
77
ИП/css/mainstyle.css
Normal file
77
ИП/css/mainstyle.css
Normal file
@@ -0,0 +1,77 @@
|
||||
body {
|
||||
color: #c5c6c7;
|
||||
background-color: #0b0c10;
|
||||
}
|
||||
|
||||
.message-body{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.all-message-div {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
width: 30%;
|
||||
min-height: 90vh;
|
||||
padding: 20px;
|
||||
|
||||
background-color: #1F2833;
|
||||
border: 1px solid #66fcf1;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.message-div {
|
||||
width: 90%;
|
||||
background-color: #66fcf1;
|
||||
padding: 15px;
|
||||
margin: 10px 0;
|
||||
border-radius: 10px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
color: #1F2833;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
background-color: #c5c6c7;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-weight: bold;
|
||||
color: #1F2833;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.message-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.nickname {
|
||||
font-weight: bold;
|
||||
color: #c5c6c7;
|
||||
}
|
||||
|
||||
.text {
|
||||
color: #c5c6c7;
|
||||
}
|
||||
|
||||
a {
|
||||
outline: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:link{
|
||||
color: #66fcf1;
|
||||
}
|
||||
a:visited{
|
||||
color: #66fcf1;
|
||||
}
|
||||
a:hover{
|
||||
color: #c5c6c7;
|
||||
}
|
||||
19
ИП/index.html
Normal file
19
ИП/index.html
Normal file
@@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Моя социальная сеть</title>
|
||||
<link rel="stylesheet" href="css/mainstyle.css" />
|
||||
</head>
|
||||
<body>
|
||||
<h1>Добро пожжаловать в мою социальную сеть!!!</h1>
|
||||
<p>Далее будет представлен список возможных страниц:</p>
|
||||
<ul>
|
||||
<li><a href="profile.html">Профиль</a></li>
|
||||
<li><a href="lenta.html">Лента новостей</a></li>
|
||||
<li><a href="messages.html">Сообщения</a></li>
|
||||
<li><a href="settings.html">Настройки</a></li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
31
ИП/lenta.html
Normal file
31
ИП/lenta.html
Normal file
@@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Лента новостей</title>
|
||||
<link rel="stylesheet" href="css/mainstyle.css" />
|
||||
</head>
|
||||
<body>
|
||||
<h1>Лента новостей</h1>
|
||||
<p>Какие-то мемы</p>
|
||||
|
||||
<h3>Какая-то группа 1</h3>
|
||||
<img src="source/meme1.jpg" alt="Мем1" width="500"/>
|
||||
|
||||
<h3>Какая-то группа 2</h3>
|
||||
<img src="source/meme2.jpg" alt="Мем2" width="500"/>
|
||||
|
||||
<h3>Какая-то группа 1</h3>
|
||||
<img src="source/meme3.jpg" alt="Мем3" width="500"/>
|
||||
|
||||
<h3>Какая-то группа 3</h3>
|
||||
<img src="source/meme4.jpg" alt="Мем4" width="500"/>
|
||||
<p>Горшок для ФИСТа, в котором хранится прах студентов, которые не сдали сессию</p>
|
||||
|
||||
<h3>Какая-то группа 3</h3>
|
||||
<img src="source/meme5.jpg" alt="Мем5" width="500"/>
|
||||
|
||||
<p><a href="index.html">Возврат на главную</a></p>
|
||||
</body>
|
||||
</html>
|
||||
19
ИП/messages.html
Normal file
19
ИП/messages.html
Normal file
@@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Сообщения</title>
|
||||
<link rel="stylesheet" href="css/mainstyle.css" />
|
||||
</head>
|
||||
|
||||
<body class="message-body">
|
||||
<div class="all-message-div">
|
||||
<div class="message-div">Диалог 1</div>
|
||||
<div class="message-div">Диалог 2</div>
|
||||
<div class="message-div">Диалог 3</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
22
ИП/profile.html
Normal file
22
ИП/profile.html
Normal file
@@ -0,0 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Ваш профиль</title>
|
||||
<link rel="stylesheet" href="css/mainstyle.css" />
|
||||
</head>
|
||||
<body>
|
||||
<h1>Ваш профиль</h1>
|
||||
<img src="source/photo.jpg" alt="Фото профиля" width="100" />
|
||||
|
||||
<p>Контактная информация:</p>
|
||||
<ul>
|
||||
<li>ФИО: ... ... ...</li>
|
||||
<li>Электронная почта: ...</li>
|
||||
<li>Телефон: ...</li>
|
||||
</ul>
|
||||
|
||||
<a href="index.html">Возврат на главную</a>
|
||||
</body>
|
||||
</html>
|
||||
23
ИП/settings.html
Normal file
23
ИП/settings.html
Normal file
@@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Настройки</title>
|
||||
<link rel="stylesheet" href="css/mainstyle.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div>
|
||||
<ul>
|
||||
<li><p>Настройка 1</p></li>
|
||||
<li><p>Настройка 2</p></li>
|
||||
<li><p>Настройка 3</p></li>
|
||||
<li><p>Настройка 4</p></li>
|
||||
</ul>
|
||||
<a href="index.html">Возврат на главную</a>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
ИП/source/meme1.jpg
Normal file
BIN
ИП/source/meme1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
BIN
ИП/source/meme2.jpg
Normal file
BIN
ИП/source/meme2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 158 KiB |
BIN
ИП/source/meme3.jpg
Normal file
BIN
ИП/source/meme3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
BIN
ИП/source/meme4.jpg
Normal file
BIN
ИП/source/meme4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 102 KiB |
BIN
ИП/source/meme5.jpg
Normal file
BIN
ИП/source/meme5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
BIN
ИП/source/photo.jpg
Normal file
BIN
ИП/source/photo.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 99 KiB |
BIN
ИП/Отчет_1.docx
Normal file
BIN
ИП/Отчет_1.docx
Normal file
Binary file not shown.
Reference in New Issue
Block a user