<!DOCTYPE html> <html lang="en"> <head>

 <meta charset="UTF-8" />
 <title>InZOI Wiki - Front Page</title>
 <style>
   /* ------------ Basic Reset and Body Styles ------------ */
   * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
   }
   body {
     font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
     background-color: #fefefe;
     color: #333;
     line-height: 1.6;
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 1rem;
   }

   /* ------------ Hero / Banner Section ------------ */
   .hero {
     position: relative;
     text-align: center;
     margin: 1rem 0 2rem 0;
     border-radius: 8px;
     overflow: hidden;
   }
   .hero img {
     width: 100%;
     height: auto;
     display: block;
     border-radius: 8px;
     opacity: 0.8;
   }
   .hero h1 {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     color: #fff;
     font-size: 3rem;
     text-shadow: 2px 2px 4px rgba(0,0,0,0.6);
   }
   .hero p {
     position: absolute;
     top: 65%;
     left: 50%;
     transform: translate(-50%, -50%);
     color: #fff;
     font-size: 1.25rem;
     text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
   }

   /* ------------ Main Sections (Grid Layout) ------------ */
   .sections {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
     grid-gap: 1rem;
     margin-bottom: 2rem;
   }
   .section {
     background-color: #fff;
     padding: 1rem;
     border-radius: 8px;
     box-shadow: 0 1px 3px rgba(0,0,0,0.1);
   }
   .section h2 {
     font-size: 1.5rem;
     margin-bottom: 0.5rem;
     color: #2c3e50;
   }
   .section ul {
     list-style: disc inside;
     margin-left: 1rem;
   }
   .section a {
     color: #2e86c1;
     text-decoration: none;
   }
   .section a:hover {
     text-decoration: underline;
   }

   /* ------------ Footer Section ------------ */
   footer {
     margin-top: 2rem;
     padding: 1rem;
     text-align: center;
     font-size: 0.875rem;
     color: #666;
   }
   footer a {
     color: #666;
     text-decoration: none;
   }
   footer a:hover {
     text-decoration: underline;
   }

   /* ------------ Responsive Tweaks ------------ */
   @media (max-width: 600px) {
     .hero h1 {
       font-size: 2rem;
     }
     .hero p {
       font-size: 1rem;
     }
   }
 </style>

</head>

<body>

   <img src="https://via.placeholder.com/1200x400.png?text=InZOI+Banner" alt="InZOI Banner" />

Welcome to the InZOI Wiki!

Your hub for the upcoming life simulation game

About InZOI: InZOI is an upcoming life simulation game offering immersive storytelling, in-depth character customization, and a vibrant open world. Whether you’re a seasoned life-sim pro or brand new to the genre, we hope this wiki helps you explore and discover everything InZOI has to offer!

News & Updates

Dev Blog #4: New sneak peeks on NPC interactions
Beta Sign-Up: Early access details released
Patch Notes: Minor bug fixes and optimization

Getting Started

<a href="#">Beginner's Guide</a>
<a href="#">Frequently Asked Questions</a>
<a href="#">Basic Controls</a>
<a href="#">Tips for First-Time Players</a>

Featured Articles

<a href="#">All About NPCs & Relationships</a>
<a href="#">Crafting 101: Essential Recipes</a>
<a href="#">Town Building & Upgrades</a>

Community Projects

<a href="#">Wanted Pages</a> — help us fill in missing info!
<a href="#">Stubs to Expand</a> — add screenshots, tips, and data
<a href="#">Editing Tutorials</a> — learn how to contribute effectively

 <footer>

This wiki is a community effort.
Not affiliated with the official InZOI development team. All game-related assets belong to their respective owners.

<a href="#">Official Website</a> | <a href="#">Developer's Twitter</a> | <a href="#">Community Discord</a>

 </footer>

</body> </html>