Skip to content

feat: famous personalities #31

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
MD-IRFAN-RAJ merged 1 commit into from
Nov 13, 2025
Merged

feat: famous personalities #31

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added bihar-culture-landing/assets/images/Aryabhata-5_1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added bihar-culture-landing/assets/images/Ustad-Bismillah-Khan.jpeg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
167 changes: 57 additions & 110 deletions bihar-culture-landing/modern.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,122 +10,69 @@
<h1>Modern Bihar</h1>
</header>

<nav>
<a href="index.html">Home</a>
<a href="culture.html">Culture</a>
<a href="history.html">History</a>
<a href="festivals.html">Festivals</a>
<a href="tourism.html">Tourism</a>
<a href="modern.html">Modern Bihar</a>
<nav class="main-navigation">
<div class="nav-container">
<a href="index.html" class="nav-link">Home</a>
<a href="culture.html" class="nav-link">Culture</a>
<a href="history.html" class="nav-link ">History</a>
<a href="festivals.html" class="nav-link">Festivals</a>
<a href="tourism.html" class="nav-link">Tourism</a>
<a href="modern.html" class="nav-link active">Modern Bihar</a>
</div>
</nav>
<main>
<section style="background-color:rgba(107, 101, 101, 0.973);">
<h1>Famous Personalities</h1>
<div id="person1">
<h2>1)Dr.Rajendra Prasad</h2>
<img src="assets/images/dr-rajendra-prasad.jpg"width="545px" height="307px" alt="">
<h2>Bio-</h2>
<h3 style="color:rgb(243, 105, 19);">
Prasad (born December 3, 1884, Zeradei, India—died February 28,<br>
1963, Patna) was an Indian politician, lawyer, and journalist who was the first<br>
president of the Republic of India (1950–62). He also was a comrade of<br>
Mahatma Gandhi early in the noncooperation movement for independence and <br>
was president of the Indian National Congress (1934, 1939, and 1947). <br>
<div id="sidemain">
<h1 id="text">Famous Personalities Of Bihar</h1>
<div id="personalities">
<div class="pic">
<img src="assets/images/dr-rajendra-prasad.jpg" width="60%">

<h2>Dr. Rajendra Prasad</h2>
</div>
<div class="intro">

<h3 >
Prasad (born December 3, 1884, Zeradei, India—died February 28,
1963, Patna) was an Indian politician, lawyer, and journalist who was the first
president of the Republic of India (1950-62). He also was a comrade of
Mahatma Gandhi early in the noncooperation movement for independence and
was president of the Indian National Congress (1934, 1939, and 1947).
</h3>
<h2>Contribution-</h2>
<h3 style="color:rgb(243, 105, 19);">
Dr. Rajendra Prasad's contributions include being a key figure in<br>
India's independence movement, serving as the first President of<br>
India, and presiding over the Constituent Assembly that drafted the<br>
Constitution. He was a close associate of Mahatma Gandhi, played<br>
a leading role in major movements like the Non-Cooperation <br>
and Quit India movements, andlater focused on establishing a stable <br>
democracy as President. He was also involved in disaster relief<br>
efforts and advocated for education and agricultural development.<br>
</h3>
<hr>
</div>
<div id="person 2">
<img src="assets/images/anandkumar.jpeg"width="545px" height="307px" alt="">
<h2>2)Anand Kumar</h2>
<h2>Bio-</h2>
<h3 style="color:rgb(0, 60, 255)">
Birth and childhood:
</h3>
<h4 style="color:rgb(185, 204, 19)">
Anand Kumar was born in Patna, Bihar, to a father who worked as a clerk in the postal department and a homemaker mother.
</h4>
<h3 style="color:rgb(0, 60, 255)">
Financial hardship:
</h3>
<h4 style="color:rgb(185, 204, 19)">
His family's financial struggles intensified after his father's death, forcing his mother to sell papads to support the family.
</h4>
<h3 style="color:rgb(0, 60, 255)">
Early education:
</h3>
<h4 style="color:rgb(185, 204, 19)">
Due to the cost of private schools, he attended a government school that taught in Hindi.
<h3 style="color:rgb(0, 60, 255)" >
Academic talent:

</div>
</div>

<div id="anand">
<div class="pic">
<img src="assets/images/anandkumar.jpeg"width="545px" height="307px" alt="">
<h2>Anand Kumar</h2></div>
<div class="intro">
<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>
</div>
</div>

