<!DOCTYPE html>

<html lang="ru">

<head>

<meta charset="UTF-8">

<title>Нефтекамск</title>

<style>

* {

box-sizing: border-box;

}

body {

margin: 0;

padding: 0;

display: grid;

grid-template-columns: repeat(4, 1fr);

grid-template-rows: repeat(2, 1fr);

gap: 10px;

height: 100vh;

}

iframe {

width: 100%;

height: 100%;

border: none;

}

</style>

</head>

<body>

<iframe src="about.html" title="О городе"></iframe>

<iframe src="history.html" title="История"></iframe>

<iframe src="culture.html" title="Культура"></iframe>

<iframe src="economy.html" title="Экономика"></iframe>

<iframe src="education.html" title="Образование"></iframe>

<iframe src="tourism.html" title="Туризм"></iframe>

<iframe src="news.html" title="Новости"></iframe>

<iframe src="contacts.html" title="Контакты"></iframe>

</body>

</html>