<div class="button-container">
<button class="custom-button" id="button1">Projekte</button>
<button class="custom-button" id="button2">Profile</button>
<button class="custom-button" id="button3">Bewertungen</button>
<button class="custom-button" id="button4">Belohnungen</button>
<button class="custom-button" id="button5">Hall of Fame</button>
</div>
<div class="text-container">
<div class="creative-text">
Mache Esslingen zu einem besseren Ort :-)
</div>
</div>
<div class="user-info-container">
<div class="user-info-box" id="userId">#User-Id</div>
<div class="trophy">
<img alt="Goldener Pokal" src="https://upload.wikimedia.org/wikipedia/commons/3/3e/Golden_Trophy.svg">
</div>
<div class="user-info-box" id="userScore">User-Score</div>
</div>
<div class="footer-button-container">
<button class="custom-button" id="footerButton1">Impressum</button>
<button class="custom-button" id="footerButton2">Kontakt</button>
<button class="custom-button" id="footerButton3">Haftung</button>
<button class="custom-button" id="footerButton4">Datenschutz</button>
</div>
User-ID: 12345
User Score: 250
Mache Esslingen zu einem besseren Ort :-)
DIV