|
|
| (18 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| <html>
| | {{#seo: |
| | |title=BhartWikipedia – Indian Biography Encyclopedia & Knowledge Hub |
| | |description=Discover thousands of inspiring Indian biographies, history, culture, and books. Explore leaders, entrepreneurs, artists, and changemakers on BharatWikipedia. |
| | |og:type=website |
| | |og:title=BhartWikipedia – Indian Biography Encyclopedia |
| | |og:description=Explore inspiring Indian biographies, history, and culture. Learn about lives that shaped India, only on BhartWikipedia. |
| | |og:image=https://bharatwikipedia.org/images/BharatWikipedia%20Logo.svg |
| | |twitter:card=summary_large_image |
| | |canonical=https://bharatwikipedia.org/ |
| | }} |
|
| |
|
| <style>
| | {{MainPage/Welcome}} |
| /* Container max width matches MediaWiki content width */
| | {{MainPage/About}} |
| .hero-container {
| |
| width: 100%;
| |
| max-width: 1080px; /* MATCHES BLACK LINE WIDTH */
| |
| margin: 0 auto;
| |
| text-align: center;
| |
| padding: 20px 20px 40px;
| |
| } | |
|
| |
|
| /* Indian flag top line */
| | <div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between;"> |
| .flag-line {
| |
| height: 8px;
| |
| width: 100%;
| |
| background: linear-gradient(to right, #ff8a00, #ffffff, #0f8f00);
| |
| border-radius: 5px;
| |
| margin: 25px 0 40px;
| |
| }
| |
|
| |
|
| /* Title */
| | <!-- Left Side (60%) --> |
| .hero-title {
| | <div style="flex: 1 1 60%; min-width: 300px;"> |
| font-size: 34px;
| | {{MainPage/HighlightedBiography}} |
| font-weight: 600;
| | {{MainPage/HistoricSnapshot}} |
| margin-top: 10px;
| | {{MainPage/FeaturedWriter}} |
| margin-bottom: 20px;
| | {{MainPage/News}} |
| } | | {{FeaturedFilmsCarousel}} |
| | {{MainPage/DidYouKnow}} |
| | {{MainPage/Campanyprofile}} |
| | </div> |
|
| |
|
| .brand-name {
| | <!-- Right Side (40%) --> |
| color: #2a63d4;
| | <div style="flex: 1 1 35%; min-width: 300px;"> |
| font-weight: 700;
| | {{MainPage/PictureOfTheDay}} |
| } | | {{MainPage/FeaturedPersonalities}} |
| | {{MainPage/LatestBiographies}} |
| | {{whsats}} |
| | </div> |
| | </div> |
|
| |
|
| /* Subtitle */
| | <div style="margin-top: 20px;"> |
| .hero-subtitle {
| | {{MainPage/Books}} |
| max-width: 900px;
| | </div> |
| margin: 0 auto 35px;
| |
| font-size: 20px;
| |
| line-height: 1.6;
| |
| font-style: italic;
| |
| color: #444;
| |
| }
| |
| | |
| /* Search Bar */
| |
| .hero-search {
| |
| margin-top: 15px;
| |
| }
| |
| | |
| .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>
| |
| | |
| | |
| <div class="hero-container">
| |
| | |
| <div class="flag-line"></div>
| |
| | |
| <h1 class="hero-title">
| |
| Welcome to <span class="brand-name">BharatWikipedia</span>
| |
| </h1>
| |
| | |
| <p class="hero-subtitle">
| |
| 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.
| |
| </p>
| |
| | |
| <div class="hero-search"> | |
| <form action="/w/index.php" method="get" style="display:flex; gap:10px; justify-content:center;">
| |
|
| |
| <input
| |
| type="text"
| |
| name="search"
| |
| placeholder="Enter your article title..."
| |
| class="hero-input"
| |
| />
| |
| | |
| <button type="submit" class="hero-button">
| |
| Search
| |
| </button>
| |
| | |
| </form>
| |
| </div>
| |
|
| |
|
| | <div style="margin-top: 20px;"> |
| | {| class="wikitable" style="width: 100%; background: #f0f4c3;" |
| | |+ style="background: #cddc39; color: black; padding: 5px;" |'''Contact & Connect''' |
| | |Email: [mailto:contact@bharatwikipedia.org contact@bharatwikipedia.org] |
| | Social: [https://facebook.com bharatwikipedia Facebook] · [https://x.com bharatwikipedia X] · [https://instagram.com bharatwikipedia Instagram] |
| | |} |
| </div> | | </div> |
|
| |
| </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>
| |