|
7 | 7 | </head> |
8 | 8 | <body> |
9 | 9 | <header class="sub-hero"> |
10 | | - <h1>History & Heritage</h1> |
| 10 | + <h1 style="font-family: cursive;">History & Heritage</h1> |
| 11 | + <h3 style="font-weight: 30;">Weaving the tapestry of Bihar</h3> |
11 | 12 | </header> |
12 | 13 |
|
13 | | - <nav> |
14 | | - <a href="index.html">Home</a> |
15 | | - <a href="culture.html">Culture</a> |
16 | | - <a href="history.html">History</a> |
17 | | - <a href="festivals.html">Festivals</a> |
18 | | - <a href="tourism.html">Tourism</a> |
19 | | - <a href="modern.html">Modern Bihar</a> |
| 14 | + <nav class="main-navigation"> |
| 15 | + <div class="nav-container"> |
| 16 | + <a href="index.html" class="nav-link">Home</a> |
| 17 | + <a href="culture.html" class="nav-link">Culture</a> |
| 18 | + <a href="history.html" class="nav-link active">History</a> |
| 19 | + <a href="festivals.html" class="nav-link">Festivals</a> |
| 20 | + <a href="tourism.html" class="nav-link">Tourism</a> |
| 21 | + <a href="modern.html" class="nav-link">Modern Bihar</a> |
| 22 | + </div> |
20 | 23 | </nav> |
21 | 24 |
|
22 | | - <main> |
23 | | - <section> |
24 | | - <h2>Nalanda University</h2> |
25 | | - <p>One of the world’s oldest universities, a great center of learning.</p> |
26 | | - </section> |
| 25 | + <main class="main-content"> |
27 | 26 |
|
28 | | - <section> |
29 | | - <h2>Vikramshila University</h2> |
30 | | - <p>Another renowned ancient seat of Buddhist learning.</p> |
| 27 | + <section class="highlights-section"> |
| 28 | + <h2>Heritage Sites</h2> |
| 29 | + <p>Bihar's heritage is rich and ancient, marked by its role as a cradle of major religions like Buddhism and <br> |
| 30 | + its history as the center of powerful empires like the Mauryas and Guptas. This legacy is visible in its <br> |
| 31 | + historic sites such as Bodh Gaya, the ancient Nalanda University, and numerous other Buddhist and Hindu temples</p> |
31 | 32 | </section> |
| 33 | + <div class="festival-grid"> |
| 34 | + <div class="feature-card"> |
| 35 | + <table> |
| 36 | + <tr> |
| 37 | + <td> |
| 38 | + <img src="assets/images/Nalanda_old.jpg" alt="Nalanda University" style="width:70%;height:60%; border-radius:12px; margin-bottom:1rem;"> |
| 39 | + </td> |
| 40 | + <td> |
| 41 | + <h2>Nalanda University</h2> |
| 42 | + <p>One of the world’s oldest universities, a great center of learning.</p> |
| 43 | + </td> |
| 44 | + </tr> |
| 45 | + </table> |
| 46 | + </div> |
| 47 | + </div> |
| 48 | + |
| 49 | + <div class="festival-grid"> |
| 50 | + <div class="feature-card"> |
| 51 | + <table> |
| 52 | + <tr> |
| 53 | + <td> |
| 54 | + <h2>Vikramshila University</h2> |
| 55 | + <p>Another renowned ancient seat of Buddhist learning.</p> |
| 56 | + </td> |
| 57 | + <td> |
| 58 | + |
| 59 | + </td> |
| 60 | + <td> |
| 61 | + <img src="assets/images/Vikramshila.png" alt="Nalanda University" style="width:70%;height:60%; border-radius:12px; margin-bottom:1rem;"> |
| 62 | + </td> |
| 63 | + </tr> |
| 64 | + </table> |
| 65 | + </div> |
| 66 | + </div> |
| 67 | + |
| 68 | + <div class="festival-grid"> |
| 69 | + <div class="feature-card"> |
| 70 | + <table> |
| 71 | + <tr> |
| 72 | + <td> |
| 73 | + <img src="assets/images/Mahabodhi.jpeg" alt="Mahabodhi Temple" style="width:70%;height:60%; border-radius:12px; margin-bottom:1rem;"> |
| 74 | + </td> |
| 75 | + <td> |
| 76 | + <h2>Mahabodhi Temple</h2> |
| 77 | + <p>It is one of the four most holy sites in Buddhism,<br> containing the sacred Bodhi Tree and other significant structures. </p> |
| 78 | + </td> |
| 79 | + </tr> |
| 80 | + </table> |
| 81 | + </div> |
| 82 | + </div> |
| 83 | + |
| 84 | + <div class="festival-grid"> |
| 85 | + <div class="feature-card"> |
| 86 | + <table> |
| 87 | + <tr> |
| 88 | + <td> |
| 89 | + <h2>Ashokan Pillar</h2> |
| 90 | + <p>The earliest surviving stone monuments in India, <br>marking the widespread influence of Mauryan Emperor Ashoka </p> |
| 91 | + </td> |
| 92 | + <td> |
| 93 | + <img src="assets/images/Ashoka_pillar.jpg" alt="Ashokan Pillar" style="width:70%;height:60%; border-radius:12px; margin-bottom:1rem;"> |
| 94 | + </td> |
| 95 | + |
| 96 | + </tr> |
| 97 | + </table> |
| 98 | + </div> |
| 99 | + </div> |
| 100 | + |
| 101 | + <div class="festival-grid"> |
| 102 | + <div class="feature-card"> |
| 103 | + <table> |
| 104 | + <tr> |
| 105 | + <td> |
| 106 | + <img src="assets/images/Kesari_Stupa.jpg" alt="Ashokan Pillar" style="width:70%;height:50%; border-radius:12px; margin-bottom:1rem;"> |
| 107 | + </td> |
| 108 | + <td> |
| 109 | + <h2>Kesari Stupa</h2> |
| 110 | + <p>It is the world's largest and tallest Buddhist stupa, standing at 104 feet and marking a site where Lord Buddha once stayed. </p> |
| 111 | + </td> |
| 112 | + </tr> |
| 113 | + </table> |
| 114 | + </div> |
| 115 | + </div> |
| 116 | + |
| 117 | + <div class="festival-grid"> |
| 118 | + <div class="feature-card"> |
| 119 | + <table> |
| 120 | + <tr> |
| 121 | + <td> |
| 122 | + <h2>Barabar Caves</h2> |
| 123 | + <p>The Barabar Caves are India's oldest surviving rock-cut caves, dating to the 3rd century br BCE Mauryan period. </p> |
| 124 | + </td> |
| 125 | + <td> |
| 126 | + <img src="assets/images/Barabar_caves.jpg" alt="Barabar caves" style="width:70%;height:50%; border-radius:12px; margin-bottom:1rem;"> |
| 127 | + </td> |
| 128 | + </tr> |
| 129 | + </table> |
| 130 | + </div> |
| 131 | + </div> |
32 | 132 |
|
33 | | - <section> |
34 | | - <h2>Freedom Fighters</h2> |
35 | | - <p>Bihar gave India leaders like Dr. Rajendra Prasad and Kunwar Singh.</p> |
36 | | - </section> |
37 | 133 | </main> |
38 | 134 |
|
39 | 135 | <footer> |
40 | | - <p>Help us add more historical events and personalities!</p> |
| 136 | + <p>Uncovering Bihar's past✨ , connecting to its future.</p> |
41 | 137 | </footer> |
42 | 138 | </body> |
43 | 139 | </html> |
0 commit comments