поиск 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>

27 марта в дни весенних каникул сотрудники филиала «Городская библиотека №46» пригласили учащихся СШ №5 на книготерапию «Путешествие по книге».

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

Заведующая  библиотекой познакомила ребят со структурой книги, её основными внешними и внутренними элементами. Многие «книжные» термины оказались для участников мероприятия новыми: суперобложка, форзац, фронтиспис, аннотация, ляссе и другие. Оживление в ход занятия внесли викторины и различные практические задания, которые помогли закрепить пройденный материал.

В конце мероприятия ребята разукрасили закладки и полистали красочные энциклопедии.