Main Page: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 101: | Line 101: | ||
</html> | </html> | ||
<style> | |||
.hero-container { | |||
width: 100%; | |||
max-width: 1080px; | |||
margin: 0 auto; | |||
padding: 20px 20px 40px; | |||
margin-left: 40px; /* ← SHIFT SECTION LEFT */ | |||
} | |||
/* Indian flag top line */ | |||
.flag-line { | |||
height: 8px; | |||
width: 95%; /* so it moves with container */ | |||
background: linear-gradient(to right, #ff8a00, #ffffff, #0f8f00); | |||
border-radius: 5px; | |||
margin: 25px auto 40px; | |||
} | |||
/* Title */ | |||
.hero-title { | |||
font-size: 34px; | |||
font-weight: 600; | |||
margin-top: 10px; | |||
margin-bottom: 20px; | |||
text-align: left; /* ← SHIFT LEFT */ | |||
} | |||
.brand-name { | |||
color: #2a63d4; | |||
font-weight: 700; | |||
} | |||
/* Subtitle paragraph */ | |||
.hero-subtitle { | |||
max-width: 900px; | |||
margin: 0 0 35px 0; /* ← LEFT ALIGN */ | |||
font-size: 20px; | |||
line-height: 1.6; | |||
font-style: italic; | |||
color: #444; | |||
text-align: left; | |||
} | |||
/* Search Section */ | |||
.hero-search form { | |||
justify-content: flex-start !important; /* ← MOVE LEFT */ | |||
} | |||
.hero-input { | |||
width: 420px; | |||
padding: 12px; | |||
border: 1px solid #ccc; | |||
border-radius: 4px; | |||
font-size: 15px; | |||
} | |||
.hero-button { | |||
padding: 12px 20px; | |||
background: #e0e0e0; | |||
border: 1px solid #bbb; | |||
border-radius: 4px; | |||
font-weight: 600; | |||
cursor: pointer; | |||
} | |||
</style> | |||
Revision as of 04:36, 8 December 2025
Welcome to BharatWikipedia
Bharat Wikipedia is a public platform that documents the stories of India’s people, businesses, and creators. Whether you’re a founder, artist, professional, or public figure — this is where your story gets a home.
<style>
.hero-container {
width: 100%; max-width: 1080px; margin: 0 auto; padding: 20px 20px 40px; margin-left: 40px; /* ← SHIFT SECTION LEFT */
}
/* Indian flag top line */ .flag-line {
height: 8px; width: 95%; /* so it moves with container */ background: linear-gradient(to right, #ff8a00, #ffffff, #0f8f00); border-radius: 5px; margin: 25px auto 40px;
}
/* Title */ .hero-title {
font-size: 34px; font-weight: 600; margin-top: 10px; margin-bottom: 20px; text-align: left; /* ← SHIFT LEFT */
}
.brand-name {
color: #2a63d4; font-weight: 700;
}
/* Subtitle paragraph */ .hero-subtitle {
max-width: 900px; margin: 0 0 35px 0; /* ← LEFT ALIGN */ font-size: 20px; line-height: 1.6; font-style: italic; color: #444; text-align: left;
}
/* Search Section */ .hero-search form {
justify-content: flex-start !important; /* ← MOVE LEFT */
}
.hero-input {
width: 420px; padding: 12px; border: 1px solid #ccc; border-radius: 4px; font-size: 15px;
}
.hero-button {
padding: 12px 20px; background: #e0e0e0; border: 1px solid #bbb; border-radius: 4px; font-weight: 600; cursor: pointer;
}
</style>