<div id="pageSmoothBackground" style="background-image: url(<?= $randomPoint->getImg('middle') ?>);"></div>
<div class="container" style="background-color: rgba(255,255,255, 0.8);margin-top: -10px;padding-bottom: 30px;">
	<div class="row">
		<div class="col-md-12">
			<h1 style="text-align: right;"><?= $article->title ?></h1>
			<div class="coords-container">
				Вернуться <a href="/">на карту</a>.
			</div>

			<div style="text-align: justify;">
				<?= $article->html; ?>
			</div>

		</div>
	</div>
	<hr/>
	<div class="row">
		<div class="col-md-12">
			<a href="/page/point/id/<?= $randomPoint->id ?>" style="float: left; margin: 0 20px 0 0;"><img src="<?= $randomPoint->getImg() ?>" style="width: 200px;"/></a>
			<h3 style="margin-top: 0;">Это интересно: <?= $randomPoint->name ?></h3>
			<p>
				<?= mb_substr($randomPoint->description, 0, 400, 'UTF-8') ?>...
				<a class="" href="/page/point/id/<?= $randomPoint->id ?>" role="button"><nobr> читать далее »</nobr></a>
			</p>
		</div>
	</div>
</div>
