Нужен код HTML для картинки. При наведении мышки на картинку должна появляться надпись: узнать подобнее. Картинка кликабельная и при клике происходит переход на определённую страницу.
Вот на эту картинку:
<div class="col-md-3 py- px-0 from-left-0">
<a class="btn" href="[[~201]]"> <img src="assets/images/photos/Obrazovanie/1567-oooo.plus.png" class=" img-fluid mb-0" alt="[[*longtitle]]" title="[[*longtitle]]"></a>
</div>
Код полностью:
<div class="container-fluid bg-beige my-1 py-2 text-center ">
<div class="container wow animate__bounceIn">
<div class="row my-1 bg-beige">
<div class="col-md-2 py-0 px-0 from-left-0">
<a class="btn" href="[[~201]]"> <img src="assets/images/photos/Obrazovanie/str2.png" class=" img-fluid mb-0" alt="[[*longtitle]]" title="[[*longtitle]]"></a>
</div>
<div class="col-md-3 py- px-0 from-left-0">
<a class="btn" href="[[~201]]"> <img src="assets/images/photos/Obrazovanie/1567-oooo.plus.png" class=" img-fluid mb-0" alt="[[*longtitle]]" title="[[*longtitle]]"></a>
</div>
<div class="col-md-7 py-1 px-2 from-left-1">
<div class="row my-1 bg-beige">
<div class="col-md-4 py-1 px-2 from-left-1">
<div style="position: relative; right: -600px; ">
<div class=" p-1 text-white text-center mb-1" style="background-color: #28CCA8">
<h1>Помощь</h1>
</div>
</div>
</div>
</div>
<div class="row my-1 bg-beige">
<div class="col-md-7 py-1 px-2 from-left-1">
<div style="position: relative; right: -400px; ">
<div class=" p-1 text-white text-center mb-0" style="background-color: #28CCA8">
<h2>с поступлением</h2>
</div>
</div>
</div>
</div>
<div class=" p-4 mb-0" >
<div class="container-fluid bg-white rounded-lg my-1 py-2 text-center">
<p><font size="4">Наши специалисты окажут услугу по зачислению Вашего ребёнка в школу "под ключ"</font></p></div>
</div>
</div>
</div>
</div>
</div>
</div>
Простой
