Прохоровский район:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Прохоровский район</title>
<style type="text/css">
body {background-image:url(луна.jpeg)!important}
</style>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<div style="position:relative; font-size:50px; z-index:2; color:red; text-align:center">Реки Прохоровского района</div>
<div style="position:relative; top:-55; color:white;font-size:60px; z-index:1; text-align:center">Реки Прохоровского района</div>
<div style="text-align:center">
<img src="донецкая сеймица.jpeg" class="sizeimg" alt="Д.Сеймица" title="Река Донецкая Сеймица"/>
</div>
<p class="bold24"> Река Донецкая Сеймица </p>
<br>
<div style="text-align:center">
<img src="олышанка.jpg" class="sizeimg" alt="Олышанка" title="Река Олышанка"/>
</div>
<p class="bold24"> Река Олышанка </p>
<br>
<div style="text-align:center">
<img src="корень.jpg" class="sizeimg" alt="Корень" title="Река Корень"/>
</div>
<p class="bold24"> Река Корень </p>
</body>
</html>
Грайворонский район:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Грайворонский район</title>
<style type="text/css">
body {background-image:url(цветы.jpg)!important}
</style>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<div style="position:relative; font-size:50px; z-index:2; color:#A01309; text-align:center">Реки Грайворонского района</div>
<div style="position:relative; top:-55; color:#FAB9DA;font-size:60px; z-index:1; text-align:center">Реки Грайворонского района</div>
<div style="text-align:center">
<img src="грайворонка.jpg" class="sizeimg" alt="Грайворонка" title="Река Грайворонка"/>
</div>
<p class="bold24"> Река Грайворонка </p>
<br>
<div style="text-align:center">
<img src="ворсклица.jpg" class="sizeimg" alt="Ворсклица" title="Река Ворсклица"/>
</div>
<p class="bold24"> Река Ворсклица </p>
<br>
<div style="text-align:center">
<img src="лозовая.jpg" class="sizeimg" alt="Лозовая" title="Река Лозовая"/>
</div>
<p class="bold24"> Река Лозовая </p>
</body>
</html>
Валуйский район:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Валуйский район</title>
<style type="text/css">
body {background-image:url(бабочки.jpg)!important}
</style>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<div style="position:relative; font-size:50px; z-index:2; color:#660CDC; text-align:center">Реки Валуйского района</div>
<div style="position:relative; top:-55; color:#D8C43D;font-size:60px; z-index:1; text-align:center">Реки Валуйского района</div>
<div style="text-align:center">
<img src="валуй.jpg" class="sizeimg" alt="Валуй" title="Река Валуй"/>
</div>
<p class="bold24"> Река Валуй </p>
<br>
<div style="text-align:center">
<img src="ураева.jpg" class="sizeimg" alt="Ураева" title="Река Ураева"/>
</div>
<p class="bold24"> Река Ураева </p>
<br>
<div style="text-align:center">
<img src="козинка.jpg" class="sizeimg" alt="Козинка" title="Река Козинка"/>
</div>
<p class="bold24"> Река Козинка </p>
</body>
</html>