Andrew

1) Если вы разработчик: Из макета-> У дизайнера
2) Если вы сам себе дизайнер:
Взять на бесплатных стоках фоток / сделать самому изображения / украсть на любом сайте
Google: photo stock free

<a href='path/to/file.txt' download> Download File</a>

Флажок добавьте.

export class ClientForm implements OnInit {
isSubmitted: boolean = false;

  submit(): void {
    console.log(this.form.value)
this.isSubmitted = true;
    if(this.form.invalid) {
      console.error('error')
    } else {
      console.log('valid')
    }
    console.log(this.form)
  }

<form action="">
  <div class="item">
    <input  [formControl]="name" type="text" >
    <p *ngIf="isSubmitted && name.errors?.required">Поле обязательное</p>
  </div>
  <div class="item">
    <input [formControl]="email" type="text" >
    <p *ngIf="isSubmitted && email.errors?.required">Поле обязательное</p>
  </div>
  </div>
  <button type="submit" (click)="submit()">btn</button>
</form>

Еще обычно делают getter для всей формы,а не каждого поля в этой форме.

get cForm() {
    return this.form.controls;
  }

<p *ngIf="cForm.email.errors?.required">Поле обязательное</p>
    <p *ngIf="cForm.name.errors?.required">Поле обязательное</p>

Edit: (click) на button[type='submit'] не вешайте.
на форму (сабмит) вешайте.

<form action="" (submit)='submit()'>
  <div class="item">
    <input  [formControl]="name" type="text" >
    <p *ngIf="isSubmitted && name.errors?.required">Поле обязательное</p>
  </div>
  <div class="item">
    <input [formControl]="email" type="text" >
    <p *ngIf="isSubmitted && email.errors?.required">Поле обязательное</p>
  </div>
  </div>
  <button type="submit">btn</button>
</form>

Вы пытаетесь реализовать пагинацию заново?
Гуглится так: "#название_языка Pagination"

if($(this).val().length > 2){

const request = require('request');

var cards;

бе
По теме, это асинхронная операция, у вас значение выводится до её выполнения, даже если оно занимает крайне мало времени, выведите после(по нажатию на кнопку или в callback'e функции запроса)

document.querySelectorAll("a").forEach((a) => a.innerHTML = a.innerHTML.replace(/\s/gi, "_"));

$(document).mouseup(function (e){ // событие клика по веб-документу
  var divmenu = $("#sidepanel"); // sidebar

  if (!divmenu.is(e.target) && divmenu.has(e.target).length === 0 && divmenu.hasClass("active") ) { // если клик был не по нашему блоку и не по его дочерним элементам
    enableScroll();
    $('#sidepanel_btn').css("pointer-events", 'auto');
  }
});

<a href="#" class="d-none" id="history-back" onclick="history.back();return false;">Back</a>

window.addEventListener("load", function() {
    if (window.history.length > 1) {
      document.getElementById("history-back").classList.remove("d-none");
    }
  });

.d-none {
  display: none;
}