index.html

<!-- -------------------------- -->
<!--   User Profile Template    -->
<!-- -------------------------- -->
<template id="profileTemplate">
  <div class="profile">
    <div class="profile__coverPhoto">
      <img
        src="https://i.imgur.com/KykRUCV.jpeg"
        class="profile__image"
      />
    </div>
    <h3 class="profile__name">
      John Doe
    </h3>

    <button class="btn">Message</button>
    <button class="btn">Follow</button>
  </div>
</template>

<!-- -------------------------- -->
<!--          Profiles          -->
<!-- -------------------------- -->
<section class="profiles">
  <user-profile
    name="William Smith"
    image="./images/avatar-1.png"
  ></user-profile>
  <user-profile
    name="Sara Doe"
    image="./images/avatar-2.png"
  ></user-profile>
  <user-profile
    name="Julia"
    image="./images/avatar-3.png"
  ></user-profile>
</section>