HTML

<!DOCTYPE html>
	<html>
		<head>
			<title> Healty-life</title>
				<meta charset="utf-8"/>
				<link rel="stylesheet" type="text/css" href="color.css"/>
				<meta name="viewport" content="width=device-widht, initial-scale=1.0">
		</head>
		<body class="body">
				<header class="mainheader">
					<a href="index.html"><img src="logo.png"></a>
					<nav>
						<ul>
							<li class="active">
								<a href="index.html">HOME
								</a>
							</li>
							<li>
									<a href="#">PRODUCTS</a>
							</li>
							<li>
								<a href="contact.html">CONTACT</a>
							</li>
						</ul>

					</nav>
				</header>
				<div class="maincontent">
					<div class="content">
						<article class="topcontent">
							<header>
								<h2>
									<a href="#"title="first post">First post</a>
								</h2>
							</header>
							<footer>
								<p class="post-info">this post is written by me</p>
							</footer>
							<content>
								<p>
									Πιστοποιημένοι Ορθοπεδικοί νάρθηκες και κηδεμόνες για κάθε σημείο του σώματος. Ορθοπεδικές κάλτσες. Ορθοπεδικοί πάτοι ειδικής κατασκευής. Διαβητικά υποδήματα.
								</p>
							</content>
						</article>
					</div>
				</div>
				<div class="sidebar">
				<aside class="top-sidebar">
					<article>
						<h2>Επικοινωνία</h2>
							<p> <a href="tel:6988901966">+306988901966</a>
								Email:<a href="mailto:michalop.roula@hotmail.com">michalop.roula@hotmail.com</a>
							</p>
					</article>

				</aside>
				<aside class="bottom-sidebar">
					<article>
						<h2>Map</h2>
							<p> <iframe src="https://www.google.com/maps/d/embed?mid=1Tlg6PyRggvEV-5hJDghP_PSGyF-pJXyd" width="300" height="400"></iframe></p>
					</article>
				</aside>
				</div>
			<footer class="mainfooter">
					<p> Copyright &copy 2018:<a href="mailto:billys1908@hotmail.com">Billys1908@hotmail.com</a></p>
			</footer>
	</body>
	</html>