zolart/ZolotovAD_Pibd23_IS-IP
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: zolart:lab_5
Branches Tags
zolart:main zolart:Corrected_Otchets_All zolart:Otchets_All_Lab zolart:lab_6 zolart:lab_5 zolart:lab_4 zolart:lab3 zolart:lab2
...
pull from: zolart:lab2
Branches Tags
zolart:Corrected_Otchets_All zolart:Otchets_All_Lab zolart:lab_6 zolart:lab_5 zolart:lab_4 zolart:lab3 zolart:main zolart:lab2

2 Commits
lab_5 ... lab2

Author SHA1 Message Date
zolart
2de0c141aa Загрузить файлы в «/» 2025-03-15 11:34:19 +04:00
zolart
9a470428fe Загрузить файлы в «/» 2025-03-15 11:32:02 +04:00
7 changed files with 417 additions and 86 deletions
Expand all files Collapse all files

84
index.html
View File

@@ -1,47 +1,71 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ru"> <html lang="ru">
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> MailmanPet </title> <title> MailmanPet </title>
<link rel="icon" href="PostmanPat.png" type="image/png"> <link rel="icon" href="PostmanPat.png" type="image/png">
<link rel="stylesheet" href="style.css"/> <link rel="stylesheet" href="style.css"/>
</head> </head>
<body> <body>
<h1> MailmanPet </h1> <div class="header">
<p> <strong>Почтальон пэт - это многофункциональная иновационная современная почта, <div class="logo">
которая может сравниться с привычными вам остальными почтовыми клиентами. </strong> </p> <a href = "index.html">
<h3> Добро пожаловать! </h3> <img src = "PostmanPat.png" alt="Логотип" width="50">
</a>
<h1>MailmanPet</h1>
<div class="abstract"> </div>
<p> Что я могу? </p> <nav class = "navLinks">
<ul> <ul>
<li> Отправить письмо </li> <li><a href="page2.html">Входящие сообщения</a></li>
<li> Прочитать письмо </li> <li><a href="test/page-test.html">Исходящие сообщения</a></li>
<li> Посмотреть черновики </li> <li><a href="page3.html">Черновики</a></li>
</ul> <li><a href="page4.html">Спам</a></li>
<li class="dropdown">
<a href="#">Дополнительно</a>
<div class="dropdown-content">
<a href="#">Настройки</a>
<a href="#">Помощь</a>
<a href="#">О нас</a>
</div>
</li>
</ul>
</nav>
</div> </div>
<div class="logotype">
<img src="PostmanPat.png" width = "200"/> <div class="content">
</div> <p> <strong>Почтальон пэт - это многофункциональная иновационная современная почта,
которая может сравниться с привычными вам остальными почтовыми клиентами. </strong> </p>
<h3> Добро пожаловать! </h3>
<div class="abstract">
<p> Что я могу? </p>
<ul>
<li> Отправить письмо </li>
<li> Прочитать письмо </li>
<li> Посмотреть черновики </li>
</ul>
<div class="button">
<a href="index.html"> Вход </a>
</div>
<div class="button">
<a href="index.html"> Регистрация </a>
</div>
</div>
<h2>Управление</h2>
<div class="button">
<a href="page2.html"> Входящие сообщения </a>
</div> </div>
<div class="button"> <div class="footer">
<a href="test/page-test.html"> Исходящие сообщения </a> <p>&copy; 2025 MailmanPet. Все права защищены.</p>
<p>По вопросам звонить: +7 987 546 8019</p>
<p>Претензии отправлять по адресу: Уфа, Улица Пушкина Дом Колотушкина 45</p>
<a href = "index.html">
<img src = "vk.png" alt="Логотип" width="50">
</a>
<a href = "index.html">
<img src = "telegram.png" alt="Логотип" width="50">
</a>
</div> </div>
<div class="button">
<a href="page3.html"> Черновики </a>
</div>
<div class="button">
<a href="page4.html"> Спам </a>
</div>
</body> </body>
</html> </html>

68
page-test.html
View File