<div id="aryabhatta">
<div class="pic">
<img src="assets/images/Aryabhata-5_1.jpg">
<h2>Aryabhatta</h2></div>
<div class="intro">
<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.
</h3>
<h4 style="color:rgb(185, 204, 19)">
He was a gifted student, particularly in mathematics, and his<br>
papers on number theory were published in journals during his graduation.<br>
He was selected for a program at Cambridge University,<br>
but could not attend due to his family's financial crisis </h4>
<h2>Contributions-</h2>
<h3 style="color:rgba(185,204,19);">
Anand Kumar is best known for founding the Super 30 program,<br>
which provides free coaching to underprivileged students for the<br>
Indian Institutes of Technology (IIT) entrance exams. His other<br>
contributions include establishing the Ramanujan School of Mathematics<br>
to fund Super 30, and advocating for educational opportunity and access,<br>
which has been recognized with awards like the Padma Shri and an award from<br>
the British Columbia for his educational contributions
</h3>
<hr>
</div>
<div id="Person 3">
<h2>3)Ramdhari Singh Dinkar</h2>
<img src="assets/images/Ramdharisinghdinkar.jpg"width="545px" height="307px" alt="">
<h3>
<h2>Bio-</h2>
<p style="color:rgb(43, 226, 211)">
Ramdhari Singh Dinkar (1908–1974) was an acclaimed Indian poet,<br>
essayist, and freedom fighter known for his nationalist poetry, which<br>
evoked courage and patriotism during India's struggle for independence.<br>
Awarded the title "Rashtrakavi" (National Poet), he is <br>
considered one of the most important modern Hindi poets, celebrated <br>
for his works that blend patriotism, social justice, and philosophical <br>
introspection. </p>
</h3>
<h3>
<h2>Contributions-</h2>
<p style="color:rgb(43, 226, 211)">
Ramdhari Singh Dinkar's contributions include inspiring nationalist<br>
poetry during India's freedom struggle, promoting social justice<br>
through his writings, and a significant career in public service as a <br>
Rajya Sabha member and Vice-Chancellor of Bhagalpur University.<br>
He authored numerous influential works of poetry and prose, which<br>
earned him major awards like the Padma Bhushan, Sahitya Akademi,<br>
and the Jnanpith Award.</p>
</h3>
<hr>
</div>
</section>
</div>

<section>
<h2>Startups & Innovation</h2>
<p>Emerging entrepreneurs and technology initiatives from Bihar.</p>
</section>

<section>
<h2>Bihar in Cinema</h2>
<p>Movies like Gangs of Wasseypur highlight Bihar’s culture.</p>
</section>
</main>
<div id="bismil">
<div class="pic">
<img src="assets/images/Ustad-Bismillah-Khan.jpeg" >
<h2>Ustad Bismillah Khan</h2></div>
<div class="intro">
<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>
</div>
</div>
</div>

</div>
</div>
</div>
<footer>
<p>Modern Bihar section welcomes more contributions!</p>
</footer>
Expand Down
108 changes: 98 additions & 10 deletions bihar-culture-landing/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -78,7 +78,16 @@ header::before {
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>');
opacity: 0.3;
}
@keyframes typing {
from { width: 0 }
to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
from, to { border-color: transparent }
50% { border-color: orange; }
}
.header-content {
position: relative;
z-index: 2;
Expand All @@ -87,19 +96,26 @@ header::before {
}

.header-content h1 {
font-size: clamp(2.5rem, 6vw, 4.5rem);
font-weight: 700;
margin: 0 auto;

/*margin-bottom: 0.5rem;*/
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
overflow: hidden;
border-right: .15em solid orange;
white-space: nowrap;
margin: 0 auto;
letter-spacing: .15em;
animation:
typing 3.5s steps(40, end),
blink-caret .75s step-end infinite;

}

.header-content h2 {
font-size: clamp(1.5rem, 3vw, 2.5rem);
font-weight: 400;
margin-bottom: 1rem;
opacity: 0.9;
overflow: hidden;
border-right: .15em solid orange;
white-space: nowrap;
margin: 0 auto;
letter-spacing: .15em;
animation:
typing 3.5s steps(40, end),
blink-caret .75s step-end infinite;
}

.tagline {
Expand Down Expand Up @@ -719,4 +735,76 @@ body.dark-mode .theme-toggle-btn .moon {
gap: 2rem;
margin-bottom: 4rem;
}
#text{
text-align: center;
color: aliceblue;
background-color: #2c3e50;
}
#sidemain{
background-color: #ff6b35;
height: 100%;
width: 100%;
}

#personalities{
background-color: #ff6b35;
display: flex;
align-items: center;

border-bottom: #2c3e50 solid 2px;
}

.pic{
width: 50%;

}
#aryabhatta .pic img{
object-fit: cover;
width: 450px;
height: 400px;

}
#aryabhatta{
display: flex;
margin-top: 90px;
border-bottom: #2c3e50 solid 2px;
}
.intro{
width: 50%;
padding-left: 5px;
border-left: 2px solid black;
}
#anand{
width: 100%;

display: flex;
margin-top: 50px;
justify-content: space-between;
flex-direction: row-reverse;
border-bottom: #2c3e50 solid 2px;
}
#anand .intro{
border-right: 2px solid black;
}
#anand .pic{
flex: 0 0 ;

padding-right: 5px;
}

#bismil{
margin-top: 70px;
width: 100%;
display:flex;
justify-content: space-between;
flex-direction: row-reverse;

}
#bismil .intro{
border-right: 2px solid black;
}
#bismil .pic{
padding-left: 35px;
}


Loading