<html lang="ru">
	
	<head>
		<meta charset = "utf-8">
		<title> Техник </title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
    	<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
    	<link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
    	<link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet"/>
		<link rel = "stylesheet" href = "./style.css">
	</head>

	<body class="h-100 d-flex flex-column">

		<header>
			<nav class="navbar navbar-expand-md">
				<div class="container-fluid">
					<a class = "navbar-brand" href = "./Home.html" style="color: #6A3502;">
						<i class="fa-solid fa-microchip"></i>
						Техник
					</a>

					<form class="d-flex">
						<input class="form-control" type="search" placeholder="Поиск по сайту" aria-label="Search">
						<button class="btn btn-outline-*" type="submit" style="color: #6A3502;"><i class="fa-solid fa-search"></i></button>
					</form>
				</div>
			</nav>
		</header>

		<main class="container-fluid">
			<div class="row justify-content-center">
                <form class="col-md-6 m-0" action="./Profile.html" method="get">
                    <div class="mb-2">
                        <label class="form-label" for="email">E-mail</label>
                        <input id="email" name="email" class="form-control" type="email" placeholder="name@example.ru" required>
                    </div>
                    <div class="mb-2">
                        <label class="form-label" for="password">Пароль</label>
                        <input id="password" name="password" class="form-control" type="password" required>
                    </div>
                    <div class="mb-2">
                        <a class="form-text" href="./Registration.html">Зарегистрироваться</a>
                    </div>
                    <div class="text-center">
                        <button class="btn btn-primary w-50" type="submit" style="background-color: #F4A406;">Войти</button>
                    </div>
                </form>
            </div>
		</main>

		<footer class="footer mt-auto d-flex flex-shrink-0 align-items-center">
			© 2023 Компания Техник. Администрация Сайта не несет ответственности за размещаемые Пользователями материалы (в т.ч. информацию и изображения), их содержание и качество.
		</footer>

	</body>
</html>