Main Page: Difference between revisions
From Global Bio Index
More actions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<html> | <html> | ||
<div style="font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background-color: #f8fafc; color: #334155; line-height: 1.6; width: 100%; overflow-x: hidden;"> | |||
<div style="font-family: | |||
< | <div style="background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); padding: 100px 20px 120px 20px; text-align: center; border-bottom: 1px solid #bfdbfe;"> | ||
< | <div style="max-width: 800px; margin: 0 auto;"> | ||
<span style="background-color: #dbeafe; color: #1e40af; padding: 6px 12px; border-radius: 20px; font-size: 12px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 20px; display: inline-block;"> | |||
Official Archive | |||
</span> | |||
<h1 style="font-size: 56px; color: #0f172a; font-weight: 800; margin: 10px 0 20px 0; letter-spacing: -1px; line-height: 1.1;"> | |||
Global Bio Index | |||
</h1> | |||
<p style="font-size: 20px; color: #475569; margin: 0 auto 50px auto; max-width: 600px; font-weight: 400;"> | |||
The definitive database of the world’s most influential innovators, founders, and visionaries. | |||
</p> | |||
<form action="/wiki/Special:Search" method="get" style="position: relative; max-width: 650px; margin: 0 auto;"> | |||
<input type="search" | |||
name="search" | |||
placeholder="Search people, companies, or assets..." | |||
style="width: 100%; padding: 22px 30px; font-size: 18px; border-radius: 50px; border: 1px solid #cbd5e1; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); outline: none; color: #1e293b; box-sizing: border-box;"> | |||
</form> | |||
</div> | |||
</ | </div> | ||
< | <div style="background: #1e293b; padding: 20px; text-align: center; color: white; margin-top: -1px;"> | ||
< | <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; max-width: 1000px; margin: 0 auto;"> | ||
<div><strong style="display:block; font-size: 18px;">Verified</strong><span style="font-size:14px; opacity:0.7;">Profiles</span></div> | |||
<div><strong style="display:block; font-size: 18px;">Global</strong><span style="font-size:14px; opacity:0.7;">Reach</span></div> | |||
<div><strong style="display:block; font-size: 18px;">Open</strong><span style="font-size:14px; opacity:0.7;">Access</span></div> | |||
</ | </div> | ||
</div> | |||
<div style=" | <div style="max-width: 1100px; margin: -60px auto 0 auto; padding: 0 20px; position: relative; z-index: 10;"> | ||
<a href="/wiki/Category:People" style="text-decoration:none;"> | <div style="background: #ffffff; padding: 40px; border-radius: 20px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); border: 1px solid #e2e8f0; margin-bottom: 50px;"> | ||
<h2 style="font-size: 24px; font-weight: 700; color: #0f172a; margin-bottom: 30px; border-left: 5px solid #3b82f6; padding-left: 15px;"> | |||
Explore the Index | |||
</h2> | |||
<div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between;"> | |||
<a href="/wiki/Category:People" style="text-decoration: none; flex: 1 1 300px;"> | |||
<div style="background: #f8fafc; padding: 25px; border-radius: 12px; border: 1px solid #e2e8f0; height: 100%; box-sizing: border-box;"> | |||
<div style="color: #2563eb; font-size: 24px; margin-bottom: 10px;">👥</div> | |||
<h3 style="margin: 0 0 5px 0; color: #0f172a; font-size: 18px; font-weight: 600;">People & Leaders</h3> | |||
<p style="margin: 0; font-size: 14px; color: #64748b;">Biographies of verified individuals.</p> | |||
</div> | |||
</a> | |||
<a href="/wiki/Category:Companies" style="text-decoration: none; flex: 1 1 300px;"> | |||
<div style="background: #f8fafc; padding: 25px; border-radius: 12px; border: 1px solid #e2e8f0; height: 100%; box-sizing: border-box;"> | |||
<div style="color: #2563eb; font-size: 24px; margin-bottom: 10px;">🏢</div> | |||
<h3 style="margin: 0 0 5px 0; color: #0f172a; font-size: 18px; font-weight: 600;">Companies</h3> | |||
<p style="margin: 0; font-size: 14px; color: #64748b;">Market movers and organizations.</p> | |||
</div> | |||
</a> | |||
<a href="/wiki/Category:Startups" style="text-decoration: none; flex: 1 1 300px;"> | |||
<div style="background: #f8fafc; padding: 25px; border-radius: 12px; border: 1px solid #e2e8f0; height: 100%; box-sizing: border-box;"> | |||
<div style="color: #2563eb; font-size: 24px; margin-bottom: 10px;">🚀</div> | |||
<h3 style="margin: 0 0 5px 0; color: #0f172a; font-size: 18px; font-weight: 600;">Startups</h3> | |||
<p style="margin: 0; font-size: 14px; color: #64748b;">Emerging ventures and disruptors.</p> | |||
</div> | |||
</a> | |||
<a href="/wiki/Category:Innovations" style="text-decoration: none; flex: 1 1 300px;"> | |||
<div style="background: #f8fafc; padding: 25px; border-radius: 12px; border: 1px solid #e2e8f0; height: 100%; box-sizing: border-box;"> | |||
<div style="color: #2563eb; font-size: 24px; margin-bottom: 10px;">💡</div> | |||
<h3 style="margin: 0 0 5px 0; color: #0f172a; font-size: 18px; font-weight: 600;">Innovations</h3> | |||
<p style="margin: 0; font-size: 14px; color: #64748b;">Patents, research, and breakthroughs.</p> | |||
</div> | |||
</a> | |||
</div> | </div> | ||
</ | </div> | ||
< | <div style="margin-bottom: 80px;"> | ||
<div style=" | <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom: 25px; border-bottom: 2px solid #e2e8f0; padding-bottom: 10px;"> | ||
< | <h2 style="font-size: 24px; font-weight: 700; color: #0f172a; margin:0;">Trending Profiles</h2> | ||
< | <a href="/wiki/Special:AllPages" style="color: #2563eb; font-weight: 600; text-decoration: none; font-size: 14px;">View All →</a> | ||
</div> | </div> | ||
<div style="display: flex; flex-wrap: wrap; gap: 20px;"> | |||
<div style="flex: 1 1 280px; background: white; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; transition: 0.2s;"> | |||
<div style="padding: 20px;"> | |||
<div style="font-size: 11px; color: #64748b; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px;">Technology</div> | |||
<a href="/wiki/Satya_Nadella" style="font-size: 18px; font-weight: 700; color: #0f172a; text-decoration: none; display: block; margin-bottom: 5px;">Satya Nadella</a> | |||
<p style="font-size: 14px; color: #64748b; line-height: 1.4;">Chairman and CEO of Microsoft. Leading the AI revolution.</p> | |||
</div> | |||
<div style="background: #f8fafc; padding: 10px 20px; border-top: 1px solid #f1f5f9; font-size: 12px; color: #2563eb; font-weight: 600;"> | |||
Updated 2 days ago | |||
</div> | |||
</div> | |||
<div style="flex: 1 1 280px; background: white; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden;"> | |||
</ | <div style="padding: 20px;"> | ||
<div style="font-size: 11px; color: #64748b; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px;">Business</div> | |||
<a href="/wiki/Gautam_Adani" style="font-size: 18px; font-weight: 700; color: #0f172a; text-decoration: none; display: block; margin-bottom: 5px;">Gautam Adani</a> | |||
<p style="font-size: 14px; color: #64748b; line-height: 1.4;">Founder and Chairman of the Adani Group.</p> | |||
</div> | |||
<div style="background: #f8fafc; padding: 10px 20px; border-top: 1px solid #f1f5f9; font-size: 12px; color: #2563eb; font-weight: 600;"> | |||
Updated 1 week ago | |||
</div> | |||
</div> | |||
< | <div style="flex: 1 1 280px; background: white; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden;"> | ||
< | <div style="padding: 20px;"> | ||
<div style="font-size: 11px; color: #64748b; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px;">Philanthropy</div> | |||
<a href="/wiki/Ratan_Tata" style="font-size: 18px; font-weight: 700; color: #0f172a; text-decoration: none; display: block; margin-bottom: 5px;">Ratan Tata</a> | |||
<p style="font-size: 14px; color: #64748b; line-height: 1.4;">Industrialist and former chairman of Tata Sons.</p> | |||
</div> | |||
<div style="background: #f8fafc; padding: 10px 20px; border-top: 1px solid #f1f5f9; font-size: 12px; color: #2563eb; font-weight: 600;"> | |||
Updated 3 days ago | |||
</div> | |||
</div> | |||
</div> | |||
< | |||
</div> | </div> | ||
</div> <div style="background: #0f172a; padding: 60px 20px; text-align: center; margin-top: 40px;"> | |||
<h3 style="color: white; font-size: 28px; font-weight: 700; margin-bottom: 15px;">Contribute to History</h3> | |||
<p style="color: #94a3b8; max-width: 500px; margin: 0 auto 30px auto;">Help us document the verified achievements of global leaders.</p> | |||
<a href="/wiki/Special:CreateAccount" style="background: #3b82f6; color: white; text-decoration: none; padding: 15px 30px; border-radius: 8px; font-weight: 600; font-size: 16px;">Create an Account</a> | |||
<br><br> | |||
<p style="font-size: 12px; color: #475569; margin-top: 40px;">© {{CURRENTYEAR}} Global Bio Index. All Rights Reserved.</p> | |||
</div> | </div> | ||
</div> | </div> | ||
</html> | </html> | ||
Revision as of 13:17, 25 November 2025