поиск html

<!-- Блок: переводчик + поиск (единая строка) -->
<div style="display:flex; align-items:center; flex-wrap:wrap; gap:5px; margin-top:5px; margin-left:5px;">

<!-- ===== СТАРЫЙ ПЕРЕВОДЧИК (оставляем как есть) ===== -->
<div id="google_translate_element"></div>

<!-- ===== НОВЫЙ ПОИСК ===== -->
<div style="display:inline-block; margin-left:20px; vertical-align:middle;">
<form action="/ru-ru/component/search/" method="post" style="display:flex; align-items:center; gap:8px;">
<input type="hidden" name="task" value="search">
<input type="hidden" name="option" value="com_search">
<input type="text" name="searchword" placeholder="Поиск по сайту..."
style="padding:6px 14px; border-radius:20px; border:1px solid #ddd; font-size:14px; background:#f5f5f5; outline:none; width:180px; transition:all 0.3s;">
<button type="submit" style="background:#ffba41; border:none; border-radius:20px; padding:6px 18px; cursor:pointer; color:#0d0d26; font-weight:bold; transition:background 0.3s; white-space:nowrap;">Найти</button>
</form>
</div>

</div>

<!-- ===== СКРИПТ ПЕРЕВОДЧИКА (оставляем как есть) ===== -->
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement(
{pageLanguage: 'ru', includedLanguages: 'ru,be'},
'google_translate_element'
);
}
</script>
<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Книга. Это слово знакомо каждому с детства. Буквари, азбуки, энциклопедии, сказки, приключенческая литература – вот с чего начинается наш читательский путь.

После летних каникул районная библиотека вновь распахнула свои двери для клуба любителей чтения «Книгознайки».

6 сентября для ребят прошёл библионавигатор «Если книг читать не будешь, скоро грамоту забудешь».

Наверное, каждый для себя по-разному может ответить на вопрос, для чего он читает? Для кого-то чтение – удовольствие, для кого-то книга – источник знаний, кто-то читает, чтобы скоротать время, например, в дороге. Сегодня бумажные книги потеснили новейшие технологии – электронные книги. Но суть от этого не меняется. Книги по-прежнему читают.

Какими были первые книги?  Как первобытные люди составляли свои письма? Какую пользу получает человек от такой полезной привычки, как чтение? На эти и многие другие вопросы ребята нашли ответ в ходе мероприятия.

Участники клуба читали стихи, называли пословицы и поговорки о пользе чтения, составляли рассказ в рисунках, принесли свои читательские дневники и с удовольствием рассказали о своей любимой книге.

В конце мероприятия прошёл мастер-класс по изготовлению закладок.