# Exploring Bangkok!

<div class='rows-3'><div style='position: relative; text-align: center;'>

<div style='background-image: url(https://i.ibb.co/pQy3w2g/bangkok.jpg); background-size: cover; background-position: center; width: 100%; height: 600px; position: relative; border-radius: 15px; overflow: hidden;'>

<img src='https://i.ibb.co/Bc5YNCx/DSC-0095a.jpg' alt='my profile pic' style='width: 250px; height: auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50%; border: 3px solid #1e1e1e; position: absolute; top: 75%; left: 50%; transform: translate(-50%, -50%);'>

</div>

<div>

<h3 style="font-size: 1.4em;">About Me</h3>
        <p style="font-size: 1.1em;">Hey there! I’m Stefan, a student of Computer Science. I’m all about exploring and adventure — whether it’s diving into the latest tech or discovering a new city, I’m always up for the challenge!</p>

</div>

<div>

<h3 style="font-size: 1.4em;">Contributions</h3>
        <p style="font-size: 1.1em;">I'm just getting started, but you can follow my journey through Gno.land right here <a href="https://github.com/gnolang/hackerspace/issues/94" target="_blank">🔗</a></p>

</div>

</div><!-- /rows-3 -->



<div class="jumbotron" style="display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding-top: 40px; padding-bottom: 50px; text-align: center;">

<div class="rows-2" style="max-width: 500px; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;">
<h1 style="margin-bottom: 50px;">Help Me Travel The World</h1>

<a href="https://gno.studio/connect/view/gno.land/r/stefann/home?network=portal-loop#Donate" target="_blank" style="display: block; text-decoration: none;">
<img src="https://i.ibb.co/4TH9zbw/tips-jar.png" alt="Tips Jar" style="width: 300px; height: auto; display: block; margin: 0 auto;">
</a>

<strong style="font-size: 1.2em;">I am currently in Bangkok, <br> tip the jar to send me somewhere else!</strong><br><span style="font-size: 1.2em; font-style: italic; margin-top: 10px; display: inline-block;">Click the jar, tip in GNOT coins, and watch my background change as I head to a new adventure!</span></p>

<h3 style="margin-top: 5px; margin-bottom: 20px">Sponsor Leaderboard</h3>
<ul style="list-style-type: none; padding: 0; border: 1px solid #ddd; border-radius: 8px; width: 100%; max-width: 300px; margin: 0 auto;">
<li style="padding: 10px 5px; border-bottom: 1px solid #ddd; text-align: left;">
                    <strong style="padding-left: 5px;">1. g1ma...dlf5</strong> 
                    <span style="float: right; padding-right: 5px;">1000000ugnot</span>
                </li><li style="padding: 10px 5px; border-bottom: 1px solid #ddd; text-align: left;">
                    <strong style="padding-left: 5px;">2. g125...6fg5</strong> 
                    <span style="float: right; padding-right: 5px;">10000ugnot</span>
                </li><li style="padding: 8px 5px;  text-align: left;">
                    <strong style="padding-left: 5px;">3. g1rq...cxwu</strong> 
                    <span style="float: right; padding-right: 5px;">6ugnot</span>
                </li></div><!-- /rows-2 -->

</div><!-- /jumbotron -->