Main Page: Difference between revisions
From Global Bio Index
More actions
No edit summary |
No edit summary |
||
| (12 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
< | <html lang="en"> | ||
< | <head> | ||
<meta charset="UTF-8"> | |||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |||
<title>Global Bio Index</title> | |||
<style> | |||
@media (min-width: 1024px) { | |||
.features-grid { | |||
grid-template-columns: repeat(4, 1fr) !important; | |||
} | |||
} | |||
</style> | |||
</head> | |||
<body style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background: #ffffff; color: #1a1a1a; line-height: 1.6;"> | |||
<!-- | <!-- Hero Section --> | ||
< | <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 60px 20px; text-align: center; position: relative; overflow: hidden;"> | ||
<div style="position: absolute; top: -100px; right: -100px; width: 300px; height: 300px; background: rgba(255,255,255,0.1); border-radius: 50%; z-index: 1;"></div> | |||
<div style="position: absolute; bottom: -50px; left: -50px; width: 200px; height: 200px; background: rgba(255,255,255,0.08); border-radius: 50%; z-index: 1;"></div> | |||
<div style="max-width: 1200px; margin: 0 auto; position: relative; z-index: 2;"> | |||
<div style="display: inline-block; background: rgba(255,255,255,0.2); backdrop-filter: blur(10px); padding: 8px 20px; border-radius: 50px; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; color: #fff; margin-bottom: 20px; text-transform: uppercase;"> | |||
Trusted Biographical Platform | |||
</div> | |||
<h1 style="font-size: clamp(32px, 6vw, 56px); font-weight: 800; margin: 0 0 16px 0; color: #ffffff; letter-spacing: -0.5px;"> | |||
Global Bio Index | |||
</h1> | |||
<p style="font-size: clamp(16px, 3vw, 20px); color: rgba(255,255,255,0.95); max-width: 680px; margin: 0 auto 40px; font-weight: 400; line-height: 1.6;"> | |||
Your authoritative source for verified biographies, company profiles, and organizational information worldwide. | |||
</p> | |||
<!-- Search Bar --> | |||
<div style="max-width: 600px; margin: 0 auto; position: relative;"> | |||
<form action="/wiki/Special:Search" method="get" style="position: relative; display: flex; align-items: center; background: #ffffff; border-radius: 50px; box-shadow: 0 8px 32px rgba(0,0,0,0.12); overflow: hidden;"> | |||
<input type="search" name="search" placeholder="Search people, companies, organizations..." | |||
style="flex: 1; padding: 18px 24px; border: none; font-size: 16px; outline: none; background: transparent; color: #1a1a1a;"> | |||
<button type="submit" style="background: #667eea; color: white; border: none; padding: 18px 32px; cursor: pointer; font-weight: 600; font-size: 15px; transition: all 0.3s; margin: 4px;"> | |||
Search | |||
</button> | |||
</form> | |||
</div> | </div> | ||
</ | </div> | ||
</div> | |||
< | <!-- Trust Indicators --> | ||
<div style="max-width: 1200px; margin: -30px auto 60px; padding: 0 20px; position: relative; z-index: 10;"> | |||
<div style="background: #ffffff; border-radius: 16px; padding: 32px; box-shadow: 0 4px 24px rgba(0,0,0,0.06); border: 1px solid #e5e7eb;"> | |||
<div style="display: flex; flex-wrap: wrap; gap: 24px; align-items: center; justify-content: center;"> | |||
<div style="display: flex; align-items: center; gap: 10px; padding: 12px 20px; background: #f9fafb; border-radius: 10px; min-width: 200px; text-align: center; justify-content: center;"> | |||
<span style="color: #10b981; font-size: 20px;">✓</span> | |||
<span style="font-weight: 600; color: #374151; font-size: 14px;">Verified Information</span> | |||
</div> | |||
<div style="display: flex; align-items: center; gap: 10px; padding: 12px 20px; background: #f9fafb; border-radius: 10px; min-width: 200px; text-align: center; justify-content: center;"> | |||
<span style="color: #10b981; font-size: 20px;">✓</span> | |||
<span style="font-weight: 600; color: #374151; font-size: 14px;">Expert Curation</span> | |||
</div> | |||
<div style="display: flex; align-items: center; gap: 10px; padding: 12px 20px; background: #f9fafb; border-radius: 10px; min-width: 200px; text-align: center; justify-content: center;"> | |||
<span style="color: #10b981; font-size: 20px;">✓</span> | |||
<span style="font-weight: 600; color: #374151; font-size: 14px;">Global Coverage</span> | |||
</div> | |||
</div> | </div> | ||
</ | </div> | ||
</div> | |||
< | <!-- Features Section --> | ||
<div style=" | <div style="max-width: 1200px; margin: 0 auto 80px; padding: 0 20px;"> | ||
<h3 style="color:# | <div style="text-align: center; margin-bottom: 50px;"> | ||
<p style="font-size: | <h2 style="font-size: clamp(28px, 5vw, 36px); font-weight: 700; color: #1a1a1a; margin: 0 0 12px 0;">What We Offer</h2> | ||
<p style="font-size: 18px; color: #6b7280; max-width: 600px; margin: 0 auto;">Comprehensive and reliable information at your fingertips</p> | |||
</div> | |||
<div class="features-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px;"> | |||
<!-- Feature Card 1 --> | |||
<div style="background: #ffffff; padding: 32px; border-radius: 12px; border: 1px solid #e5e7eb; transition: all 0.3s; box-shadow: 0 1px 3px rgba(0,0,0,0.05);"> | |||
<div style="width: 56px; height: 56px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; font-size: 28px;"> | |||
👤 | |||
</div> | |||
<h3 style="margin: 0 0 12px 0; font-size: 20px; color: #1a1a1a; font-weight: 700;">Biographies</h3> | |||
<p style="font-size: 15px; color: #6b7280; margin: 0; line-height: 1.6;">Detailed profiles of influential people across politics, science, business, arts, and more.</p> | |||
</div> | </div> | ||
<!-- Feature Card 2 --> | |||
<div style=" | <div style="background: #ffffff; padding: 32px; border-radius: 12px; border: 1px solid #e5e7eb; transition: all 0.3s; box-shadow: 0 1px 3px rgba(0,0,0,0.05);"> | ||
<h3 style="color:# | <div style="width: 56px; height: 56px; background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; font-size: 28px;"> | ||
<p style="font-size: | 🏢 | ||
</div> | |||
<h3 style="margin: 0 0 12px 0; font-size: 20px; color: #1a1a1a; font-weight: 700;">Companies</h3> | |||
<p style="font-size: 15px; color: #6b7280; margin: 0; line-height: 1.6;">Authentic information on corporations, startups, and innovative enterprises worldwide.</p> | |||
</div> | </div> | ||
<!-- Feature Card 3 --> | |||
<div style=" | <div style="background: #ffffff; padding: 32px; border-radius: 12px; border: 1px solid #e5e7eb; transition: all 0.3s; box-shadow: 0 1px 3px rgba(0,0,0,0.05);"> | ||
<h3 style="color:# | <div style="width: 56px; height: 56px; background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; font-size: 28px;"> | ||
<p style="font-size: | 🌐 | ||
</div> | |||
<h3 style="margin: 0 0 12px 0; font-size: 20px; color: #1a1a1a; font-weight: 700;">Organizations</h3> | |||
<p style="font-size: 15px; color: #6b7280; margin: 0; line-height: 1.6;">Comprehensive data on NGOs, foundations, and international institutions.</p> | |||
</div> | </div> | ||
<!-- Feature Card 4 --> | |||
<div style=" | <div style="background: #ffffff; padding: 32px; border-radius: 12px; border: 1px solid #e5e7eb; transition: all 0.3s; box-shadow: 0 1px 3px rgba(0,0,0,0.05);"> | ||
<h3 style="color:# | <div style="width: 56px; height: 56px; background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; font-size: 28px;"> | ||
<p style="font-size: | 🛡️ | ||
</div> | |||
<h3 style="margin: 0 0 12px 0; font-size: 20px; color: #1a1a1a; font-weight: 700;">Verified Data</h3> | |||
<p style="font-size: 15px; color: #6b7280; margin: 0; line-height: 1.6;">Every profile is fact-checked and maintained by our team of expert editors.</p> | |||
</div> | </div> | ||
</div> | |||
</div> | </div> | ||
<!-- | <!-- Categories Section --> | ||
< | <div style="background: #f9fafb; padding: 80px 20px; border-top: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb;"> | ||
<div style="max-width: 1200px; margin: 0 auto;"> | |||
<div style="text-align: center; margin-bottom: 40px;"> | |||
<h2 style="font-size: clamp(28px, 5vw, 36px); font-weight: 700; color: #1a1a1a; margin: 0 0 12px 0;">Explore by Category</h2> | |||
<p style="font-size: 18px; color: #6b7280;">Browse our curated collections</p> | |||
</div> | |||
<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; max-width: 900px; margin: 0 auto;"> | |||
<a href="/wiki/Category:Entrepreneurs" style="text-decoration: none; color: #374151; background: #ffffff; padding: 14px 24px; border-radius: 50px; border: 2px solid #e5e7eb; font-weight: 600; font-size: 14px; transition: all 0.3s; display: inline-block;"> | |||
🚀 Entrepreneurs | |||
</a> | |||
<a href="/wiki/Category:Leaders" style="text-decoration: none; color: #374151; background: #ffffff; padding: 14px 24px; border-radius: 50px; border: 2px solid #e5e7eb; font-weight: 600; font-size: 14px; transition: all 0.3s; display: inline-block;"> | |||
⚖️ Leaders | |||
</a> | |||
<a href="/wiki/Category:Artists" style="text-decoration: none; color: #374151; background: #ffffff; padding: 14px 24px; border-radius: 50px; border: 2px solid #e5e7eb; font-weight: 600; font-size: 14px; transition: all 0.3s; display: inline-block;"> | |||
🎨 Artists | |||
</a> | |||
<a href="/wiki/Category:Scientists" style="text-decoration: none; color: #374151; background: #ffffff; padding: 14px 24px; border-radius: 50px; border: 2px solid #e5e7eb; font-weight: 600; font-size: 14px; transition: all 0.3s; display: inline-block;"> | |||
🧬 Scientists | |||
</a> | |||
<a href="/wiki/Category:Startups" style="text-decoration: none; color: #374151; background: #ffffff; padding: 14px 24px; border-radius: 50px; border: 2px solid #e5e7eb; font-weight: 600; font-size: 14px; transition: all 0.3s; display: inline-block;"> | |||
💼 Companies | |||
</a> | |||
<a href="/wiki/Category:SocialImpact" style="text-decoration: none; color: #374151; background: #ffffff; padding: 14px 24px; border-radius: 50px; border: 2px solid #e5e7eb; font-weight: 600; font-size: 14px; transition: all 0.3s; display: inline-block;"> | |||
🤝 Social Impact | |||
</a> | |||
<a href="/wiki/Category:Sports" style="text-decoration: none; color: #374151; background: #ffffff; padding: 14px 24px; border-radius: 50px; border: 2px solid #e5e7eb; font-weight: 600; font-size: 14px; transition: all 0.3s; display: inline-block;"> | |||
🏆 Sports | |||
</a> | |||
</div> | |||
</div> | |||
</div> | |||
<div style="display: | <!-- Featured & Editorial Section --> | ||
<div style="max-width: 1200px; margin: 80px auto; padding: 0 20px;"> | |||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px;"> | |||
<!-- Featured Highlights --> | |||
<div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 16px; padding: 40px; color: white; grid-column: span 1;"> | |||
<h2 style="margin: 0 0 24px 0; font-size: 26px; font-weight: 700;">Featured Highlights</h2> | |||
<div style="background: rgba(255,255,255,0.15); backdrop-filter: blur(10px); padding: 24px; border-radius: 12px; margin-bottom: 16px; border: 1px solid rgba(255,255,255,0.2);"> | |||
<div style="font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; opacity: 0.9;">Global Achiever</div> | |||
<strong style="display: block; font-size: 18px; margin-bottom: 8px;">Person of the Month</strong> | |||
<p style="font-size: 14px; margin: 0; opacity: 0.95; line-height: 1.5;">Recognized for outstanding contributions to their field and global impact.</p> | |||
</div> | |||
<div style="background: rgba(255,255,255,0.15); backdrop-filter: blur(10px); padding: 24px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.2);"> | |||
<div style="font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; opacity: 0.9;">Innovation Spotlight</div> | |||
<strong style="display: block; font-size: 18px; margin-bottom: 8px;">Startup of the Week</strong> | |||
<p style="font-size: 14px; margin: 0; opacity: 0.95; line-height: 1.5;">Disrupting industries with cutting-edge technology and sustainable practices.</p> | |||
</div> | |||
</div> | |||
<!-- Editorial Policy --> | |||
<div style="background: #ffffff; border: 2px solid #e5e7eb; border-radius: 16px; padding: 40px; grid-column: span 1;"> | |||
<div style="display: inline-block; background: #fef3c7; color: #92400e; padding: 6px 12px; border-radius: 6px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 16px;"> | |||
Editorial Policy | |||
</div> | |||
<h3 style="margin: 0 0 12px 0; font-size: 24px; color: #1a1a1a; font-weight: 700;">Verified Editors Only</h3> | |||
<p style="font-size: 15px; color: #6b7280; margin: 0 0 24px 0; line-height: 1.6;"> | |||
To maintain the highest standards of accuracy, only verified editors can create or update profiles. | |||
</p> | |||
<ul style="font-size: 14px; color: #374151; padding-left: 20px; margin: 0 0 28px 0; line-height: 2;"> | |||
<li>Create new biographies</li> | |||
<li>Correct factual information</li> | |||
<li>Add business profiles</li> | |||
<li>Apply for verification</li> | |||
</ul> | |||
<a href="mailto:support@globalbioindex.com" style="display: block; text-align: center; background: #1a1a1a; color: white; text-decoration: none; padding: 16px; border-radius: 10px; font-weight: 600; font-size: 15px; transition: all 0.3s;"> | |||
Contact Editorial Team | |||
</a> | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
</ | </body> | ||
</html> | </html> | ||
Latest revision as of 09:28, 2 December 2025
✓
Verified Information
✓
Expert Curation
✓
Global Coverage
What We Offer
Comprehensive and reliable information at your fingertips
👤
Biographies
Detailed profiles of influential people across politics, science, business, arts, and more.
🏢
Companies
Authentic information on corporations, startups, and innovative enterprises worldwide.
🌐
Organizations
Comprehensive data on NGOs, foundations, and international institutions.
🛡️
Verified Data
Every profile is fact-checked and maintained by our team of expert editors.
Explore by Category
Browse our curated collections
Featured Highlights
Global Achiever
Person of the Month
Recognized for outstanding contributions to their field and global impact.
Innovation Spotlight
Startup of the Week
Disrupting industries with cutting-edge technology and sustainable practices.
Editorial Policy
Verified Editors Only
To maintain the highest standards of accuracy, only verified editors can create or update profiles.
- Create new biographies
- Correct factual information
- Add business profiles
- Apply for verification