Basic html (and css) for your profile that might help you :D!

For previews you can check out my profile if your unsure of what it would look like :3!

hyperlinks:

<p> <a href="https://www.randomwebsite.com/">text that you want viewer to see</a> </p>

Creating Accordions - HTML and CSS:

Basic look with no stylization:

<details>

<summary> click me </summery>

  <div> <p>text text text</p> </div> 

</details>

Basic look WITH stylization:

<style>

      summary {

        background-color: (color you want) ;

        color: white;

        cursor: pointer;

        padding: 20px;

      }

      details {

        border: 3px (color you want);

        border-radius: 5px;

        margin: 10px;

      }

      details[open] summary {

        background-color: (color you want);

      }

    </style>

    <h2>your text</h2> (optional you can remove this line completely)

    <details>

      <summary>click me (text you want)</summary>

      <div>

        <p> stuff you want inside the accordion </p>

      </div>

</details>