@@ -1,25 +1,65 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ru"> <html lang="ru">
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> MailmanPet </title> <title> MailmanPet </title>
<link rel="icon" href="../PostmanPat.png" type="image/png"> <link rel="icon" href="../PostmanPat.png" type="image/png">
<link rel="stylesheet" href="../style.css"/> <link rel="stylesheet" href="../style.css"/>
</head> </head>
<body> <body>
<h1>MailmanPet</h1> <div class="header">
<p> <div class="logo">
<a href="../index.html"> <img class="imgback" src="../back.png"> </a> <a href = "index.html">
</p> <img src = "../PostmanPat.png" alt="Логотип" width="50">
<h2>Исходящие сообщения</h2> </a>
<p> Тут будут находится все ваши отправленные сообщения. MailmanPet уже разослал их.</p> <h1>MailmanPet</h1>
<ul class="message"> </div>
<li> <b>Ulgtu-U@mailmanpet.ru</b> / <b>27.02.2015</b> / УлГТУ (Ульяновский государственный технический университет). Вы отчислены, не приходите сюда больше </li> <nav class = "navLinks">
<li> <b>Buz-kolbas@mailmanpet.ru</b> / <b>17.10.2018</b> / Купите наш бузулукский колбас, он придаёт силы и веры в будущее </li> <ul>
<li> <b>Vk-com@mailmanpet.ru</b> / <b>22.05.2021</b> / У вас новое сообщение ВКонтакте </li> <li><a href="../page2.html">Входящие сообщения</a></li>
<li> <b>Angelika_Ivanovna@mailmanpet.ru</b> / <b>12.12.2012</b> / Тебе грустно и одиноко? Читать далее... </li> <li><a href="../test/page-test.html">Исходящие сообщения</a></li>
<li> <b>Mihalich_ip@mailmanpet.ru</b> / <b>17.01.2024</b> / Ремнот лифтов +7 987 556 3010. Ремонт лифтов в любом городе России</li> <li><a href="../page3.html">Черновики</a></li>
<li> <b>Samokat_dostavka@mailmanpet.ru</b> / <b>02.06.2022</b> / Доставка еды самокат. У вас есть персональный купон на скидку: JPCHSC. Купон активен 3 дня </li> <li><a href="../page4.html">Спам</a></li>
</ul> <li class="dropdown">
<a href="#">Дополнительно</a>
<div class="dropdown-content">
<a href="#">Настройки</a>
<a href="#">Помощь</a>
<a href="#">О нас</a>
</div>
</li>
</ul>
</nav>
</div>
<div class="content">
<p>
<a href="../index.html"> <img class="imgback" src="../back.png"> </a>
</p>
<h2>Исходящие сообщения</h2>
<p> Тут будут находится все ваши отправленные сообщения. MailmanPet уже разослал их.</p>
<ul class="message">
<li> <b>Ulgtu-U@mailmanpet.ru</b> / <b>27.02.2015</b> / УлГТУ (Ульяновский государственный технический университет). Вы отчислены, не приходите сюда больше </li>
<li> <b>Buz-kolbas@mailmanpet.ru</b> / <b>17.10.2018</b> / Купите наш бузулукский колбас, он придаёт силы и веры в будущее </li>
<li> <b>Vk-com@mailmanpet.ru</b> / <b>22.05.2021</b> / У вас новое сообщение ВКонтакте </li>
<li> <b>Angelika_Ivanovna@mailmanpet.ru</b> / <b>12.12.2012</b> / Тебе грустно и одиноко? Читать далее... </li>
<li> <b>Mihalich_ip@mailmanpet.ru</b> / <b>17.01.2024</b> / Ремнот лифтов +7 987 556 3010. Ремонт лифтов в любом городе России</li>
<li> <b>Samokat_dostavka@mailmanpet.ru</b> / <b>02.06.2022</b> / Доставка еды самокат. У вас есть персональный купон на скидку: JPCHSC. Купон активен 3 дня </li>
</ul>
</div>
<div class="footer">
<p>&copy; 2025 MailmanPet. Все права защищены.</p>
<p>По вопросам звонить: +7 987 546 8019</p>
<p>Претензии отправлять по адресу: Уфа, Улица Пушкина Дом Колотушкина 45</p>
<a href = "../index.html">
<img src = "../vk.png" alt="Логотип" width="50">
</a>
<a href = "../index.html">
<img src = "../telegram.png" alt="Логотип" width="50">
</a>
</div>
</body> </body>
</html> </html>

