<div class="tabs">
    <button class="tablinks" onclick="openTab(event, 'Tab1')">Tab 1</button>
    <button class="tablinks" onclick="openTab(event, 'Tab2')">Tab 2</button>
</div>

<div id="Tab1" class="tabcontent">
    <a href="https://wigle.net">
        <img border="0" src="assets/images/wigle-logo.png" alt="Wigle.net logo">
    </a>
    <p>Wardriving, Mayhem H4M portapack, Flipper Zero, Hak5 Pineapple and other script kiddie stuff.</p>
    <p>Working as an Information Security Specialist.</p>
    <a href="https://www.flightaware.com/adsb/stats/user/haxdoggy">
        Watch my flight data from my RTL-SDR and Raspberry Pi setup on FlightAware
    </a>
</div>

<div id="Tab2" class="tabcontent">
    <!-- Anpassa innehållet i denna flik enligt dina önskemål -->
    <h2>Anpassa denna flik</h2>
    <p>Du kan lägga till vad som helst här.</p>
</div>

<script>
    function openTab(evt, tabName) {
        var i, tabcontent, tablinks;
        tabcontent = document.getElementsByClassName("tabcontent");
        for (i = 0; i < tabcontent.length; i++) {
            tabcontent[i].style.display = "none";
        }
        tablinks = document.getElementsByClassName("tablinks");
        for (i = 0; i < tablinks.length; i++) {
            tablinks[i].className = tablinks[i].className.replace(" active", "");
        }
        document.getElementById(tabName).style.display = "block";
        evt.currentTarget.className += " active";
    }
    // Visa första fliken som standard
    document.getElementById("Tab1").style.display = "block";
    document.getElementsByClassName("tablinks")[0].className += " active";
</script>