Skip to content

Commit c8bc9a5

Browse files
shaswatcodes28shaswatcodes28
committed
feat: famous personalities
1 parent 8242609 commit c8bc9a5

File tree

4 files changed

+155
-120
lines changed

4 files changed

+155
-120
lines changed

‎bihar-culture-landing/assets/images/Aryabhata-5_1.jpg‎

131 KB
Loading

‎bihar-culture-landing/assets/images/Ustad-Bismillah-Khan.jpeg‎

31.1 KB
Loading

‎bihar-culture-landing/modern.html‎

Lines changed: 57 additions & 110 deletions
Original file line numberDiff line numberDiff line change
@@ -10,122 +10,69 @@
1010
<h1>Modern Bihar</h1>
1111
</header>
1212

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>
13+
<nav class="main-navigation">
14+
<div class="nav-container">
15+
<a href="index.html" class="nav-link">Home</a>
16+
<a href="culture.html" class="nav-link">Culture</a>
17+
<a href="history.html" class="nav-link ">History</a>
18+
<a href="festivals.html" class="nav-link">Festivals</a>
19+
<a href="tourism.html" class="nav-link">Tourism</a>
20+
<a href="modern.html" class="nav-link active">Modern Bihar</a>
21+
</div>
2022
</nav>
21-
<main>
22-
<section style="background-color:rgba(107, 101, 101, 0.973);">
23-
<h1>Famous Personalities</h1>
24-
<div id="person1">
25-
<h2>1)Dr.Rajendra Prasad</h2>
26-
<img src="assets/images/dr-rajendra-prasad.jpg"width="545px" height="307px" alt="">
27-
<h2>Bio-</h2>
28-
<h3 style="color:rgb(243, 105, 19);">
29-
Prasad (born December 3, 1884, Zeradei, India—died February 28,<br>
30-
1963, Patna) was an Indian politician, lawyer, and journalist who was the first<br>
31-
president of the Republic of India (1950–62). He also was a comrade of<br>
32-
Mahatma Gandhi early in the noncooperation movement for independence and <br>
33-
was president of the Indian National Congress (1934, 1939, and 1947). <br>
23+
<div id="sidemain">
24+
<h1 id="text">Famous Personalities Of Bihar</h1>
25+
<div id="personalities">
26+
<div class="pic">
27+
<img src="assets/images/dr-rajendra-prasad.jpg" width="60%">
28+
29+
<h2>Dr. Rajendra Prasad</h2>
30+
</div>
31+
<div class="intro">
32+
33+
<h3 >
34+
Prasad (born December 3, 1884, Zeradei, India—died February 28,
35+
1963, Patna) was an Indian politician, lawyer, and journalist who was the first
36+
president of the Republic of India (1950-62). He also was a comrade of
37+
Mahatma Gandhi early in the noncooperation movement for independence and
38+
was president of the Indian National Congress (1934, 1939, and 1947).
3439
</h3>
35-
<h2>Contribution-</h2>
36-
<h3 style="color:rgb(243, 105, 19);">
37-
Dr. Rajendra Prasad's contributions include being a key figure in<br>
38-
India's independence movement, serving as the first President of<br>
39-
India, and presiding over the Constituent Assembly that drafted the<br>
40-
Constitution. He was a close associate of Mahatma Gandhi, played<br>
41-
a leading role in major movements like the Non-Cooperation <br>
42-
and Quit India movements, andlater focused on establishing a stable <br>
43-
democracy as President. He was also involved in disaster relief<br>
44-
efforts and advocated for education and agricultural development.<br>
45-
</h3>
46-
<hr>
47-
</div>
48-
<div id="person 2">
49-
<img src="assets/images/anandkumar.jpeg"width="545px" height="307px" alt="">
50-
<h2>2)Anand Kumar</h2>
51-
<h2>Bio-</h2>
52-
<h3 style="color:rgb(0, 60, 255)">
53-
Birth and childhood:
54-
</h3>
55-
<h4 style="color:rgb(185, 204, 19)">
56-
Anand Kumar was born in Patna, Bihar, to a father who worked as a clerk in the postal department and a homemaker mother.
57-
</h4>
58-
<h3 style="color:rgb(0, 60, 255)">
59-
Financial hardship:
60-
</h3>
61-
<h4 style="color:rgb(185, 204, 19)">
62-
His family's financial struggles intensified after his father's death, forcing his mother to sell papads to support the family.
63-
</h4>
64-
<h3 style="color:rgb(0, 60, 255)">
65-
Early education:
66-
</h3>
67-
<h4 style="color:rgb(185, 204, 19)">
68-
Due to the cost of private schools, he attended a government school that taught in Hindi.
69-
<h3 style="color:rgb(0, 60, 255)" >
70-
Academic talent:
40+
41+
</div>
42+
</div>
43+
44+
<div id="anand">
45+
<div class="pic">
46+
<img src="assets/images/anandkumar.jpeg"width="545px" height="307px" alt="">
47+
<h2>Anand Kumar</h2></div>
48+
<div class="intro">
49+
<h3>Anand Kumar is an Indian mathematician and educator best known as the founder of the Super 30 program in Patna, Bihar. Born on 1 January 1973, he gained recognition for coaching economically disadvantaged students for the IIT-JEE entrance exam, helping many of them secure admission to the Indian Institutes of Technology.</h3>
50+
</div>
51+
</div>
52+
53+
<div id="aryabhatta">
54+
<div class="pic">
55+
<img src="assets/images/Aryabhata-5_1.jpg">
56+
<h2>Aryabhatta</h2></div>
57+
<div class="intro">
58+
<h3>Aryabhatta, born in 476 CE in Kusumapura (present-day Patna), was a renowned Indian mathematician and astronomer. He introduced the concept of zero, explained that the Earth rotates on its axis, and accurately calculated the value of pi. His famous work *Aryabhatiya* greatly influenced mathematics, astronomy, and scientific thought in ancient and modern India.
7159
</h3>
72-
<h4 style="color:rgb(185, 204, 19)">
73-
He was a gifted student, particularly in mathematics, and his<br>
74-
papers on number theory were published in journals during his graduation.<br>
75-
He was selected for a program at Cambridge University,<br>
76-
but could not attend due to his family's financial crisis </h4>
77-
<h2>Contributions-</h2>
78-
<h3 style="color:rgba(185,204,19);">
79-
Anand Kumar is best known for founding the Super 30 program,<br>
80-
which provides free coaching to underprivileged students for the<br>
81-
Indian Institutes of Technology (IIT) entrance exams. His other<br>
82-
contributions include establishing the Ramanujan School of Mathematics<br>
83-
to fund Super 30, and advocating for educational opportunity and access,<br>
84-
which has been recognized with awards like the Padma Shri and an award from<br>
85-
the British Columbia for his educational contributions
86-
</h3>
87-
<hr>
88-
</div>
89-
<div id="Person 3">
90-
<h2>3)Ramdhari Singh Dinkar</h2>
91-
<img src="assets/images/Ramdharisinghdinkar.jpg"width="545px" height="307px" alt="">
92-
<h3>
93-
<h2>Bio-</h2>
94-
<p style="color:rgb(43, 226, 211)">
95-
Ramdhari Singh Dinkar (1908–1974) was an acclaimed Indian poet,<br>
96-
essayist, and freedom fighter known for his nationalist poetry, which<br>
97-
evoked courage and patriotism during India's struggle for independence.<br>
98-
Awarded the title "Rashtrakavi" (National Poet), he is <br>
99-
considered one of the most important modern Hindi poets, celebrated <br>
100-
for his works that blend patriotism, social justice, and philosophical <br>
101-
introspection. </p>
102-
</h3>
103-
<h3>
104-
<h2>Contributions-</h2>
105-
<p style="color:rgb(43, 226, 211)">
106-
Ramdhari Singh Dinkar's contributions include inspiring nationalist<br>
107-
poetry during India's freedom struggle, promoting social justice<br>
108-
through his writings, and a significant career in public service as a <br>
109-
Rajya Sabha member and Vice-Chancellor of Bhagalpur University.<br>
110-
He authored numerous influential works of poetry and prose, which<br>
111-
earned him major awards like the Padma Bhushan, Sahitya Akademi,<br>
112-
and the Jnanpith Award.</p>
113-
</h3>
114-
<hr>
11560
</div>
116-
</section>
61+
</div>
11762