67
page2.html
View File

@@ -1,24 +1,63 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ru"> <html lang="ru">
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> MailmanPet </title> <title> MailmanPet </title>
<link rel="icon" href="PostmanPat.png" type="image/png"> <link rel="icon" href="PostmanPat.png" type="image/png">
<link rel="stylesheet" href="style.css"/> <link rel="stylesheet" href="style.css"/>
</head> </head>
<body> <body>
<h1>MailmanPet</h1> <div class="header">
<p> <div class="logo">
<a href="index.html"> <img class="imgback" src="back.png"> </a> <a href = "index.html">
</p> <img src = "PostmanPat.png" alt="Логотип" width="50">
<h2>Входящие сообщения</h2> </a>
<p> Тут будут находится все ваши полученные сообщения. MailmanPet уже доставил их вам.</p> <h1>MailmanPet</h1>
<ul class="message"> </div>
<li> <b>Ulgtu-U@mailmanpet.ru</b> / <b>27.02.2015</b> / УлГТУ (Ульяновский государственный технический университет). Вы отчислены, не приходите сюда больше </li> <nav class = "navLinks">
<li> <b>Buz-kolbas@mailmanpet.ru</b> / <b>17.10.2018</b> / Купите наш бузулукский колбас, он придаёт силы и веры в будущее </li> <ul>
<li> <b>Vk-com@mailmanpet.ru</b> / <b>22.05.2021</b> / У вас новое сообщение ВКонтакте </li> <li><a href="page2.html">Входящие сообщения</a></li>
<li> <b>Angelika_Ivanovna@mailmanpet.ru</b> / <b>12.12.2012</b> / Тебе грустно и одиноко? Читать далее... </li> <li><a href="test/page-test.html">Исходящие сообщения</a></li>
<li> <b>Mihalich_ip@mailmanpet.ru</b> / <b>17.01.2024</b> / Ремнот лифтов +7 987 556 3010. Ремонт лифтов в любом городе России</li> <li><a href="page3.html">Черновики</a></li>
<li> <b>Samokat_dostavka@mailmanpet.ru</b> / <b>02.06.2022</b> / Доставка еды самокат. У вас есть персональный купон на скидку: JPCHSC. Купон активен 3 дня </li> <li><a href="page4.html">Спам</a></li>
</ul> <li class="dropdown">
<a href="#">Дополнительно</a>
<div class="dropdown-content">
<a href="#">Настройки</a>
<a href="#">Помощь</a>
<a href="#">О нас</a>
</div>
</li>
</ul>
</nav>
</div>
<div class="content">
<p>
<a href="index.html"> <img class="imgback" src="back.png"> </a>
</p>
<h2>Входящие сообщения</h2>
<p> Тут будут находится все ваши полученные сообщения. MailmanPet уже доставил их вам.</p>
<ul class="message">
<li> <b>Ulgtu-U@mailmanpet.ru</b> / <b>27.02.2015</b> / УлГТУ (Ульяновский государственный технический университет). Вы отчислены, не приходите сюда больше </li>
<li> <b>Buz-kolbas@mailmanpet.ru</b> / <b>17.10.2018</b> / Купите наш бузулукский колбас, он придаёт силы и веры в будущее </li>
<li> <b>Vk-com@mailmanpet.ru</b> / <b>22.05.2021</b> / У вас новое сообщение ВКонтакте </li>
<li> <b>Angelika_Ivanovna@mailmanpet.ru</b> / <b>12.12.2012</b> / Тебе грустно и одиноко? Читать далее... </li>
<li> <b>Mihalich_ip@mailmanpet.ru</b> / <b>17.01.2024</b> / Ремнот лифтов +7 987 556 3010. Ремонт лифтов в любом городе России</li>
<li> <b>Samokat_dostavka@mailmanpet.ru</b> / <b>02.06.2022</b> / Доставка еды самокат. У вас есть персональный купон на скидку: JPCHSC. Купон активен 3 дня </li>
</ul>
</div>
<div class="footer">
<p>&copy; 2025 MailmanPet. Все права защищены.</p>
<p>По вопросам звонить: +7 987 546 8019</p>
<p>Претензии отправлять по адресу: Уфа, Улица Пушкина Дом Колотушкина 45</p>
<a href = "index.html">
<img src = "vk.png" alt="Логотип" width="50">
</a>
<a href = "index.html">
<img src = "telegram.png" alt="Логотип" width="50">
</a>
</div>
</body> </body>
</html> </html>

