index.html

<!DOCTYPE html>
<html lang="ru">
<head>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
	<script type="text/javascript" src="js\carlcare.js"></script>
	<link rel="stylesheet" href="styles\fonts.css">
	<link rel="stylesheet" href="styles\simple-grid.css">
	<link rel="stylesheet" href="styles\style.css">
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
	<header>
		<div class="container">
			<div class="row">
				<div class="col-12">
					<span class="header-title">Проверка гарантии Infinix, Itel, Tecno</span>
				</div>
			</div>
		</div>
	</header>
	<main>
		<div class="container">
			<div class="row">
				<div class="col-3">
					<div class="warranty-check-form">
						<textarea id="warranty-check-textarea"></textarea>
						<button id="warranty-check-button">Проверить</button>
					</div>
				</div>
				<div class="col-9">
					<div class="warranty-check-result-table">
						<table>
							<thead>
								<tr>
									<th class="imei">IMEI</th>
									<th class="status">Статус гарантии</th>
									<th class="active-date">Дата активации</th>
									<th class="warranty-date">Гарантия до</th>
								</tr>
							</thead>
							<tbody id="warranty-result">
								
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</main>
	<footer>	
	</footer>
	<div id="display-blocker">
		<span>Идёт обработка...</span>
	</div>
</body>
</html>