Порядок проживания

by pharma_nsk

HTML

<body>
<div class="all">
<a name="top"></a>
  <h1>Порядок проживания - Gite Les Bambous</h1>
<div class="table">
<table>
  <tr>
  <td>Заезд</td>
  <td>17.00-20.00</td>
  </tr>
  <tr>
  <td>Отъезд</td>
  <td>09.00-11.00</td>
  </tr>
  <tr>
  <td>Отмена/<wbr>предоплата</td>
  <td>Правила отмены бронирования и предоплаты зависят от категории номера. Пожалуйста, <a href="#">введите даты проживания</a> и ознакомьтесь с условиями бронирования для требуемого номера.</td>
  </tr>
  <tr>
  <td>Размещение детей и предоставление дополнительных кроватей</td>
  <td><p>Разрешается проживание детей любого возраста.</p> <div class="stock">
  <b>Бесплатно!</b> При размещении всех детей младше 2 лет на детских кроватках проживание им предоставляется бесплатно.
  </div> <p>При размещении всех детей младше 16 лет на дополнительных кроватях взимается EUR 10 за ночь.</p><p>Максимальное количество допллнительных кроватей в номере - 1.</p>
					<p>Дополнительные кровати и детские кроватки предоставляются по запросу. Требуется подтверждение со стороны отеля о предоставлении данной услуги.</p>
					<p>Дополнительные услуги не включаются автоматически в общую стоимость и оплачиваются отдельно во время вашего проживания.</p></td>
  </tr>
   <tr>
  <td>Домашние животные</td>
  <td>Размещение домашних животных не допускается.</td>
  </tr>
</table>
</div>
<a href="#top">В начало страницы</a>
</div>
</body>

CSS

body {background-color:white; font-family: Arial, "Helvetica", "Nimbus Sans L", sans-serif; font-size:14px;}
.all {width: 90%; margin: 10px auto;}
h1 {color: #181F70; font-size:20px; text-align:left;}
.table {border-top:1px solid #C5C6D1; border-bottom:1px solid #C5C6D1; padding:0 10px; background-color: #F0F1FF; }
table {padding:5px;  border-collapse: collapse;}
tr {border-top: 2px solid #EDB937;}
tr:first-child {border-top:none;}
td {padding:15px 0;}
td:first-child {color: #90A6B0; font-weight:600; width:20%; padding-right:20px; }
td:nth-child(2) {font-size:12px; color:#54595C;font-weight:600;}
a {color: #2076C7; font-weight:700;}
.stock {background-color: #14A60F; color:white; padding:5px;}
.all>a {text-decoration:none; float:right; display:block; padding: 15px 0;}
.all>a:not([name="top"]):before  {content:''; display:block; height:0; width:0; border:5px solid transparent; border-bottom:9px solid #2076C7; position:relative; top:14px; right:12px;}