๐ฎ๐ณ เคญाเคฐเคค เคी GDP : 2015–2025
๐ เคคिเคฎाเคนी เคธเคเคฒ เคเคฐेเคฒू เคเคค्เคชाเคฆ
| เคคिเคฎाเคนी | GDP (เค เคฐเคฌ เคฐुเคชเคฏे) | เคตृเคฆ्เคงि (เคตाเคฐ्เคทिเค) |
|---|
เคธ्เคฐोเคค: IMF / Macrotrends [citation:1]
๐ เคเคจिเคฎेเคेเคก เคฐुเคाเคจ (เคชिเคเคฒी 8 เคคिเคฎाเคนी)
เคेเคธเคฐ: เคคिเคฎाเคนी GDP เคนเคฐा: เคตृเคฆ्เคงि เคฆเคฐ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jasprit Bumrah Profile</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
/* Base styles with specific class names to avoid Blogger conflicts */
.bumrah-container {
background: linear-gradient(135deg, #0c1445 0%, #1a237e 100%);
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
overflow: hidden;
}
.bumrah-content {
max-width: 800px;
width: 100%;
text-align: center;
background: rgba(255, 255, 255, 0.05);
border-radius: 15px;
padding: 30px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
backdrop-filter: blur(10px);
}
/* Image styling */
.bumrah-image {
width: 280px;
height: 280px;
border-radius: 50%;
border: 5px solid rgba(255, 255, 255, 0.1);
object-fit: cover;
margin: 0 auto 20px;
display: block;
box-shadow: 0 0 25px rgba(255, 255, 255, 0.2);
animation: float 6s ease-in-out infinite;
}
@keyframes float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-15px); }
}
/* Title styling */
.bumrah-title {
color: #fff;
font-size: 2.8rem;
margin-bottom: 1.5rem;
text-shadow: 0 2px 10px rgba(0,0,0,0.3);
opacity: 0;
animation: fadeIn 1.5s forwards;
animation-delay: 0.3s;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
/* Information sections */
.bumrah-info {
background: rgba(255, 255, 255, 0.08);
border-radius: 10px;
padding: 20px;
margin-bottom: 25px;
text-align: left;
opacity: 0;
animation: fadeIn 1.5s forwards;
animation-delay: 0.8s;
}
.bumrah-info h3 {
color: #ff9f43;
font-size: 1.5rem;
margin-bottom: 15px;
border-bottom: 2px solid rgba(255, 159, 67, 0.3);
padding-bottom: 8px;
}
.bumrah-info p {
color: #fff;
line-height: 1.6;
margin-bottom: 12px;
font-size: 1.1rem;
}
/* Stats grid */
.bumrah-stats {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
margin-top: 20px;
opacity: 0;
animation: fadeIn 1.5s forwards;
animation-delay: 1.3s;
}
.stat-box {
background: rgba(255, 255, 255, 0.1);
border-radius: 8px;
padding: 15px;
text-align: center;
transition: transform 0.3s ease;
}
.stat-box:hover {
transform: translateY(-5px);
background: rgba(255, 255, 255, 0.15);
}
.stat-value {
color: #ff9f43;
font-size: 2rem;
font-weight: bold;
display: block;
}
.stat-label {
color: #fff;
font-size: 1rem;
}
/* Highlight text */
.bumrah-highlight {
color: #ff9f43;
font-weight: bold;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.bumrah-title { font-size: 2.2rem; }
.bumrah-image { width: 220px; height: 220px; }
.bumrah-stats { grid-template-columns: 1fr; }
}
/* Stars background */
.bumrah-stars {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: -1;
}
.bumrah-star {
position: absolute;
background-color: white;
border-radius: 50%;
animation: twinkle linear infinite;
}
@keyframes twinkle {
0%, 100% { opacity: 0.2; }
50% { opacity: 1; }
}
</style>
</head>
<body>
<div class="bumrah-stars" id="bumrah-stars"></div>
<div class="bumrah-container">
<div class="bumrah-content">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeCaa_d11VkP-HemauZO2AzuERVAj7WCAf_GokeRQGsRWjbhGd2uSTB6HSc5ng3db7sndtkXVs1gE1GtotX5K97_P1lhld5dQC7LjDk2AzqBLiPtNUL29SUgwJCbUQn5RQf5yuBWOZAI1MEW4kQNqA1llwFnLKHEBmVhhnnj5S-_12U4JVgONUiWQpwz8/s200/images__2_-removebg-preview.png" alt="Jasprit Bumrah" class="bumrah-image">
<h1 class="bumrah-title">Jasprit Bumrah</h1>
<div class="bumrah-info">
<h3>About</h3>
<p>Jasprit Bumrah is an Indian international cricketer who plays for the Indian national team in all formats of the game. He is considered one of the best bowlers in the world and is known for his unique bowling action.</p>
<p>Born on December 6, 1993, in Ahmedabad, Gujarat, Bumrah made his international debut in 2016 and quickly rose to become India's premier fast bowler across all formats.</p>
</div>
<div class="bumrah-info">
<h3>Career Highlights</h3>
<p>• Made his Test debut against South Africa in January 2018</p>
<p>• First Asian bowler to take 5 wickets in a Test innings in South Africa, England, and Australia</p>
<p>• Key player in India's historic Test series win in Australia in 2018-19</p>
<p>• Known for his deadly yorkers and ability to bowl accurately in death overs</p>
</div>
<div class="bumrah-stats">
<div class="stat-box">
<span class="stat-value">128</span>
<span class="stat-label">Test Wickets</span>
</div>
<div class="stat-box">
<span class="stat-value">149</span>
<span class="stat-label">ODI Wickets</span>
</div>
<div class="stat-box">
<span class="stat-value">74</span>
<span class="stat-label">T20I Wickets</span>
</div>
<div class="stat-box">
<span class="stat-value">5/7</span>
<span class="stat-label">Best Test Figures</span>
</div>
</div>
</div>
</div>
<script>
// Create stars for background
function createStars() {
const stars = document.getElementById('bumrah-stars');
const starsCount = 150;
for (let i = 0; i < starsCount; i++) {
const star = document.createElement('div');
star.classList.add('bumrah-star');
const size = Math.random() * 3;
star.style.width = `${size}px`;
star.style.height = `${size}px`;
star.style.left = `${Math.random() * 100}%`;
star.style.top = `${Math.random() * 100}%`;
star.style.animationDuration = `${2 + Math.random() * 5}s`;
star.style.animationDelay = `${Math.random() * 5}s`;
stars.appendChild(star);
}
}
// Initialize when page loads
window.onload = function() {
createStars();
};
</script>
</body>
</html>
Comments
Post a Comment
Whatever questions you want to ask, please tell me in the comments. I will answers maximum questions. don't worry I will tell you my honest answers with all my experience.