Files
bgstarina/s/drugi/tsare/index.html
T
2026-06-23 22:57:06 +03:00

151 lines
5.1 KiB
HTML

<!DOCTYPE html>
<html lang="bg">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/css/obsht.css">
<link rel="stylesheet" href="/css/tsare.css">
<title>Български царе | Българска старина</title>
</head>
<body>
<a href=".."><small>⬅️️назад</small></a><br>
<div class="container">
<img src="crown.png" alt="венец">
</div>
<center><h1>🔧 Български царе</h1></center>
<center><h3><span class="date"><i>Васил Дечков</span class="date"></i></h3></center>
<article>
<hr>
<h2 class="section-title">Древна България</h2>
<div class="timeline">
<div class="bubble">Атила</div>
<div class="arrow"></div>
<div class="bubble">Ирник</div>
<div class="arrow"></div>
<div class="bubble">Гостун (племена)</div>
<div class="arrow"></div>
<div class="bubble">Кубрат</div>
</div>
<h2 class="section-title">I Царство</h2>
<div class="timeline">
<div class="bubble">Безмер/Исперих</div>
<div class="arrow"></div>
<div class="bubble">Св. Тервел</div>
<div class="arrow"></div>
<div class="bubble">Криза</div>
<div class="arrow"></div>
<div class="bubble">Кардам</div>
<div class="arrow"></div>
<div class="bubble">Крум</div>
<div class="arrow"></div>
<div class="bubble">Мортаг</div>
<div class="arrow"></div>
<div class="bubble">Енравота/Маломир</div>
<div class="arrow"></div>
<div class="bubble">Пресиян</div>
<div class="arrow"></div>
<div class="bubble">Св. цар Борис I</div>
<div class="arrow"></div>
<div class="bubble">(Владимир Расате)</div>
<div class="arrow"></div>
<div class="timeline">
<details>
<summary>Симеон</summary>
<div class="details-body">
Тук можеш да сложиш кратко описание, години на управление,
важни събития, цитат — каквото решиш.
</div>
</details>
<div class="arrow"></div>
<details>
<summary>Св. Петър</summary>
<div class="details-body">
Място за текст, снимка, връзка, бележка и т.н.
</div>
</details>
</div>
<div class="arrow"></div>
<div class="bubble">Пленимир</div>
<div class="arrow"></div>
<div class="bubble">Борис II</div>
<div class="arrow"></div>
<div class="bubble">Роман</div>
<div class="arrow"></div>
<div class="bubble">Комитовци (области): св. цар Давид Български</div>
<div class="arrow"></div>
<div class="bubble">Самуил</div>
<div class="arrow"></div>
<div class="bubble">Радомир Гавриил</div>
<div class="arrow"></div>
<div class="bubble">Св. Йоан/Иван Владимир</div>
<div class="arrow"></div>
<div class="bubble">Йоан/Иван Владислав</div>
<div class="arrow"></div>
<div class="bubble">(Пресиян II)</div>
</div>
<h2 class="section-title">Гръцко робство</h2>
<div class="timeline">
<div class="bubble">Делян (Петър II)</div>
<div class="arrow"></div>
<div class="bubble">Константин Бодин (Петър III)</div>
</div>
<h2 class="section-title">II Царство</h2>
<div class="timeline">
<div class="bubble">Теодор Петър IV и Иван Асен (Ясен) I</div>
<div class="arrow"></div>
<div class="bubble">Иваница (Калоян)</div>
<div class="arrow"></div>
<div class="bubble">Борил</div>
<div class="arrow"></div>
<div class="bubble">Иван Асен II</div>
<div class="arrow"></div>
<div class="bubble">Калиман I Асен</div>
<div class="arrow"></div>
<div class="bubble">Криза</div>
<div class="arrow"></div>
<div class="bubble">Константин Тих-Асен</div>
<div class="arrow"></div>
<div class="bubble">Михаил II Асен</div>
<div class="arrow"></div>
<div class="bubble">Криза</div>
<div class="arrow"></div>
<div class="bubble">Теодор Светослав (Тертер)</div>
<div class="arrow"></div>
<div class="bubble">Михаил III Шишман</div>
<div class="arrow"></div>
<div class="bubble">Иван Александър и синове</div>
<div class="arrow"></div>
<div class="bubble">Търново: Иван Шишман</div>
<div class="arrow"></div>
<div class="bubble">Видин: Иван Срацимир</div>
<div class="arrow"></div>
<div class="bubble">(Константин и Фружин)</div>
</div>
<h2 class="section-title">III Царство</h2>
<div class="timeline">
<div class="bubble">Княз Александър I Батенберг</div>
<div class="arrow"></div>
<div class="bubble">Цар Фердинанд</div>
<div class="arrow"></div>
<div class="bubble">Цар Борис III</div>
<div class="arrow"></div>
<div class="bubble">Цар Симеон II</div>
</div>
</article>
</body>
</html>