118-
<section>
119-
<h2>Startups & Innovation</h2>
120-
<p>Emerging entrepreneurs and technology initiatives from Bihar.</p>
121-
</section>
122-
123-
<section>
124-
<h2>Bihar in Cinema</h2>
125-
<p>Movies like Gangs of Wasseypur highlight Bihar’s culture.</p>
126-
</section>
127-
</main>
63+
<div id="bismil">
64+
<div class="pic">
65+
<img src="assets/images/Ustad-Bismillah-Khan.jpeg" >
66+
<h2>Ustad Bismillah Khan</h2></div>
67+
<div class="intro">
68+
<h3>Ustad Bismillah Khan, born in 1916 in Dumraon, Bihar, was one of India’s greatest classical musicians and a master of the shehnai. He elevated the instrument from folk tradition to the concert stage, earning worldwide recognition. He performed at India’s Independence Day in 1947 and received the Bharat Ratna for his contribution to Indian music and culture.</h3>
69+
</div>
70+
</div>
71+
</div>
12872

73+
</div>
74+
</div>
75+
</div>
12976
<footer>
13077
<p>Modern Bihar section welcomes more contributions!</p>
13178
</footer>

‎bihar-culture-landing/style.css‎

Lines changed: 98 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -78,7 +78,16 @@ header::before {
7878
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
7979
opacity: 0.3;
8080
}
81+
@keyframes typing {
82+
from { width: 0 }
83+
to { width: 100% }
84+
}
8185

