index.html

﻿<!DOCTYPE HTML>
<html>
<head>
	<title>Food diary</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="main">
	<header>
		<div class="caption">Food diary</div>
		<div class="header_text">If you want to feel healthier...</div>
		<div class="block_buttons">
			<button id="btn_sign">
				<a href="sign_up_page.html">Sign Up</a>
			</button>
			<button id="btn_login">
				<a href="log_in_page.html">Log In</a>
			</button>
		</div>
	</header>
	<div class="fon_image">
		<img src="img/main_img.jpg">
	</div>
	<div class="info1">
		Eat better - Feel better
	</div>
	<div class="info2">
		Use this diary to record everything you eat and drink and how you feel. It is a powerful tool to make you more aware of your eating habits.
	</div>
</div>
</body>
</html>