<!DOCTYPE HTML>
<html lang="en">
<head>
	<title>WeightLoss</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="css/css.css" rel="stylesheet">
	
	<!-- Stylesheets -->
	
	<link href="css/bootstrap.css" rel="stylesheet">
	
	<link href="css/ionicons.css" rel="stylesheet">
	
		
	<link href="css/styles.css" rel="stylesheet">
	<link rel="stylesheet" href="css/paginate.css">
	
</head>
<body>
	
	<header>
		<div class="bottom-menu">
			<div class="container">
				<a class="menu-nav-icon" data-menu="#main-menu" href="#"><i class="ion-navicon"></i></a>
				
				<center><ul class="main-menu" id="main-menu">
					<li class="dropdown"><a href="#">Main</a></li>
					<li class="dropdown"><a href="contact.html">Contacts</a></li>
					<li class="dropdown"><a href="terms.html">Terms and conditions</a></li>
					<li class="dropdown"><a href="policy.html">Privacy policy</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">Weight Loss - Does Losing Weight Get Harder With Age</a></h4>
							<ul class="mtb-10 list-li-mr-20 color-lite-black">
								<li><i class="mr-5 font-12 ion-clock"></i>27.03.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>72</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">How Do I Select The Right Weight Loss Program</a></h4>
							<ul class="mtb-10 list-li-mr-20 color-lite-black">
								<li><i class="mr-5 font-12 ion-clock"></i>28.02.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>262</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">Lose 15 Pounds in 20 Days - Best Diet to Lose Tons of Weight Quickly and Healthily!</a></h4>
							<ul class="mtb-10 list-li-mr-20 color-lite-black">
								<li><i class="mr-5 font-12 ion-clock"></i>18.02.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>185</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>&lang;</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">&hellip;</a></li>
            <li><a href>18</a></li>
            <li><a href>19</a></li>
            <li><a href>&rang;</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">Main</a></li>
							<li><a href="contact.html">Contacts</a></li>
							<li><a href="terms.html">Terms and conditions</a></li>
							<li><a href="policy.html">Privacy policy</a></li>
						</ul>
					</div><!-- col-sm-3 -->
				</div><!-- row -->
				
			</div><!-- container -->
		</div><!-- container -->
	</footer>
	
	<!-- SCIPTS -->
	
	<script src="js/jquery-3.2.1.min.js"></script>
	
	<script src="js/tether.min.js"></script>
	
	<script src="js/bootstrap.js"></script>
	
	<script src="js/scripts.js"></script>

	<div class="cookie-banner">
		<p>
			The site uses cookies. They allow us to recognize you and get information about your user experience.By continuing to browse the site, I agree to the use of cookies by the site owner in accordance with  <a target="_blank" href="https://en.wikipedia.org/wiki/HTTP_cookie">Cookie policy</a>
		</p>
		<button class="close-cookie">&times;</button>
	</div>
	<script>
		window.onload = function () {
			$('.close-cookie').click(function () {
				$('.cookie-banner').fadeOut();
			})
		}
	</script>
	<script>
    let elems = document.querySelectorAll('.server-name');
    elems.forEach((elem) => {
        elem.innerHTML = window.location.hostname
    })
</script>
	
</body>
</html>