para no tener que estar navegando entre páginas no y tener que estar haciendo cambios en cada una de ellas hice lo siguiente. hice un archivo .js y agregue lo siguiente
document.getElementById('cover').innerHTML += `<div class="cover-empresa-contenedor"> <figure class="omt-04"> <img src="/img/cover/cover.jpg" alt="perfil"/> <figcaption> <img src="/img/logo/logo-muestra.png" class="profile"/> </figcaption> </figure> </div> `;
Luego
document.getElementById('cover').innerHTML +=
`<div class="cover-empresa-contenedor">
<figure class="omt-04">
<img src="/img/cover/cover.jpg" alt="perfil"/>
<figcaption>
<img src="/img/logo/logo-muestra.png" class="profile"/>
</figcaption>
</figure>
</div> `;
Luego en el html simplemente coloco un div con el id cover y por supuesto enlazo el js antes de body como
<script src="/cover.js"></script>
Lo
<script src="/cover.js"></script>
Lo que quisiera saber es si esta es la manera correcta de hacerlo o funciona pero no es correcta...Gracias