Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2de0c141aa | |||
| 9a470428fe |
84
index.html
84
index.html
@@ -1,47 +1,71 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title> MailmanPet </title>
|
||||
<link rel="icon" href="PostmanPat.png" type="image/png">
|
||||
<link rel="stylesheet" href="style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<h1> MailmanPet </h1>
|
||||
<p> <strong>Почтальон пэт - это многофункциональная иновационная современная почта,
|
||||
которая может сравниться с привычными вам остальными почтовыми клиентами. </strong> </p>
|
||||
<h3> Добро пожаловать! </h3>
|
||||
|
||||
|
||||
<div class="abstract">
|
||||
<p> Что я могу? </p>
|
||||
<ul>
|
||||
<li> Отправить письмо </li>
|
||||
<li> Прочитать письмо </li>
|
||||
<li> Посмотреть черновики </li>
|
||||
</ul>
|
||||
<div class="header">
|
||||
<div class="logo">
|
||||
<a href = "index.html">
|
||||
<img src = "PostmanPat.png" alt="Логотип" width="50">
|
||||
</a>
|
||||
<h1>MailmanPet</h1>
|
||||
</div>
|
||||
<nav class = "navLinks">
|
||||
<ul>
|
||||
<li><a href="page2.html">Входящие сообщения</a></li>
|
||||
<li><a href="test/page-test.html">Исходящие сообщения</a></li>
|
||||
<li><a href="page3.html">Черновики</a></li>
|
||||
<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 class="logotype">
|
||||
<img src="PostmanPat.png" width = "200"/>
|
||||
|
||||
<div class="content">
|
||||
<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>
|
||||
|
||||
</div>
|
||||
|
||||
<h2>Управление</h2>
|
||||
<div class="button">
|
||||
<a href="page2.html"> Входящие сообщения </a>
|
||||
</div>
|
||||
|
||||
<div class="button">
|
||||
<a href="test/page-test.html"> Исходящие сообщения </a>
|
||||
<div class="footer">
|
||||
<p>© 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 class="button">
|
||||
<a href="page3.html"> Черновики </a>
|
||||
</div>
|
||||
|
||||
<div class="button">
|
||||
<a href="page4.html"> Спам </a>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,25 +1,65 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title> MailmanPet </title>
|
||||
<link rel="icon" href="../PostmanPat.png" type="image/png">
|
||||
<link rel="stylesheet" href="../style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<h1>MailmanPet</h1>
|
||||
<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 class="header">
|
||||
<div class="logo">
|
||||
<a href = "index.html">
|
||||
<img src = "../PostmanPat.png" alt="Логотип" width="50">
|
||||
</a>
|
||||
<h1>MailmanPet</h1>
|
||||
</div>
|
||||
<nav class = "navLinks">
|
||||
<ul>
|
||||
<li><a href="../page2.html">Входящие сообщения</a></li>
|
||||
<li><a href="../test/page-test.html">Исходящие сообщения</a></li>
|
||||
<li><a href="../page3.html">Черновики</a></li>
|
||||
<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 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>© 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>
|
||||
</html>
|
||||
67
page2.html
67
page2.html
@@ -1,24 +1,63 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title> MailmanPet </title>
|
||||
<link rel="icon" href="PostmanPat.png" type="image/png">
|
||||
<link rel="stylesheet" href="style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<h1>MailmanPet</h1>
|
||||
<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 class="header">
|
||||
<div class="logo">
|
||||
<a href = "index.html">
|
||||
<img src = "PostmanPat.png" alt="Логотип" width="50">
|
||||
</a>
|
||||
<h1>MailmanPet</h1>
|
||||
</div>
|
||||
<nav class = "navLinks">
|
||||
<ul>
|
||||
<li><a href="page2.html">Входящие сообщения</a></li>
|
||||
<li><a href="test/page-test.html">Исходящие сообщения</a></li>
|
||||
<li><a href="page3.html">Черновики</a></li>
|
||||
<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 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>© 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>
|
||||
</html>
|
||||
67
page3.html
67
page3.html
@@ -1,24 +1,63 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title> MailmanPet </title>
|
||||
<link rel="icon" href="PostmanPat.png" type="image/png">
|
||||
<link rel="stylesheet" href="style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<h1>MailmanPet</h1>
|
||||
<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 class="header">
|
||||
<div class="logo">
|
||||
<a href = "index.html">
|
||||
<img src = "PostmanPat.png" alt="Логотип" width="50">
|
||||
</a>
|
||||
<h1>MailmanPet</h1>
|
||||
</div>
|
||||
<nav class = "navLinks">
|
||||
<ul>
|
||||
<li><a href="page2.html">Входящие сообщения</a></li>
|
||||
<li><a href="test/page-test.html">Исходящие сообщения</a></li>
|
||||
<li><a href="page3.html">Черновики</a></li>
|
||||
<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 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>© 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>
|
||||
</html>
|
||||
67
page4.html
67
page4.html
@@ -1,24 +1,63 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title> MailmanPet </title>
|
||||
<link rel="icon" href="PostmanPat.png" type="image/png">
|
||||
<link rel="stylesheet" href="style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<h1>MailmanPet</h1>
|
||||
<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 class="header">
|
||||
<div class="logo">
|
||||
<a href = "index.html">
|
||||
<img src = "PostmanPat.png" alt="Логотип" width="50">
|
||||
</a>
|
||||
<h1>MailmanPet</h1>
|
||||
</div>
|
||||
<nav class = "navLinks">
|
||||
<ul>
|
||||
<li><a href="page2.html">Входящие сообщения</a></li>
|
||||
<li><a href="test/page-test.html">Исходящие сообщения</a></li>
|
||||
<li><a href="page3.html">Черновики</a></li>
|
||||
<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 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>© 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>
|
||||
</html>
|
||||
150
style.css
Normal file
150
style.css
Normal 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
BIN
Отчёт2.docx
Normal file
Binary file not shown.
Reference in New Issue
Block a user