67
page3.html
View File

@@ -1,24 +1,63 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ru"> <html lang="ru">
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> MailmanPet </title> <title> MailmanPet </title>
<link rel="icon" href="PostmanPat.png" type="image/png"> <link rel="icon" href="PostmanPat.png" type="image/png">
<link rel="stylesheet" href="style.css"/> <link rel="stylesheet" href="style.css"/>
</head> </head>
<body> <body>
<h1>MailmanPet</h1> <div class="header">
<p> <div class="logo">
<a href="index.html"> <img class="imgback" src="back.png"> </a> <a href = "index.html">
</p> <img src = "PostmanPat.png" alt="Логотип" width="50">
<h2>Черновики</h2> </a>
<p> Тут будут находится все ваши недописанные сообщения. Ждём когда вы будете готовы закончить их!</p> <h1>MailmanPet</h1>
<ul class="message"> </div>
<li> <b>Ulgtu-U@mailmanpet.ru</b> / <b>27.02.2015</b> / УлГТУ (Ульяновский государственный технический университет). Вы отчислены, не приходите сюда больше </li> <nav class = "navLinks">
<li> <b>Buz-kolbas@mailmanpet.ru</b> / <b>17.10.2018</b> / Купите наш бузулукский колбас, он придаёт силы и веры в будущее </li> <ul>
<li> <b>Vk-com@mailmanpet.ru</b> / <b>22.05.2021</b> / У вас новое сообщение ВКонтакте </li> <li><a href="page2.html">Входящие сообщения</a></li>
<li> <b>Angelika_Ivanovna@mailmanpet.ru</b> / <b>12.12.2012</b> / Тебе грустно и одиноко? Читать далее... </li> <li><a href="test/page-test.html">Исходящие сообщения</a></li>
<li> <b>Mihalich_ip@mailmanpet.ru</b> / <b>17.01.2024</b> / Ремнот лифтов +7 987 556 3010. Ремонт лифтов в любом городе России</li> <li><a href="page3.html">Черновики</a></li>
<li> <b>Samokat_dostavka@mailmanpet.ru</b> / <b>02.06.2022</b> / Доставка еды самокат. У вас есть персональный купон на скидку: JPCHSC. Купон активен 3 дня </li> <li><a href="page4.html">Спам</a></li>
</ul> <li class="dropdown">
<a href="#">Дополнительно</a>
<div class="dropdown-content">
<a href="#">Настройки</a>
<a href="#">Помощь</a>
<a href="#">О нас</a>
</div>
</li>
</ul>
</nav>
</div>
<div class="content">
<p>
<a href="index.html"> <img class="imgback" src="back.png"> </a>
</p>
<h2>Черновики</h2>
<p> Тут будут находится все ваши недописанные сообщения. Ждём когда вы будете готовы закончить их!</p>
<ul class="message">
<li> <b>Ulgtu-U@mailmanpet.ru</b> / <b>27.02.2015</b> / УлГТУ (Ульяновский государственный технический университет). Вы отчислены, не приходите сюда больше </li>
<li> <b>Buz-kolbas@mailmanpet.ru</b> / <b>17.10.2018</b> / Купите наш бузулукский колбас, он придаёт силы и веры в будущее </li>
<li> <b>Vk-com@mailmanpet.ru</b> / <b>22.05.2021</b> / У вас новое сообщение ВКонтакте </li>
<li> <b>Angelika_Ivanovna@mailmanpet.ru</b> / <b>12.12.2012</b> / Тебе грустно и одиноко? Читать далее... </li>
<li> <b>Mihalich_ip@mailmanpet.ru</b> / <b>17.01.2024</b> / Ремнот лифтов +7 987 556 3010. Ремонт лифтов в любом городе России</li>
<li> <b>Samokat_dostavka@mailmanpet.ru</b> / <b>02.06.2022</b> / Доставка еды самокат. У вас есть персональный купон на скидку: JPCHSC. Купон активен 3 дня </li>
</ul>
</div>
<div class="footer">
<p>&copy; 2025 MailmanPet. Все права защищены.</p>
<p>По вопросам звонить: +7 987 546 8019</p>
<p>Претензии отправлять по адресу: Уфа, Улица Пушкина Дом Колотушкина 45</p>
<a href = "index.html">
<img src = "vk.png" alt="Логотип" width="50">
</a>
<a href = "index.html">
<img src = "telegram.png" alt="Логотип" width="50">
</a>
</div>
</body> </body>
</html> </html>

