Main Page: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<style> | <style> | ||
/* | /* === HERO SECTION CONTAINER === */ | ||
.hero-container { | .hero-container { | ||
width: 100%; | width: 100%; | ||
max-width: 1080px; | max-width: 1080px; | ||
margin: 0 auto; | margin: 0 auto; | ||
padding: 20px 20px 40px; | padding: 20px 20px 40px; | ||
margin-left: 40px; /* SHIFT SECTION LEFT */ | |||
} | } | ||
/* | /* === INDIAN FLAG LINE === */ | ||
.flag-line { | .flag-line { | ||
height: 8px; | height: 8px; | ||
width: | width: 95%; /* Matches layout */ | ||
background: linear-gradient(to right, #ff8a00, #ffffff, #0f8f00); | background: linear-gradient(to right, #ff8a00, #ffffff, #0f8f00); | ||
border-radius: 5px; | border-radius: 5px; | ||
margin: 25px | margin: 25px auto 40px; | ||
} | } | ||
/* | /* === HERO TITLE === */ | ||
.hero-title { | .hero-title { | ||
font-size: 34px; | font-size: 34px; | ||
| Line 26: | Line 24: | ||
margin-top: 10px; | margin-top: 10px; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
text-align: left; /* LEFT ALIGN */ | |||
} | } | ||
| Line 33: | Line 32: | ||
} | } | ||
/* | /* === SUBTITLE === */ | ||
.hero-subtitle { | .hero-subtitle { | ||
max-width: 900px; | max-width: 900px; | ||
margin: 0 | margin: 0 0 35px 0; /* LEFT ALIGN */ | ||
font-size: 20px; | font-size: 20px; | ||
line-height: 1.6; | line-height: 1.6; | ||
font-style: italic; | font-style: italic; | ||
color: #444; | color: #444; | ||
text-align: left; | |||
} | } | ||
/* | /* === SEARCH BAR SECTION === */ | ||
.hero-search { | .hero-search form { | ||
display: flex; | |||
gap: 10px; | |||
justify-content: flex-start !important; /* MOVE LEFT */ | |||
} | } | ||
| Line 67: | Line 69: | ||
<!-- === HERO SECTION HTML === --> | |||
<div class="hero-container"> | <div class="hero-container"> | ||
| Line 77: | Line 80: | ||
<p class="hero-subtitle"> | <p class="hero-subtitle"> | ||
Bharat Wikipedia is a public platform that documents the stories of India’s people, | 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 — | businesses, and creators. Whether you’re a founder, artist, professional, or | ||
public figure — this is where your story gets a home. | |||
</p> | </p> | ||
<div class="hero-search"> | <div class="hero-search"> | ||
<form action="/w/index.php" method="get | <form action="/w/index.php" method="get"> | ||
<input | <input | ||
type="text" | type="text" | ||
| Line 90: | Line 92: | ||
class="hero-input" | class="hero-input" | ||
/> | /> | ||
<button type="submit" class="hero-button">Search</button> | |||
<button type="submit" class="hero-button"> | |||
</form> | </form> | ||
</div> | </div> | ||
</div> | </div> | ||
Revision as of 04:38, 8 December 2025
<style> /* === HERO SECTION CONTAINER === */ .hero-container {
width: 100%; max-width: 1080px; margin: 0 auto; padding: 20px 20px 40px; margin-left: 40px; /* SHIFT SECTION LEFT */
}
/* === INDIAN FLAG LINE === */ .flag-line {
height: 8px; width: 95%; /* Matches layout */ background: linear-gradient(to right, #ff8a00, #ffffff, #0f8f00); border-radius: 5px; margin: 25px auto 40px;
}
/* === HERO TITLE === */ .hero-title {
font-size: 34px; font-weight: 600; margin-top: 10px; margin-bottom: 20px; text-align: left; /* LEFT ALIGN */
}
.brand-name {
color: #2a63d4; font-weight: 700;
}
/* === SUBTITLE === */ .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 BAR SECTION === */ .hero-search form {
display: flex; gap: 10px; 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>
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.
<form action="/w/index.php" method="get">
<input
type="text"
name="search"
placeholder="Enter your article title..."
class="hero-input"
/>
<button type="submit" class="hero-button">Search</button>
</form>