Template:Main page: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<!-- BANNER ACROSS TOP OF PAGE --> | <!-- BANNER ACROSS TOP OF PAGE --> | ||
<div class="nomobile"> | <div class="nomobile"> | ||
<div id="mp-topbanner" style="clear:both; position:relative; box-sizing:border-box; width:100%; margin:1.2em 0 6px; min-width:47em; border:2px solid #0066cc; background-color:#eef3fa; color:#000; white-space:nowrap; border-radius:8px; text-align: center;"> | <div id="mp-topbanner" style="clear:both; position:relative; box-sizing:border-box; width:100%; margin:1.2em 0 6px; min-width:47em; border:2px solid #0066cc; background-color:#eef3fa; color:#000; white-space:nowrap; border-radius:8px; text-align: center; animation: fadeIn 1s ease-in-out;"> | ||
<div style="margin:0.4em; width:22em; display: inline-block;"> | <div style="margin:0.4em; width:22em; display: inline-block;"> | ||
<div style="font-size:162%; padding:.1em; color:#0066cc; font-weight:bold;">Welcome to [[CruxPedia]],</div> | <div style="font-size:162%; padding:.1em; color:#0066cc; font-weight:bold;">Welcome to [[CruxPedia]],</div> | ||
| Line 10: | Line 10: | ||
<!-- HERO SECTION --> | <!-- HERO SECTION --> | ||
<div class="mainpage-hero"> | <div class="mainpage-hero" style="text-align:center; padding:20px; background:#fff; border-radius:10px; box-shadow:0 2px 10px rgba(0,0,0,0.1);"> | ||
<h1>Welcome to '''CruxPedia'''</h1> | <h1 style="font-size:2.2em; color:#333; margin-bottom:0.5em; animation: slideInDown 0.8s ease;">Welcome to '''CruxPedia'''</h1> | ||
<p>Your hub for trustworthy knowledge and trending stories.</p> | <p style="font-size:1.1em; color:#666; animation: fadeIn 1.2s ease;">Your hub for trustworthy knowledge and trending stories.</p> | ||
<div class="mainpage-links" style="margin-top:1em; font-size:1em;"> | |||
< | <span style="margin: 0 10px;"><a href="/wiki/Special:CreatePage" class="main-link">Create a New Page</a></span> | ||
<span style="margin: 0 10px;"><a href="/wiki/Special:Random" class="main-link">Explore Random</a></span> | |||
<span style="margin: 0 10px;"><a href="/wiki/CruxPedia:About" class="main-link">Learn More</a></span> | |||
</div> | </div> | ||
</div> | </div> | ||
<!-- FEATURED ARTICLES --> | <!-- FEATURED ARTICLES --> | ||
<div class="mainpage-section"> | <div class="mainpage-section" style="padding:20px;"> | ||
<h2>🌟 Featured Articles 🌟</h2> | <h2 style="text-align:center; font-size:1.8em;">🌟 Featured Articles 🌟</h2> | ||
<div class="featured-container"> | <div class="featured-container"> | ||
<!-- Article | <!-- Article Cards --> | ||
<div class="featured-card"> | <div class="featured-card"> | ||
[[Narendra Modi|[[File:Shri_Narendra_Modi,_Prime_Minister_of_India_(3x4_cropped).jpg| | [[Narendra Modi|[[File:Shri_Narendra_Modi,_Prime_Minister_of_India_(3x4_cropped).jpg|250px|center|class=featured-img|link=Narendra Modi]]]] | ||
<div class="featured-title">'''[[Narendra Modi]]'''</div> | <div class="featured-title">'''[[Narendra Modi]]'''</div> | ||
<div class="featured-summary">Prime Minister of the Republic of India. [[Narendra Modi|→ Read more]]</div> | <div class="featured-summary">Prime Minister of the Republic of India. [[Narendra Modi|→ Read more]]</div> | ||
</div> | </div> | ||
<div class="featured-card"> | <div class="featured-card"> | ||
[[Virat Kohli|[[File:Virat_Kohli_during_the_India_vs_Aus_4th_Test_match_at_Narendra_Modi_Stadium_on_09_March_2023.jpg| | [[Virat Kohli|[[File:Virat_Kohli_during_the_India_vs_Aus_4th_Test_match_at_Narendra_Modi_Stadium_on_09_March_2023.jpg|250px|center|class=featured-img|link=Virat Kohli]]]] | ||
<div class="featured-title">'''[[Virat Kohli]]'''</div> | <div class="featured-title">'''[[Virat Kohli]]'''</div> | ||
<div class="featured-summary">Legendary cricketer in the world. [[Virat Kohli|→ Read more]]</div> | <div class="featured-summary">Legendary cricketer in the world. [[Virat Kohli|→ Read more]]</div> | ||
</div> | </div> | ||
<div class="featured-card"> | <div class="featured-card"> | ||
[[Gaurav Chaudhary|[[File:Gaurav_Chaudhary.jpg| | [[Gaurav Chaudhary|[[File:Gaurav_Chaudhary.jpg|250px|center|class=featured-img|link=Gaurav Chaudhary]]]] | ||
<div class="featured-title">'''[[Gaurav Chaudhary]]'''</div> | <div class="featured-title">'''[[Gaurav Chaudhary]]'''</div> | ||
<div class="featured-summary">One of India's most followed tech influencers. [[Gaurav Chaudhary|→ Read more]]</div> | <div class="featured-summary">One of India's most followed tech influencers. [[Gaurav Chaudhary|→ Read more]]</div> | ||
| Line 52: | Line 48: | ||
<!-- SOCIAL LINKS --> | <!-- SOCIAL LINKS --> | ||
<div class="mainpage-section social-media"> | <div class="mainpage-section social-media" style="text-align:center; padding:20px;"> | ||
<h2>📱 Connect with Us 📱</h2> | <h2>📱 Connect with Us 📱</h2> | ||
<div class="social-icons"> | <div class="social-icons"> | ||
Revision as of 07:46, 27 May 2025
Welcome to CruxPedia
Your hub for trustworthy knowledge and trending stories.
<a href="/wiki/Special:CreatePage" class="main-link">Create a New Page</a> <a href="/wiki/Special:Random" class="main-link">Explore Random</a> <a href="/wiki/CruxPedia:About" class="main-link">Learn More</a>


