<!DOCTYPE html>
<html lang="hi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>भजन - 3</title>
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css2?family=Great+Vibes&family=Noto+Sans+Devanagari:wght@400;700&display=swap" rel="stylesheet">
<style>
/* Global Styling */
body, html {
margin: 0;
padding: 0;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background-image: linear-gradient(to right bottom, #052437, #303365, #812e76, #ca185a, #eb4a12);
font-family: 'Noto Sans Devanagari', sans-serif;
text-align: center;
}
/* Beautiful Border without Image */
.border-container {
padding: 40px;
border: 12px solid;
border-radius: 20px;
border-color: #ff7f50 #ff4500 #ff1493 #8a2be2; /* Multicolor Border */
background: rgba(255, 255, 255, 0.8);
box-shadow: 0 0 15px rgba(255, 140, 0, 0.5);
max-width: 600px;
transition: transform 0.5s, box-shadow 0.5s;
}
/* Hover Effect */
.border-container:hover {
transform: scale(1.05);
box-shadow: 0 0 25px rgba(255, 140, 0, 0.8);
}
/* Title Styling */
.title {
font-family: 'Great Vibes', cursive;
font-size: 50px;
font-weight: bold;
color: #d2691e;
text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
margin-bottom: 10px;
}
/* Bhajan Text Styling */
.bhajan-text {
font-size: 20px;
background-image: linear-gradient(to right bottom, #052437, #303365, #812e76, #ca185a, #eb4a12);
color: white;
line-height: 1.8;
font-weight: 600;
text-shadow: 1px 1px 5px rgba(255, 182, 193, 0.5);
}
</style>
</head>
<body>
<!-- Main Content Box -->
<div class="border-container">
<div class="title">भजन - 3</div>
<div class="bhajan-text">
चरणों में तेरे आके बैठी हूं मैं सर झुकाके <br>
अर्जी सुनो हमारी <br>
ओ मां मेरी जिनवाणी .........<br>
चरणों में तेरे आके..........<br>
जिनवाणी रस से भरी है वो जिनवाणी माता<br>
विद्या की देवी है तू मां, तूने कर्मों को काटा <br>
ज्ञान दिया है तुमने सबको, तुम हो भाग्य विधाता<br>
मेरे सांसों की सरगम, करती हूं तुमको ही अर्पण <br>
अर्जी सुनो हमारी ......<br>
ओ मां मेरी जिनवाणी..... <br>
</div>
</div>
</body>
</html>