67
page4.html
View File

@@ -1,24 +1,63 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ru"> <html lang="ru">
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> MailmanPet </title> <title> MailmanPet </title>
<link rel="icon" href="PostmanPat.png" type="image/png"> <link rel="icon" href="PostmanPat.png" type="image/png">
<link rel="stylesheet" href="style.css"/> <link rel="stylesheet" href="style.css"/>
</head> </head>
<body> <body>
<h1>MailmanPet</h1> <div class="header">
<p> <div class="logo">
<a href="index.html"> <img class="imgback" src="back.png"> </a> <a href = "index.html">
</p> <img src = "PostmanPat.png" alt="Логотип" width="50">
<h2>Спам</h2> </a>
<p> Тут будут находится все нежелательные сообщения. Наши алгоритмы посчитали их вредоносными или бесполезными.</p> <h1>MailmanPet</h1>
<ul class="message"> </div>
<li> <b>Ulgtu-U@mailmanpet.ru</b> / <b>27.02.2015</b> / УлГТУ (Ульяновский государственный технический университет). Вы отчислены, не приходите сюда больше </li> <nav class = "navLinks">
<li> <b>Buz-kolbas@mailmanpet.ru</b> / <b>17.10.2018</b> / Купите наш бузулукский колбас, он придаёт силы и веры в будущее </li> <ul>
<li> <b>Vk-com@mailmanpet.ru</b> / <b>22.05.2021</b> / У вас новое сообщение ВКонтакте </li> <li><a href="page2.html">Входящие сообщения</a></li>
<li> <b>Angelika_Ivanovna@mailmanpet.ru</b> / <b>12.12.2012</b> / Тебе грустно и одиноко? Читать далее... </li> <li><a href="test/page-test.html">Исходящие сообщения</a></li>
<li> <b>Mihalich_ip@mailmanpet.ru</b> / <b>17.01.2024</b> / Ремнот лифтов +7 987 556 3010. Ремонт лифтов в любом городе России</li> <li><a href="page3.html">Черновики</a></li>
<li> <b>Samokat_dostavka@mailmanpet.ru</b> / <b>02.06.2022</b> / Доставка еды самокат. У вас есть персональный купон на скидку: JPCHSC. Купон активен 3 дня </li> <li><a href="page4.html">Спам</a></li>
</ul> <li class="dropdown">
<a href="#">Дополнительно</a>
<div class="dropdown-content">
<a href="#">Настройки</a>
<a href="#">Помощь</a>
<a href="#">О нас</a>
</div>
</li>
</ul>
</nav>
</div>
<div class="content">
<p>
<a href="index.html"> <img class="imgback" src="back.png"> </a>
</p>
<h2>Спам</h2>
<p> Тут будут находится все нежелательные сообщения. Наши алгоритмы посчитали их вредоносными или бесполезными.</p>
<ul class="message">
<li> <b>Ulgtu-U@mailmanpet.ru</b> / <b>27.02.2015</b> / УлГТУ (Ульяновский государственный технический университет). Вы отчислены, не приходите сюда больше </li>
<li> <b>Buz-kolbas@mailmanpet.ru</b> / <b>17.10.2018</b> / Купите наш бузулукский колбас, он придаёт силы и веры в будущее </li>
<li> <b>Vk-com@mailmanpet.ru</b> / <b>22.05.2021</b> / У вас новое сообщение ВКонтакте </li>
<li> <b>Angelika_Ivanovna@mailmanpet.ru</b> / <b>12.12.2012</b> / Тебе грустно и одиноко? Читать далее... </li>
<li> <b>Mihalich_ip@mailmanpet.ru</b> / <b>17.01.2024</b> / Ремнот лифтов +7 987 556 3010. Ремонт лифтов в любом городе России</li>
<li> <b>Samokat_dostavka@mailmanpet.ru</b> / <b>02.06.2022</b> / Доставка еды самокат. У вас есть персональный купон на скидку: JPCHSC. Купон активен 3 дня </li>
</ul>
</div>
<div class="footer">
<p>&copy; 2025 MailmanPet. Все права защищены.</p>
<p>По вопросам звонить: +7 987 546 8019</p>
<p>Претензии отправлять по адресу: Уфа, Улица Пушкина Дом Колотушкина 45</p>
<a href = "index.html">
<img src = "vk.png" alt="Логотип" width="50">
</a>
<a href = "index.html">
<img src = "telegram.png" alt="Логотип" width="50">
</a>
</div>
</body> </body>
</html> </html>

