Skip to content

Commit

Permalink
HTML&CSS training project
Browse files Browse the repository at this point in the history
  • Loading branch information
@perzend
perzend committed Mar 3, 2020
0 parents commit 1352305
Show file tree
Hide file tree
Showing 13 changed files with 758 additions and 0 deletions.
41 changes: 41 additions & 0 deletions catalog.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<!doctype html>
<html lang="ru">

<head>
<meta charset="UTF-8">
<title>Интернет-магазин &laquo;Муравей&raquo;</title>
<link rel="stylesheet" type="text/css" href="style.css"> </head>

<body>
<div class="header">
<div class="logo"> <img src="img/ant_main.gif" alt=""> </div>
<div class="block_menu">
<ul class="menu_list">
<li><a href="index.html">главная</a></li>
<li><a href="#">каталог</a>
<ul>
<li><a href="catalog/Camponotus.html">Африканские</a></li>
<li><a href="catalog/Lasius.html">Садовые</a></li>
<li><a href="catalog/Messor.html">Жнецы</a></li>
</ul>
</li>
<li><a href="contacts.html">контакты</a></li>
</ul>
</div>
</div>
<div class="container">
<div class="content">
<h1 class="title_h1">Каталог товаров</h1>
<p class="sdesc_prod" style="text-align: center">Нажмите на&nbsp;изображение для просмотра информации от&nbsp;товаре.</p>
<div class="catalog">
<a href="catalog/Camponotus.html"><img src="img/Camponotus.jpg" alt="Изображение африканских хищных муравьев недоступно" title="Африканские хищные муравьи"></a>
<a href="catalog/Lasius.html"><img src="img/Lasius.jpg" alt="Изображение черных садовых муравьев недоступно" title="Черные садовые муравьи"></a>
<a href="catalog/Messor.html"><img src="img/Messor.jpg" alt="Изображение муравьев-жнецов недоступно" title="Муравьи-жнецы"></a>
</div>

</div>
</div>
<div class="footer"> <span>Все права защищены &copy;&nbsp; 2020</span> </div>
</body>

</html>
136 changes: 136 additions & 0 deletions catalog/Camponotus.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,136 @@
<!DOCTYPE html>
<html lang="ru">

<head>
<meta charset="UTF-8">
<title>Интернет-магазин &laquo;Муравей&raquo;</title>
<link rel="stylesheet" type="text/css" href="../style.css"> </head>

