<a href="#" class="link">
<span class="name">Ремонт1</span>
<span class="hours">3-5 часов</span>
<span class="price">1190 ₽</span>
</a>
<tr class="link3" data-url="https://yandex.ru" onclick="goToUrl(this)">
<td>Text</td>
</tr>
<script>
function goToUrl(i) {
const url = i.dataset.url
window.location.href = url
}
</script>
хотелось бы что то уже делать по функционалу
document.getElementsByClassName('open_link')
document.querySelectorAll('.open_link')
img {
max-width: 100%;
height: auto;
}
<video autoplay="" muted="" loop="" disablepictureinpicture="" webkit-playsinline="" playsinline="" pip="false" poster="poster.jpg">
<source type="video/mp4" src="video.mp4">
</video>
video {
background-color: transparent;
border-bottom: 1px solid transparent; /* хак для предотвращения мелькания при загрузке на некоторых версиях ios */
&::-webkit-media-controls-panel {
display: none !important;
-webkit-appearance: none;
opacity: 0;
visibility: hidden;
}
&::-webkit-media-controls-play-button {
display: none !important;
-webkit-appearance: none;
opacity: 0;
visibility: hidden;
}
&::-webkit-media-controls-start-playback-button {
display: none !important;
-webkit-appearance: none;
opacity: 0;
visibility: hidden;
}
}
.header-link {
display: flex; /*или inline-flex*/
align-items:center;
}
.header-link img {
flex-shrink: 0;
margin-right: .5em;
}
border: none
box-sizing: border-box
.top_info {
position: relative;
top: 100px;
}
.top_info {
position: absoute;
width: 100%;
top: 40px;
}