<!DOCTYPE HTML>
<html lang="en">
<head><base href="/lander/vayt-12/index.html">
	


	<title>Дом и семья</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="UTF-8">
	
	<!-- Font -->
	<link href="https://fonts.googleapis.com/css?family=Roboto:400,600,700" rel="stylesheet">
	
	<!-- Stylesheets -->
	
	<link href="plugin-frameworks/bootstrap.css" rel="stylesheet">
	
	<link href="fonts/ionicons.css" rel="stylesheet">
	
	<check class="ye8ie2kw9ks9jk2s92jz0o1qeidka">	
	<link href="common/styles.css" rel="stylesheet">
	<link rel="stylesheet" href="common/paginate.css">	
</head>
<body>
	
	<header>
		<div class="bottom-menu">
			<div class="container">
				<a class="menu-nav-icon" data-menu="#main-menu" href="#" onclick="document.location.hash='';return false;"><i class="ion-navicon"></i></a>
				
				<center><ul class="main-menu" id="main-menu">
					<li class="dropdown"><a href="#" onclick="document.location.hash='';return false;">Главная</a></li>
					<li class="dropdown"><a href="contact.html">Контакты</a></li>
					<li class="dropdown"><a href="terms.html">Правила и условия</a></li>
					<li class="dropdown"><a href="policy.html">Политика конфиденциальности</a></li>
				</ul></center>
				<div class="clearfix"></div>
			</div><!-- container -->
		</div><!-- bottom-menu -->
	</header>

	
	<section class="">
		<div class="container">
			<div class="row">
			
				<div class="col-md-8 offset-md-2">

					
					<div class="mb-30 sided-250x card-view">
						<div class="s-left">
							<img src="./images/img1.jpg" alt="">
						</div><!-- left-area -->
						<div class="s-right ptb-50 p-sm-20 pb-sm-5 plr-30 plr-xs-0">
							<h4><a href="1.html">Введение в искусственные мемориалы</a></h4>
							<ul class="mtb-10 list-li-mr-20 color-lite-black">
								<li><i class="mr-5 font-12 ion-clock"></i>2.07.2021</li>
								<li><i class="mr-5 font-12 ion-ios-chatbubble-outline"></i>7</li>
								<li><i class="mr-5 font-12 ion-eye"></i>191</li>
							</ul>
						</div><!-- right-area -->
					</div><!-- sided-250x -->
					

					<div class="mb-30 sided-250x card-view">
						<div class="s-left">
							<img src="./images/img2.jpg" alt="">
						</div><!-- left-area -->
						<div class="s-right ptb-50 p-sm-20 pb-sm-5 plr-30 plr-xs-0">
							<h4><a href="2.html">Советы По завершению Вашего отдыха о Костюме Ханны Монтаны</a></h4>
							<ul class="mtb-10 list-li-mr-20 color-lite-black">
								<li><i class="mr-5 font-12 ion-clock"></i>27.06.2021</li>
								<li><i class="mr-5 font-12 ion-ios-chatbubble-outline"></i>12</li>
								<li><i class="mr-5 font-12 ion-eye"></i>288</li>
							</ul>
						</div><!-- right-area -->
					</div><!-- sided-250x -->
					

					<div class="mb-30 sided-250x card-view">
						<div class="s-left">
							<img src="./images/img3.jpg" alt="">
						</div><!-- left-area -->
						<div class="s-right ptb-50 p-sm-20 pb-sm-5 plr-30 plr-xs-0">
							<h4><a href="3.html">Суррогатное Материнство и Как Оно меняется</a></h4>
							<ul class="mtb-10 list-li-mr-20 color-lite-black">
								<li><i class="mr-5 font-12 ion-clock"></i>11.06.2021</li>
								<li><i class="mr-5 font-12 ion-ios-chatbubble-outline"></i>17</li>
								<li><i class="mr-5 font-12 ion-eye"></i>285</li>
							</ul>
						</div><!-- right-area -->
					</div><!-- sided-250x -->


<div class="paginate wrapper"><!-- The "wrapper" is just a comestic addition. You don't need this for the pagination to work. -->
        <ul>
            <li><a href="">⟨</a></li>
            <li><a href="" class="active">1</a></li>
            <li><a href="2.html" class="inactive">2</a></li>
            <li><a href="3.html">3</a></li>
            <li><a href="4.html">4</a></li>
            <li><a href="" class="more">…</a></li>
            <li><a href="">18</a></li>
            <li><a href="">19</a></li>
            <li><a href="">⟩</a></li>
        </ul>
    </div>

					
				</div><!-- col-sm-8 -->
				
			</div><!-- row -->
		</div><!-- container -->
	</section>


	<footer class="bg-191 pos-relative color-ccc bg-primary">
		<div class="bg-dark-primary ptb-15 text-left">
			<div class="container">
				<div class="row">
					
					<div class="col-sm-12">
						<ul class="mtb-5 font-11 text-md-center text-right list-a-p-5">
							<li><a href="index.html">Главная</a></li>
							<li><a href="contact.html">Контакты</a></li>
							<li><a href="terms.html">Правила и условия</a></li>
							<li><a href="policy.html">Политика конфиденциальности</a></li>
						</ul>
					</div><!-- col-sm-3 -->
				</div><!-- row -->
				
			</div><!-- container -->
		</div><!-- container -->
	</footer>
	
	<!-- SCIPTS -->
	
	<script src="plugin-frameworks/jquery-3.2.1.min.js"></script>
	
	<script src="plugin-frameworks/tether.min.js"></script>
	
	<script src="plugin-frameworks/bootstrap.js"></script>
	
	<script src="common/scripts.js"></script>

	<div class="cookie-banner">
		<p>
			Сайт использует файлы cookie. Они позволяют нам распознавать вас и получать информацию о вашем пользовательском опыте.Продолжая просматривать сайт, я даю согласие на использование файлов cookie владельцем сайта в соответствии с <a target="_blank" href="https://en.wikipedia.org/wiki/HTTP_cookie">политикой использования файлов cookie</a>
		</p>
		<button class="close-cookie">×</button>
	</div>
	<script>
		window.onload = function () {
			$(&#39;.close-cookie&#39;).click(function () {
				$(&#39;.cookie-banner&#39;).fadeOut();
			})
		}
	</script>
	<script>
    let elems = document.querySelectorAll(&#39;.server-name&#39;);
    elems.forEach((elem) =&gt; {
        elem.innerHTML = window.location.hostname
    })
</script>
	
</body>
</html>