<body>
<div class="header">
<div class="logo"> <img src="../img/ant_main.gif" alt=""> </div>
<div class="block_menu">
<ul class="menu_list">
<li><a href="../index.html">главная</a></li>
<li><a href="../catalog.html">каталог</a>
<ul>
<li><a href="#">Африканские</a></li>
<li><a href="Lasius.html">Садовые</a></li>
<li><a href="Messor.html">Жнецы</a></li>
</ul>
</li>
<li><a href="../contacts.html">контакты</a></li>
</ul>
</div>
</div>
<div class="container">
<div class="content">
<h1 class="title_h1">Африканские хищные муравьи</h1>
<h2 class="title_h2">Краткое описание</h2>
<div>
<a href="../img/Camponotus.jpg" target="_blank"><img class="bord_img_prod" src="../img/Camponotus.jpg" alt="Изображение африканских хищных муравьев недоступно" width="120"></a>
<p class="sdesc_prod">Латинское название&nbsp;&mdash; Camponotus fellah. Крупный ближневосточный муравей с&nbsp;интересным окрасом: брюшко коричневое со&nbsp;светлыми участками, голова темнее&nbsp;&mdash; от&nbsp;коричневого до&nbsp;черного, матка черная с&nbsp;красными или коричневыми лапками. Обитают в&nbsp;Египте, Судане и&nbsp;Израиле&nbsp;&mdash; странах с&nbsp;жарким и&nbsp;сухим климатом. Гнезда Camponotus fellah можно встретить под камнями в&nbsp;засушливой местности, где влажность воздуха не&nbsp;превышает 50-60%. Феллахи&nbsp;&mdash; серьезные и&nbsp;агрессивные муравьи. Злятся и&nbsp;выпрыскивают муравьиную кислоту, если нарушить их&nbsp;покой. Ночные хищники, активны преимущественно в&nbsp;позднее время суток.</p>
<div>
<form action=""> <span>Цена: 6000 ₽</span>
<br> <span>Количестmво:</span>
<input type="number" min="1" max="10" step="1" value="1">
<button class="button_buy" >Купить</button>
</form>
</div>
</div>
<div class="add_in_basket"> Товар добавлен в корзину! </div>
<h2 class="title_h2">Характеристики</h2>
<table class="newtable">
<tr style="height: 100px;font-weight: 600">
<td>&#8470; п/п</td>
<td style="background: orange;border-bottom: none;width: 10px"></td>
<td>Характеристика</td>
<td>Значение</td>
<td>Единица измерения</td>
<td>Примечание</td>
</tr>
<tr>
<td style="background: orange; border-right: none;"></td>
<td style="background: orange; border: none;width: 10px"> </td>
<td colspan="4" style="background: orange;border-left: none;"> </td>
</tr>
<tr>
<td>1</td>
<td rowspan="7" style="background: orange; border-top: none;width: 10px"> </td>
<td style="text-align: right">Артикул:</td>
<td>102370921</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td style="text-align: right">Название вида:</td>
<td>Camponotus fellah</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>3</td>
<td style="text-align: right">Сложность:</td>
<td>Высокая</td>
<td>-</td>
<td>Кусаются!</td>
</tr>
<tr>
<td>4</td>
<td style="text-align: right">Размеры:</td>
<td>10-22</td>
<td>мм</td>
<td></td>
</tr>
<tr>
<td>5</td>
<td style="text-align: right">Солдаты:</td>
<td>есть</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>6</td>
<td style="text-align: right">Рацион:</td>
<td>Всеядны</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>7</td>
<td style="text-align: right">Численность:</td>
<td>До&nbsp;10&nbsp;тыс.</td>
<td>шт.</td>
<td></td>
</tr>
</table>
<ul class="prop_prod">
<li>Артикул: 102370921</li>
<li>Название вида: Camponotus fellah
<li>Сложность: Высокая</li>
<li>Размеры: 10-14&nbsp;мм рабочие, 15-17&nbsp;мм солдаты, 20-22&nbsp;мм матка</li>
<li>Солдаты: есть</li>
<li>Рацион: Всеядны</li>
<li>Численность: До&nbsp;10&nbsp;тыс.</li>
<li>Зимовка: не&nbsp;требуется</li>
<li>Формикарий: Гипсовый, итонговый</li>
<li>Особенности: Солдаты способны прокусить кожу и&nbsp;залить ранку кислотой!</li>
</ul>
<h2 class="title_h2">Полное описание</h2>
<p class="fdesc_prod">Феллахи&nbsp;&mdash; довольно крупные муравьи. Самые маленькие рабочие имеют размер 5-8&nbsp;мм и&nbsp;занимаются фуражировкой, уходом за&nbsp;расплодом. Солдаты&nbsp;же по&nbsp;размеру сопоставимы с&nbsp;королевой! Размер солдат варьируется от&nbsp;10&nbsp;до&nbsp;16&nbsp;мм, а&nbsp;матки&nbsp;&mdash; 16-18&nbsp;мм. Солдаты феллахов&nbsp;&mdash; настоящие воины. Они редко занимаются домашней кухней и&nbsp;бытом, их&nbsp;основная задача&nbsp;&mdash; охрана гнезда от&nbsp;недоброжелателей. Грозно клацая челюстями, солдаты молниеносно нападают на&nbsp;врагов, не&nbsp;оставляя тем никаких вариантов, кроме как пуститься в&nbsp;бег.</p>
<p class="fdesc_prod">Как и&nbsp;все хищные муравьи, Camponotus fellah предпочитают насекомых, а&nbsp;именно тараканов и&nbsp;мучных червей. Можно давать и&nbsp;других кормовых насекомых из&nbsp;зоомагазина. С&nbsp;удовольствием пьют сахарный и&nbsp;медовый сироп, кушают мёд и&nbsp;кусочки сладких фруктов. Феллахам для питья недостаточно той влаги, которая образуется на&nbsp;стенках формикария, поэтому для них обязательно наличие поилки с&nbsp;водой на&nbsp;арене. Очень интересно наблюдать за&nbsp;тем, как муравьи передают друг другу пищу путем трофаллаксиса.</p>
<p class="fdesc_prod">Африканские муравьи привыкли к&nbsp;постоянным засухам, в&nbsp;условиях слишком высокой влажности им&nbsp;будет некомфортно. Необходимо поддерживать средний уровень влажности в&nbsp;формикарии, равный 50-60%, а&nbsp;на&nbsp;арене чуть меньше&nbsp;&mdash; 30-50%. Контролировать показатели поможет гигрометр&nbsp;&mdash; достаточно поместить прибор на&nbsp;арену и&nbsp;отслеживать значения влажности в&nbsp;нужное время. Температурный режим должен быть постоянным. В&nbsp;формикарии поддерживают температуру в&nbsp;21-25&deg;C, не&nbsp;допуская ее&nbsp;падения ниже 18&deg;C.&nbsp;Арену можно подогревать термоковриком до&nbsp;28&deg;C.&nbsp;Camponotus fellah впадают в&nbsp;состояние диапаузы в&nbsp;декабре/январе. Для этого необходимо понизить температуру(отключить термоковрик, если он&nbsp;есть) на&nbsp;5-8&deg;C.&nbsp;Это необходимо для восстановления сил колонии. Диапауза продолжается в&nbsp;среднем 2&nbsp;месяца, после чего температуру постепенно повышают до&nbsp;нормальной. </p>
<h2 class="title_h2">Информация для заказа</h2>
<ol class="info_order_prod">
<li>Наличие: нет</li>
<li>Количество: Матка, 5-6 рабочих и&nbsp;1-2 солдата</li>
<li><b>Цена: 6000&nbsp;₽</b></li>
<li>Стоимость доставки: 300&nbsp;руб. Возможен самовывоз.</li>
</ol>
</div>
</div>
<div class="footer"> <span>Все права защищены &copy;&nbsp; 2020</span> </div>
</body>

