Main Page: Difference between revisions
No edit summary Tag: Reverted |
Tag: Undo |
||
| Line 1: | Line 1: | ||
__NOTOC__ | __NOTOC__ | ||
<!-- =========================== --> | |||
<!-- HERO / BANNER --> | |||
<!-- =========================== --> | |||
<div class="hero-banner"> | <div class="hero-banner"> | ||
<!-- Banner with improved styling --> | |||
[[File:inzoi banner.jpg|600px|center|alt=inZOI Banner|link=inZOI]] | [[File:inzoi banner.jpg|600px|center|alt=inZOI Banner|link=inZOI]] | ||
<div class="hero-title"> | <div class="hero-title"> | ||
| Line 9: | Line 13: | ||
</div> | </div> | ||
<!-- Quick access buttons --> | |||
<div class="quick-access-buttons"> | <div class="quick-access-buttons"> | ||
[[Character creation|<span class="button button-blue">Get Started</span>]] | [[Character creation|<span class="button button-blue">Get Started</span>]] | ||
| Line 16: | Line 21: | ||
</div> | </div> | ||
<!-- =========================== --> | |||
<!-- ABOUT SECTION --> | |||
<!-- =========================== --> | |||
<div class="about-section"> | <div class="about-section"> | ||
<h2>About inZOI</h2> | <h2>About inZOI</h2> | ||
| Line 28: | Line 36: | ||
</div> | </div> | ||
<!-- =========================== --> | |||
<!-- FEATURED CONTENT --> | |||
<!-- =========================== --> | |||
<div class="featured-content"> | <div class="featured-content"> | ||
<div class="section-header"> | <div class="section-header"> | ||
| Line 35: | Line 46: | ||
<div class="featured-cards"> | <div class="featured-cards"> | ||
<!-- Featured Card 1 --> | |||
<div class="featured-card"> | <div class="featured-card"> | ||
[[File:character_creation.jpg|300px|center|alt=Character Creation|link=Character creation]] | [[File:character_creation.jpg|300px|center|alt=Character Creation|link=Character creation]] | ||
| Line 44: | Line 56: | ||
</div> | </div> | ||
<!-- Featured Card 2 --> | |||
<div class="featured-card"> | <div class="featured-card"> | ||
[[File:cities.jpg|300px|center|alt=Cities|link=Cities]] | [[File:cities.jpg|300px|center|alt=Cities|link=Cities]] | ||
| Line 53: | Line 66: | ||
</div> | </div> | ||
<!-- Featured Card 3 --> | |||
<div class="featured-card"> | <div class="featured-card"> | ||
[[File:gameplay.jpg|300px|center|alt=Gameplay|link=Guides]] | [[File:gameplay.jpg|300px|center|alt=Gameplay|link=Guides]] | ||
| Line 64: | Line 78: | ||
</div> | </div> | ||
<!-- =========================== --> | |||
<!-- MAIN SECTIONS --> | |||
<!-- =========================== --> | |||
<!-- Desktop view (2 columns per row) --> | |||
<div class="desktop-view"> | <div class="desktop-view"> | ||
<div class="main-sections"> | <div class="main-sections"> | ||
| Line 176: | Line 194: | ||
</div> | </div> | ||
<!-- Mobile view (1 column per row) --> | |||
<div class="mobile-view"> | <div class="mobile-view"> | ||
<div class="main-sections-mobile"> | <div class="main-sections-mobile"> | ||
| Line 282: | Line 301: | ||
</div> | </div> | ||
<!-- =========================== --> | |||
<!-- WIKI STATISTICS --> | |||
<!-- =========================== --> | |||
<div class="wiki-stats"> | <div class="wiki-stats"> | ||
<h2>Wiki Statistics</h2> | <h2>Wiki Statistics</h2> | ||
| Line 300: | Line 322: | ||
</div> | </div> | ||
<!-- =========================== --> | |||
<!-- FOOTER --> | |||
<!-- =========================== --> | |||
<div class="wiki-footer"> | <div class="wiki-footer"> | ||
<p class="footer-text"> | <p class="footer-text"> | ||