[html]
<br>
<hr width='626'>
<hr width='626'>
<h1>
П У Т Ь ДОМОЙ
<br>
<iframe width='320' height='210' src="https://rutube.ru/play/embed/a41d28c93c5d299b76a49c9e60793164/" frameBorder="0" allow="clipboard-write; autoplay" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
<br>
П У Т Ь ДОМОЙ
</h1>
<hr width='626'>
[/html]
[html]
<div id="s2" style="border: 2px dashed red; width: 620px ;">
Уверенно общаться с окружающими и производить приятное впечатление на собеседника.
Доносить информацию так, чтобы вас внимательно слушали и четко понимали
<hr style="width: 620px ;">
Заводить дружеские отношения с незнакомыми людьми, которые могут помочь в достижении ваших целей, даже если они выше по уровню и социальному статусу
<hr style="width: 620px ;">
Не принимать конфликты близко к сердцу, управлять ими и переводить в конструктивный диалог, сохраняя важные для вас отношения
<hr style="width: 620px ;">
Не жертввать собой ради удобства других-Научится говорить «нет».
Отстаивать свою точку зрения таким образом, чтобы люди Сами захотели сделать для вас то, что вам нужно
<hr style="width: 620px ;">
Без страха выступать перед публикой. Удерживать внимание аудитории и легко выражать свои мысли, чтобы донести свои идеи и интересы до других.
</div>
<br>
<hr>
<hr>
<br>
<div id="s123" style="border: 2px dashed red; width: 620px ;"> </div>
<hr>
<hr width='626'>
<br>
<script>
let list1 = [];
list1[0] = 'https://rutube.ru/play/embed/43e83e7aded470cae1a60d9acc0da933/';
list1[1] = 'https://rutube.ru/play/embed/2cc6da65f949b962a57989a10b1962bf';
list1[2] = 'https://rutube.ru/play/embed/88b533c7909663421650ebed5fe1d249';
list1[3] = 'https://rutube.ru/play/embed/3fc81c7f4dc5a636485df62b5a277b77';
list1[4] = 'https://dzen.ru/embed/vFPqKSlhlcBw?from_block=partner&from=zen&mute=0&autoplay=0&tv=0';
list1[5] = 'https://rutube.ru/play/embed/b29a2f408234d61687a061f8d8bb2f2a';
list1[6] = 'https://dzen.ru/embed/vL0YjDUG9A3Q?from_block=partner&from=zen&mute=0&autoplay=0&tv=0';
list1[7] = 'https://rutube.ru/play/embed/745478fe88e6c78f8a9f2a8cc9702687';
list1[8] = 'https://vk.com/video_ext.php?oid=-214188878&id=456239027&hash=7bbb34e538006cf6';
list1[9] = 'https://rutube.ru/play/embed/82bdf5c489c475099826865d6617f4e4/';
list1[10] = 'https://vk.com/video_ext.php?oid=-214188878&id=456239033&hash=84bafec2f8e18d0d&hd=2';
<!--list1[11] = 'https://dzen.ru/embed/';->
//функция конструктор-----------------------------------
function createFrame(index) {
var element;
element = "<iframe src='" + list1[index] +"' width='320' height='210' frameborder='0' scrolling='no' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>"
return element;
}
//-------------------------------------------------------------
// document.getElementById("s123").innerHTML += '<hr>';
// document.getElementById("s123").innerHTML += createFrame(1) +' createFrame(1) ';
// document.getElementById("s123").innerHTML += '<hr>';
// document.getElementById("s123").innerHTML += createFrame(2) +' createFrame(2) ';
// document.getElementById("s123").innerHTML += '<hr>';
// document.getElementById("s123").innerHTML += createFrame(3) +' createFrame(3) ';
for (var i = 0; i < list1.length; i++) {
document.getElementById("s123").innerHTML += '<hr>';
document.getElementById("s123").innerHTML += createFrame(i) +' .Frame-' + i;
}
</script>
<hr>
<iframe src="https://assets.pinterest.com/ext/embed.html?id=563018698059078" height="714" width="345" frameborder="0" scrolling="no" ></iframe>
<hr>
<iframe src="https://assets.pinterest.com/ext/embed.html?id=763782418091622407" height="714" width="345" frameborder="0" scrolling="no" ></iframe>
<hr>
<hr>
<hr>
<br>
<h1>
<a href="https://yogatrain.ru/asan.php?asana_id=311" >Йога - ПОЛНОЕ ПРОМЫВАНИЕ ЖЕЛУДОЧНО-КИШЕЧНОГО ТРАКТА </a>
<br>
<br>
<hr width='626'>
<a href="https://rsload.net/soft/windows/windows-10-sborka/" > - Сборки Windows Бесплатно для Флешки - </a>
<br>
<br>
<br>
<hr width='626'>
<a href="https://kmp-magazin.ru/gotovye_resheniya_komplekty/?yclid=3560233147148271615" > - Смолы, Гелькоуты, Стекломаты, Силиконы - оптом и в розницу - </a>
<br>
</h1>
<br>
[/html]
***************************************
***************************************
[html]
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Увеличение изображения</title>
<style>
.image-container {
overflow: hidden;
display: inline-block;
}
.image-container img {
transition: transform 0.5s ease; /* Плавный переход */
}
.image-container:hover img {
transform: scale(1.1); /* Увеличение изображения */
}
</style>
</head>
<body>
<div class="image-container">
<img src="https://upforme.ru/uploads/0019/f8/5c/2/t61781.png" alt="Пример изображения" width="250" height="150"> <!-- Уменьшение до 50% -->
</div>
<script>
const img = document.querySelector('.image-container img');
img.addEventListener('mouseenter', () => {
img.style.transform = 'scale(1.1)'; // Увеличение
setTimeout(() => {
img.style.transform = 'scale(1)'; // Возврат к прежнему размеру
}, 500); // Длительность увеличения
});
</script>
</body>
[/html]