86+
/* The typewriter cursor effect */
87+
@keyframes blink-caret {
88+
from, to { border-color: transparent }
89+
50% { border-color: orange; }
90+
}
8291
.header-content {
8392
position: relative;
8493
z-index: 2;
@@ -87,19 +96,26 @@ header::before {
8796
}
8897

8998
.header-content h1 {
90-
font-size: clamp(2.5rem, 6vw, 4.5rem);
91-
font-weight: 700;
92-
margin: 0 auto;
93-
94-
/*margin-bottom: 0.5rem;*/
95-
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
99+
overflow: hidden;
100+
border-right: .15em solid orange;
101+
white-space: nowrap;
102+
margin: 0 auto;
103+
letter-spacing: .15em;
104+
animation:
105+
typing 3.5s steps(40, end),
106+
blink-caret .75s step-end infinite;
107+
96108
}
97109

98110
.header-content h2 {
99-
font-size: clamp(1.5rem, 3vw, 2.5rem);
100-
font-weight: 400;
101-
margin-bottom: 1rem;
102-
opacity: 0.9;
111+
overflow: hidden;
112+
border-right: .15em solid orange;
113+
white-space: nowrap;
114+
margin: 0 auto;
115+
letter-spacing: .15em;
116+
animation:
117+
typing 3.5s steps(40, end),
118+
blink-caret .75s step-end infinite;
103119
}
104120

105121
.tagline {
@@ -719,4 +735,76 @@ body.dark-mode .theme-toggle-btn .moon {
719735
gap: 2rem;
720736
margin-bottom: 4rem;
721737
}
738+
#text{
739+
text-align: center;
740+
color: aliceblue;
741+
background-color: #2c3e50;
742+
}
743+
#sidemain{
744+
background-color: #ff6b35;
745+
height: 100%;
746+
width: 100%;
747+
}
748+
749+
#personalities{
750+
background-color: #ff6b35;
751+
display: flex;
752+
align-items: center;
753+
754+
border-bottom: #2c3e50 solid 2px;
755+
}
756+
757+
.pic{
758+
width: 50%;
759+
760+
}
761+
#aryabhatta .pic img{
762+
object-fit: cover;
763+
width: 450px;
764+
height: 400px;
765+
766+
}
767+
#aryabhatta{
768+
display: flex;
769+
margin-top: 90px;
770+
border-bottom: #2c3e50 solid 2px;
771+
}
772+
.intro{
773+
width: 50%;
774+
padding-left: 5px;
775+
border-left: 2px solid black;
776+
}
777+
#anand{
778+
width: 100%;
779+
780+
display: flex;
781+
margin-top: 50px;
782+
justify-content: space-between;
783+
flex-direction: row-reverse;
784+
border-bottom: #2c3e50 solid 2px;
785+
}
786+
#anand .intro{
787+
border-right: 2px solid black;
788+
}
789+
#anand .pic{
790+
flex: 0 0 ;
791+
792+
padding-right: 5px;
793+
}
794+
795+
#bismil{
796+
margin-top: 70px;
797+
width: 100%;
798+
display:flex;
799+
justify-content: space-between;
800+
flex-direction: row-reverse;
801+
802+
}
803+
#bismil .intro{
804+
border-right: 2px solid black;
805+
}
806+
#bismil .pic{
807+
padding-left: 35px;
808+
}
809+
722810

0 commit comments

Comments
 (0)