My for loop not looping

const pets = [
  {name: 'Gohan', type: "dog", breed: 'golden', age: 4, photo: 'img/golden.jpg' },
  {name: 'nala', type: "dog", breed: 'pug', age:3 , photo: 'img/persian.jpg' },
  {name: 'Polo', type: "dog", breed: 'tabby', age: 105, photo: 'img/pug.jpg'}
];



let hmtl = '';

for(let i = 0; i < pets.length; i++){
  let name = pets[i].name;
  let type = pets[i].type;
  let breed = pets[i].breed;
  let age = pets[i].age;
  let photo = pets[i].photo;
 html = `<h2>${name}</h2><h3> ${type}| ${breed}</h3><p>Age: ${age}</p><img src= '${photo}' alt="${type}">'`;
};

console.log(html);

document.querySelector('main').innerHTML = html;