150
style.css Normal file
View File

@@ -0,0 +1,150 @@
body {
background-color:bisque;
}
.button{
background-color:#5f80ec;
font-weight: bold;
padding: 10px;
text-align: center;
border:2px solid #1c2584;
border-radius: 5px;
width: 250px;
}
.abstract{
margin: auto;
padding: 3px;
border:4px solid #1c2584;
width: 275px;
}
.logo {
display: flex;
align-items: center;
justify-content: center;
}
a:link, a:visited{
color: black;
}
.imgback{
width: 60px;
height: 60px;
}
.message {
list-style-type: none;
padding: 0;
}
.message li {
border: 1px solid #ccc;
padding: 10px;
margin-bottom: 2px;
background-color: #f9f9f9;
}
.header {
background-color: #5f80ec;
text-align: center;
padding: 10px;
border:4px solid #1c2584;
}
.navLinks {
background: #4756f5;
font-size: 1.2em;
}
.navLinks ul {
padding: 20;
}
.navLinks ul li {
display: inline;
margin-right: 40px;
}
.dropdown {
position: relative;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #5763f1;
width: 160px;
z-index: 1;
left: 0;
}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown-content a {
padding: 12px 16px;
display: block;
}
.content {
background-color: #f5cf8e;
}
.footer {
clear: both;
background: #333;
color: white;
text-align: center;
padding: 10px;
position: relative;
bottom: 0px;
height: 100%;
}
/* Мобильное устройство (ширина области отображения от 0 до 400px)*/
@media only screen and (max-width: 400px) {
body {
background-color: #070707;
}
.button {
width: auto;
}
.abstract {
width: auto;
position: relative;
}
.navLinks ul li {
display: block;
margin-bottom: 20px;
}
.dropdown-content {
width: 100%;
left: 50%;
transform: translateX(-50%);
}
}
/* Планшет (ширина области отображения от 401 до 960px)*/
@media only screen and (min-width: 401px) and (max-width: 960px) {
body {
background-color: #0956fd;
}
.button {
width: auto;
}
.abstract {
width: auto;
position: relative;
}
.navLinks ul li {
display: block;
margin-bottom: 20px;
}
.dropdown-content {
width: 100%;
left: 50%;
transform: translateX(-50%);
}
}

BIN
Отчёт2.docx Normal file
View File

Binary file not shown.