index.html

<div style="width: 90%; margin: auto;">
  <h1>This is my cool webpage 😎</h1>
  <iframe
    src="https://huggingface.co/datasets/proj-persona/PersonaHub/embed/viewer/instruction/train"
    frameborder="0"
    width="100%"
    height="560px"
  ></iframe>
  <div>
	<div style="background-color: rgb(229 231 235); display: inline-block; margin-right: 20px; margin-top: 20px; border-radius: 1000px;"><img style="display: inline-block; width: 150px;" src="https://cdn-uploads.huggingface.co/production/uploads/5f17f0a0925b9863e28ad517/nN3YVxc-g6ezIVbjTDAgp.png"></div>
	<div style="background-color: rgb(229 231 235); display: inline-block; margin-right: 20px; margin-top: 20px; border-radius: 1000px;"><img style="display: inline-block; width: 150px;" src="https://cdn-uploads.huggingface.co/production/uploads/5f17f0a0925b9863e28ad517/yMQ-54qUc9a_TDFqHP0bE.png"></div>
	<div style="background-color: rgb(229 231 235); display: inline-block; margin-right: 20px; margin-top: 20px; border-radius: 1000px;"><img style="display: inline-block; width: 150px;" src="https://cdn-uploads.huggingface.co/production/uploads/5f17f0a0925b9863e28ad517/yq2InsCsmbfigMaTdPeUp.png"></div>
	<div style="background-color: rgb(229 231 235); display: inline-block; margin-right: 20px; margin-top: 20px; border-radius: 1000px;"><img style="display: inline-block; width: 150px;" src="https://cdn-uploads.huggingface.co/production/uploads/5f17f0a0925b9863e28ad517/jUEJHjMm4cClYCPIOC42e.png"></div>
  </div>
</div>