</html>
68 changes: 68 additions & 0 deletions catalog/Lasius.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
<!DOCTYPE html>
<html lang="ru">

<head>
<meta charset="UTF-8">
<title>Интернет-магазин &laquo;Муравей&raquo;</title>
<link rel="stylesheet" type="text/css" href="../style.css"> </head>

<body>
<div class="header">
<div class="logo"> <img src="../img/ant_main.gif" alt=""> </div>
<div class="block_menu">
<ul class="menu_list">
<li><a href="../index.html">главная</a></li>
<li><a href="../catalog.html">каталог</a>
<ul>
<li><a href="Camponotus.html">Африканские</a></li>
<li><a href="#">Садовые</a></li>
<li><a href="Messor.html">Жнецы</a></li>
</ul>
</li>
<li><a href="../contacts.html">контакты</a></li>
</ul>
</div>
</div>
<div class="container">
<div class="content">
<h1 class="title_h1">Черные садовые муравьи</h1>
<h2 class="title_h2">Краткое описание</h2>
<a href="../img/Lasius.jpg" target="_blank"><img class="bord_img_prod" src="../img/Lasius.jpg" alt="Изображение черных садовых муравьев недоступно" width="120"></a>
<p class="sdesc_prod">Латинское название&nbsp;&mdash; Lasius niger, в&nbsp;народе известен как черный садовый муравей. Несмотря на&nbsp;свое название, это не&nbsp;абсолютно черные, а&nbsp;скорее тёмно-бурые муравьи. Обитает в&nbsp;полях и&nbsp;садах. Очень известный и&nbsp;распространенный муравей, является серьезным конкурентом для других видов средней полосы России. Агрессивные и&nbsp;воинствующие муравьи, которые никогда не&nbsp;дадут в&nbsp;обиду своих сородичей. Lasius niger отлично подходит для содержания в&nbsp;муравьиных фермах, поскольку этот вид неприхотлив и&nbsp;живуч.</p>
<div>
<form action=""> <span>Цена: 500 ₽</span>
<br> <span>Количестmво:</span>
<input type="number" min="1" max="10" step="1" value="1">
<button class="button_buy" >Купить</button>
</form>
</div>
<h2 class="title_h2">Характеристики</h2>
<ul class="prop_prod">
<li>Артикул: 103568941</li>
<li>Название вида: Lasius niger
<li>Сложность: Легкая</li>
<li>Размеры: 4-5&nbsp;мм рабочие, до&nbsp;10&nbsp;мм матка</li>
<li>Солдаты: нет</li>
<li>Рацион: Мёртвые насекомые, сироп, вареное мясо, яйцо</li>
<li>Численность: До&nbsp;100&nbsp;тыс.</li>
<li>Зимовка: не&nbsp;требуется</li>
<li>Формикарий: Гипсовый, пенобетонный</li>
<li>Особенности: Мелкий, но&nbsp;активный и&nbsp;дружный вид. Могут обходиться без насекомых, питаясь другими альтернативными кормами. Хорошо лазает по&nbsp;стенкам, нужна защита от&nbsp;побегов.</li>
</ul>
<h2 class="title_h2">Полное описание</h2>
<p class="fdesc_prod">Черные садовые муравьи&nbsp;&mdash; своего рода классика для мирмикиперов. Этих мелких и&nbsp;дружных муравьёв видел каждый&nbsp;&mdash; именно они строят в&nbsp;полях муравейники-кочки, они&nbsp;же сбегаются толпой на&nbsp;любую сладость, упавшую на&nbsp;землю. И&nbsp;несмотря на&nbsp;свои небольшие размеры, эти муравьи очень интересны для наблюдения.</p>
<p class="fdesc_prod">Может показаться, что из-за их&nbsp;обыденности в&nbsp;них нет ничего интересного, однако это не&nbsp;так. Черные садовые муравьи это тот вид, который удивит вас своим коллективным поведением. Они будут прокладывать дорожки к&nbsp;источникам пищи (особенно, если вы&nbsp;будете использовать большую арену), если пища слишком крупная&nbsp;&mdash; будут сообща перетаскивать её&nbsp;в&nbsp;гнездо, а&nbsp;в&nbsp;случае опасности вся колония мобилизуется, чтобы защитить свою королеву.</p>
<h2 class="title_h2">Информация для заказа</h2>
<ol class="info_order_prod">
<li>Наличие: есть</li>
<li>Количество: Матка и&nbsp;5-15 рабочих</li>
<li><b>Цена: 500&nbsp;₽</b></li>
<li>Стоимость доставки: 300&nbsp;руб. Возможен самовывоз.</li>
</ol>
</div>
</div>

<div class="footer"> <span>Все права защищены &copy;&nbsp; 2020</span> </div>
</body>

</html>
Loading

0 comments on commit 1352305

Please sign in to comment.