TotalWarModder/beloozero-banner-forge
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Beloozero Banner Forge</title>7 <link rel="stylesheet" href="style.css">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10 <script src="https://unpkg.com/feather-icons"></script>11 <script src="components/navbar.js"></script>12 <script src="components/banner-card.js"></script>13</head>14<body class="bg-gray-100 min-h-screen">15 <custom-navbar></custom-navbar>16 17 <main class="container mx-auto px-4 py-12">18 <section class="text-center mb-16">19 <h1 class="text-4xl md:text-5xl font-bold text-gray-800 mb-4">Principality of Beloozero</h1>20 <p class="text-xl text-gray-600 max-w-3xl mx-auto">Historical banners of the medieval Russian principality</p>21 </section>22 23 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">24 <banner-card 25 title="Faction Banner" 26 description="Standard military banner used by Beloozero forces"27 img-src="http://static.photos/vintage/640x360/42"28 ></banner-card>29 30 <banner-card 31 title="Faction Banner (Transparent)" 32 description="Translucent version for ceremonial use"33 img-src="http://static.photos/vintage/640x360/43"34 ></banner-card>35 36 <banner-card 37 title="Royal Banner" 38 description="Official banner of the Beloozero princely court"39 img-src="http://static.photos/vintage/640x360/44"40 ></banner-card>41 </div>42 43 <section class="mt-16 bg-white rounded-xl shadow-md p-8 max-w-4xl mx-auto">44 <h2 class="text-2xl font-bold text-gray-800 mb-4">About Beloozero Banners</h2>45 <p class="text-gray-600 mb-4">46 The Principality of Beloozero was a medieval Russian principality centered around White Lake (Beloozero).47 Its banners typically featured traditional Slavic motifs combined with Christian symbolism.48 </p>49 <p class="text-gray-600">50 These reconstructed banners represent the three main types used during the 14th-15th centuries when51 Beloozero was at its height before being absorbed by the Grand Duchy of Moscow.52 </p>53 </section>54 </main>55 56 <script>57 feather.replace();58 </script>59 <script src="script.js"></script>60<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>61</body>62</html>