index.html

<!DOCTYPE html>
<head>
  <title>Straw Hat Pirates</title>
  <link rel="icon" type="image/x-icon" href="strawhats_jolleyroger.png">
  <link rel="stylesheet" href="one_piece.css" />
</head>

<header class="site-header">
    <img src="one piece logo.png" alt="One Piece Logo" class="header-logo">
    <nav>
      <a href="https://onepiece.fandom.com/wiki/One_Piece_Wiki" target="_blank"><u>One Piece Wiki</u></a>
      <a href="https://one-piece.com/op/links_eng/" target="_blank"><u>One Piece Official</u></a>
      <a href="https://www.reddit.com/r/OnePiece/" target="_blank"><u>One Piece Reddit</u></a>
    </nav>
  </header>

<body>
  <h1>Meet the Straw Hat Pirates!</h1>
  <h3><i>麦わらの一味 (Mugiwara no Ichimi)</i></h3>
  <h3><i>TOTAL BOUNTY: ฿8,816,001,000</i></h3>
  <div class="character-grid">

    <div class="character-card">
      <p><b><u>WANTED</u></b></p>
      <img src="luffy.jpg" alt="Monkey D. Luffy" />
      <p><b><u>DEAD OR ALIVE</u></b></p>
      <h2>MONKEY D. LUFFY</h2>
      <p>"Straw Hat"</p>
      <p><b>CAPTAIN</b></p>
      <p>Bounty: ฿3,000,000,000</p>
      <a href="https://onepiece.fandom.com/wiki/Monkey_D._Luffy" target="_blank">Learn More</a>
    </div>

    <div class="character-card">
      <p><b><u>WANTED</u></b></p>
      <img src="zoro.jpg" alt="Roronoa Zoro" />
      <p><b><u>DEAD OR ALIVE</u></b></p>
      <h2>RORONOA ZORO</h2>
      <p>"Pirate Hunter"</p>
      <p><b>SWORDSMAN</b></p>
      <p>Bounty: ฿1,111,000,000</p>
      <a href="https://onepiece.fandom.com/wiki/Roronoa_Zoro" target="_blank">Learn More</a>
    </div>

    <div class="character-card">
      <p><b><u>WANTED</u></b></p>
      <img src="nami.jpg" alt="Nami" />
      <p><b><u>DEAD OR ALIVE</u></b></p>
      <h2>NAMI</h2>
      <p>"Cat Burglar"</p>
      <p><b>NAVIGATOR</b></p>
      <p>Bounty: ฿366,000,000</p>
      <a href="https://onepiece.fandom.com/wiki/Nami" target="_blank">Learn More</a>
    </div>

    <div class="character-card">
      <p><b><u>WANTED</u></b></p>
      <img src="usopp.jpg" alt="Usopp" />
      <p><b><u>DEAD OR ALIVE</u></b></p>
      <h2>USOPP</h2>
      <p>"Sogeking/God"</p>
      <p><b>SNIPER</b></p>
      <p>Bounty: ฿500,000,000</p>
      <a href="https://onepiece.fandom.com/wiki/Usopp" target="_blank">Learn More</a>
    </div>

    <div class="character-card">
      <p><b><u>WANTED</u></b></p>
      <img src="sanji.jpg" alt="Sanji" />
      <p><b><u>DEAD OR ALIVE</u></b></p>
      <h2>VINSMOKE SANJI</h2>
      <p>"Black Leg"</p>
      <p><b>COOK</b></p>
      <p>Bounty: ฿1,032,000,000</p>
      <a href="https://onepiece.fandom.com/wiki/Sanji" target="_blank">Learn More</a>
    </div>

    <div class="character-card">
      <p><b><u>WANTED</u></b></p>
      <img src="chopper.jpg" alt="Chopper" />
      <p><b><u>DEAD OR ALIVE</u></b></p>
      <h2>TONY TONY CHOPPER</h2>
      <p>"Cotton Candy Lover"</p>
      <p><b>DOCTOR</b></p>
      <p>Bounty: ฿1,000</p>
      <a href="https://onepiece.fandom.com/wiki/Tony_Tony_Chopper" target="_blank">Learn More</a>
    </div>

    <div class="character-card">
      <p><b><u>WANTED</u></b></p>
      <img src="robin.jpg" alt="Nico Robin" />
      <p><b><u>DEAD OR ALIVE</u></b></p>
      <h2>NICO ROBIN</h2>
      <p>"Devil Child"</p>
      <p><b>ARCHAEOLOGIST</b></p>
      <p>Bounty: ฿930,000,000</p>
      <a href="https://onepiece.fandom.com/wiki/Nico_Robin" target="_blank">Learn More</a>
    </div>
    
    <div class="character-card">
      <p><b><u>WANTED</u></b></p>
      <img src="franky.jpg" alt="Franky" />
      <p><b><u>DEAD OR ALIVE</u></b></p>
      <h2>FRANKY</h2>
      <p>"Cyborg/Iron Man"</p>
      <p><b>SHIPWRIGHT</b></p>
      <p>Bounty: ฿394,000,000</p>
      <a href="https://onepiece.fandom.com/wiki/Franky" target="_blank">Learn More</a>
    </div>

    <div class="character-card">
      <p><b><u>WANTED</u></b></p>
      <img src="brook.jpg" alt="Brook" />
      <p><b><u>DEAD OR ALIVE</u></b></p>
      <h2>BROOK</h2>
      <p>"Soul King"</p>
      <p><b>MUSICIAN</b></p>
      <p>Bounty: ฿383,000,000</p>
      <a href="https://onepiece.fandom.com/wiki/Brook" target="_blank">Learn More</a>
    </div>

    <div class="character-card">
      <p><b><u>WANTED</u></b></p>
      <img src="jinbei.jpg" alt="Jinbe" />
      <p><b><u>DEAD OR ALIVE</u></b></p>
      <h2>JINBEI</h2>
      <p>"Knight of the Sea"</p>
      <p><b>HELMSMAN</b></p>
      <p>Bounty: ฿1,100,000,000</p>
      <a href="https://onepiece.fandom.com/wiki/Brook" target="_blank">Learn More</a>
    </div>
  </div>


  <footer class="site-footer">
    <p>&copy; 2025 Eiichiro Oda/Shueisha, Toei | Made by wolfsenberg</p>
  </footer>
</body>
</html>