<div class="modal-content">
  <div class="modal-header">
    <h5 class="modal-title">Welcome on Ellas War</h5>
    <button type="button" class="btn-close" data-bs-dismiss="modal" 
            aria-label="Close"></button>
  </div>
  <div class="modal-body">
    <p translate>I am the great King Leonidas who reigned on Sparta a long time ago. I was reminded of the underworld by the gods to form to your city leadership role. Tell me when you are ready.</p>
    <p translate>Complete the quests I propose to you to develop your city. Each level will bring you new buildings and units.</p>
    <p [innerHTML]="'If you wish to change your username, you can go into the <strong>Option</strong> menu at the top, then <strong>Change your username</strong>. The first change is free as long as you level 0.' | translate"></p>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-primary" [routerLink]="['/options']"
            data-bs-dismiss="modal" translate>Change your username</button>
    <button type="button" class="btn btn-success" [routerLink]="['/quests']"
            data-bs-dismiss="modal" translate>Access to the quests</button>
    <button type="button" class="btn btn-secondary"
            data-bs-dismiss="modal" translate>Close</button>
  </div>
</div>

<div class="modal-content">
  <div class="modal-header">
    <h5 class="modal-title">Welcome on Ellas War</h5>
    <button type="button" class="btn-close" data-bs-dismiss="modal" 
            aria-label="Close"></button>
  </div>
  <div class="modal-body">
    <div class="col-4 offset-4 text-center">
      <ew-icon name="spartan"></ew-icon>
    </div>
    <p translate>I am the great King Leonidas who reigned on Sparta a long time ago. I was reminded of the underworld by the gods to form to your city leadership role. Tell me when you are ready.</p>
    <p translate>Complete the quests I propose to you to develop your city. Each level will bring you new buildings and units.</p>
    <p [innerHTML]="'If you wish to change your username, you can go into the <strong>Option</strong> menu at the top, then <strong>Change your username</strong>. The first change is free as long as you level 0.' | translate"></p>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-primary" [routerLink]="['/options']"
            data-bs-dismiss="modal" translate>Change your username</button>
    <button type="button" class="btn btn-success" [routerLink]="['/quests']"
            data-bs-dismiss="modal" translate>Access to the quests</button>
    <button type="button" class="btn btn-secondary"
            data-bs-dismiss="modal" translate>Close</button>
  </div>
</div>

Add an image to the first popup
Add an image to the first popup