Antwort
Html
<!DOCTYPE html>
<html>
<head>
<title>Wild Crocos</title>
<link rel="stylesheet" type ="text/css" href="style_2.css">
</head>
<body>
<header>
<a href="#" class="logo">Wild Crocos</a>
<ul>
<li><a href="#home" class="active">Home</a></li>
<li><a href="#buy">Buy</a></li>
<li><a href="#lore">Lore</a></li>
<li><a href="#roadmap">Roadmap</a></li>
<li><a href="#rarities">Rarities</a></li>
<li><a href="#faq">FAQ</a></li>
</ul>
</header>
<section>
<section id="home">
<h2>Who are Wild Crocos?</h2>
<p>Wild Crocos is a collection of 50 unique pixel pictures.</p>
<img src="Banner-3 klein y.png" id="Preview">
</section>
<section id="buy">
<h3>Buy</h3>
<p>Coming soon</p>
</section>
<section id="lore">
<h3>Lore</h3>
<img src="Picture-1.png" id="Lore1">
<p>It was a shiny day in the world of Wild Crocos.</p>
<img src="Picture-2.png" id="Lore2">
<p>For days they haven't seen any fish in the nearby river and so they are hungry. They decided to ask the king, because he is the best fisherman among the Wild Crocos and can swim to other rivers to look for food.</p>
<img src="Picture-3.png" id="Lore3">
<p>The king was successful. He managed to find 500 fish, which will be distributed among all Wild Crocos. </p>
<img src="Picture-4.png" id="Lore4">
<p>Oh no! Suddenly a tornado appeared. Which Wild Crocos will he carry away?</p>
</section>
<section id="roadmap">
<h3>Roadmap</h3>
<h4>October 2021</h4>
<p>✅ Create Wild Crocos</p>
<p>✅ Create Twitter account</p>
<p>✅ Create Discord server</p>
<h4>November 2021</h4>
<p>✅ Reveal lore</p>
<p>✅ Website</p>
<p>✅ Reveal roadmap</p>
<p>✅ Release rarity chart</p>
<p>⬛ Giveaways</p>
<h4>December 2021</h4>
<p>⬛ Official drop</p>
<p>⬛ Wild Crocos owner rank on Discord</p>
<p>⬛ Christmas giveaways</p>
<h4>January 2022</h4>
<p>⬛ ...</p>
</section>
<section id="rarities">
<h3>Rarities</h3>
<table>
<thead>
<tr>
<th><span class="eyes">Eyes</span></th>
<th></th>
<th></th>
<th></th>
<th><span class="mouth">Mouth</span></th>
</tr>
</thead>
<tbody>
<tr>
<td>Normal</td>
<td>23.99%</td>
<td><span class="label label--common">Common</span></td>
<td></td>
<td><span class="label label--mouth">Teeth Normal</span></td>
<td>34.23%</td>
<td><span class="label label--common">Common</span></td>
</tr>
<tr>
<td>Cute</td>
<td>20.31%</td>
<td><span class="label label--common">Common</span></td>
<td></td>
<td><span class="label label--mouth">Teeth Smile</span></td>
<td>29.87%</td>
<td><span class="label label--common">Common</span></td>
</tr>
<td>Happy</td>
<td>18.11%</td>
<td><span class="label label--common">Common</span></td>
<td></td>
<td><span class="label label--mouth">Teeth Sad</span></td>
<td>21.59%</td>
<td><span class="label label--common">Common</span></td>
<tr>
<td>Psycho</td>
<td>15.63%</td>
<td><span class="label label--common">Common</span></td>
<td></td>
<td><span class="label label--mouth">Open Mouth</span></td>
<td>9.53%</td>
<td><span class="label label--rare">Rare</span></td>
</tr>
<tr>
<td>Red</td>
<td>12.56%</td>
<td><span class="label label--uncommon">Uncommon</span></td>
<td></td>
<td><span class="label label--mouth">Bone In Mouth</span></td>
<td>4.78%</td>
<td><span class="label label--epic">Epic</span></td>
</tr>
<tr>
<td><span class="sunglasses">Sunglasses</span></td>
<td>9.40%</td>
<td><span class="label label--rare">Rare</span></td>
</tr>
</tbody>
<tfoot>
</tfoot>
</table>
</section>
<section id="faq">
<h3>FAQ</h3>
<h4>How can I get a Wild Crocos?</h4>
<p>Buy one ;)</p>
<h4>When will be the drop?</h4>
<p>December</p>
<h4>How many are there?</h4>
<p>50</p>
<h4>What were the Wild Crocos made with?</h4>
<p>Photoshop</p>
</section>
<div id="footer">Wild Crocos</div>
</body>
</html>