Main Page: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<div style="max-width: 1400px; margin: 0 auto;"> | <div style="max-width: 1400px; margin: 0 auto; padding: 10px;"> | ||
<!-- Row 1 --> | <!-- Row 1 --> | ||
| Line 5: | Line 5: | ||
<!-- Box 1: Getting Started --> | <!-- Box 1: Getting Started --> | ||
<div style="flex: 1 1 | <div style="flex: 1 1 450px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 16px; overflow: hidden; box-shadow: 0 10px 40px rgba(102, 126, 234, 0.3); border: 1px solid rgba(255, 255, 255, 0.1);"> | ||
<div style="background: rgba(0, 0, 0, 0.15); padding: 20px; border-bottom: 2px solid rgba(255, 255, 255, 0.1);"> | <div style="background: rgba(0, 0, 0, 0.15); padding: 20px; border-bottom: 2px solid rgba(255, 255, 255, 0.1);"> | ||
<div style="color: #ffffff; font-size: 28px; font-weight: 700; letter-spacing: 0.5px; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);">🚀 Getting Started</div> | <div style="color: #ffffff; font-size: 28px; font-weight: 700; letter-spacing: 0.5px; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);">🚀 Getting Started</div> | ||
| Line 19: | Line 19: | ||
<!-- Box 2: Documentation --> | <!-- Box 2: Documentation --> | ||
<div style="flex: 1 1 | <div style="flex: 1 1 450px; background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); border-radius: 16px; overflow: hidden; box-shadow: 0 10px 40px rgba(240, 147, 251, 0.3); border: 1px solid rgba(255, 255, 255, 0.1);"> | ||
<div style="background: rgba(0, 0, 0, 0.15); padding: 20px; border-bottom: 2px solid rgba(255, 255, 255, 0.1);"> | <div style="background: rgba(0, 0, 0, 0.15); padding: 20px; border-bottom: 2px solid rgba(255, 255, 255, 0.1);"> | ||
<div style="color: #ffffff; font-size: 28px; font-weight: 700; letter-spacing: 0.5px; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);">📚 Documentation</div> | <div style="color: #ffffff; font-size: 28px; font-weight: 700; letter-spacing: 0.5px; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);">📚 Documentation</div> | ||
| Line 38: | Line 38: | ||
<!-- Box 3: Tutorials --> | <!-- Box 3: Tutorials --> | ||
<div style="flex: 1 1 | <div style="flex: 1 1 450px; background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); border-radius: 16px; overflow: hidden; box-shadow: 0 10px 40px rgba(79, 172, 254, 0.3); border: 1px solid rgba(255, 255, 255, 0.1);"> | ||
<div style="background: rgba(0, 0, 0, 0.15); padding: 20px; border-bottom: 2px solid rgba(255, 255, 255, 0.1);"> | <div style="background: rgba(0, 0, 0, 0.15); padding: 20px; border-bottom: 2px solid rgba(255, 255, 255, 0.1);"> | ||
<div style="color: #ffffff; font-size: 28px; font-weight: 700; letter-spacing: 0.5px; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);">💡 Tutorials</div> | <div style="color: #ffffff; font-size: 28px; font-weight: 700; letter-spacing: 0.5px; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);">💡 Tutorials</div> | ||
| Line 52: | Line 52: | ||
<!-- Box 4: Community --> | <!-- Box 4: Community --> | ||
<div style="flex: 1 1 | <div style="flex: 1 1 450px; background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); border-radius: 16px; overflow: hidden; box-shadow: 0 10px 40px rgba(67, 233, 123, 0.3); border: 1px solid rgba(255, 255, 255, 0.1);"> | ||
<div style="background: rgba(0, 0, 0, 0.15); padding: 20px; border-bottom: 2px solid rgba(255, 255, 255, 0.1);"> | <div style="background: rgba(0, 0, 0, 0.15); padding: 20px; border-bottom: 2px solid rgba(255, 255, 255, 0.1);"> | ||
<div style="color: #ffffff; font-size: 28px; font-weight: 700; letter-spacing: 0.5px; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);">🌟 Community</div> | <div style="color: #ffffff; font-size: 28px; font-weight: 700; letter-spacing: 0.5px; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);">🌟 Community</div> | ||