Вставить модуль с кодами HTML, CSS и js в созданную позицию в шаблоне - Joomla 3.x: Шаблоны, разметка и макеты вывода

И снова здравствуйте.

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

Не так давно с одним из участников форума общался по вопросу создания своего шаблона на Joomla, мне естественно объяснили и показали как и что делать, но вот блин один момент вообще вспомнить не могу и еще очень хочу проконсультироваться в нескольких вопросах, постараюсь коротко и по существу...

Изучил видео уроки по HTML и CSS, даже что-то понял но не понимаю как запомнить все теги и атрибуты и как понять в какой момент их применять, но это скорее дело практики.

Разобрался как создать название позиции для модуля в templateDetails.xml и сделал ее.
<position>maxmax</position>

Разобрался с сеткой в шаблоне сделал горизонтальные и вертикальные позиции для модулей, вот примерно как-то так.

<div class="row">
    <div class="col-md-12">Вся ширина ряда</div>
</div>

<div class="row">
    <div class="col-md-3">1</div>
    <div class="col-md-3">2</div>
    <div class="col-md-6">3</div>
</div>
   
    <div class="row">
    <div class="col-md-3">4</div>
    <div class="col-md-3">5</div>
    <div class="col-md-3">6</div>
    <div class="col-md-3">7</div>
</div>

Далее, что бы вывести модуль в позицию нужно прописать следующее

<div class="что тут писать не помню">
<jdoc:include type="modules" name="тут позиция что я создал" style="xhtml" />
</div>

Дальше я методом тыка пытался засунуть модуль в нужную позицию, допустим в эту

<div class="col-md-3">7</div>

и у меня получается следующее

<div class="col-md-3"><div class="max1">
<jdoc:include type="modules" name="maxmax" style="xhtml" />
</div></div>

Вот в этом моменте я правильно добавляю модуль в позицию или нет, т.е я код вывода модуля запихиваю вот сюда>7<.

Далее, участник форума показал мне один сайт где много всяких интересных кодов которые можно использовать в шаблоне, вот сайт.
https://bootsnipp.com/?page=9

Далее я создаю в Joomla модуль
HTML-код Модуль отображает на сайте фрагмент HTML-кода, набранного вручную или с помощью...

И вот с этого момента что-то я начинаю тупить. Помню что нужно присвоить позицию что я создал, проверить привязку меню (на всех страницах), вот дальше если я не ошибаюсь мы заходили во вкладку дополнительные параметры и возможно в (Суффикс CSS-класса модуля) что-то прописывали, какой-то код...

Потом копировали из сайта с плюшками для шаблона код HTML. CSS. и js и переносили их в соответствующие папки на хостинге и все получалось. Сейчас я запутался в порядке действий. 

Подскажите пожалуйста где я путаюсь.

Снова методом тыка попробовал вставить HTML код элемента следующим образом, как мне кажется я вставляю куда то не туда.

<div class="col-md-3"><div class="max1">
<jdoc:include type="modules" name="maxmax" style="xhtml" />
<h1 class="elegantshd"> Bootstrap </h1>
<h1 class="deepshd"> This is Deep </h1>
<h1 class="xbootstrap"> xBootstrap.com </h1>
<a href="https://www.xbootstrap.com/"><h1 class="retroshd"> This One is Retro Type </h1> </a>
</div>

Но надпись появилась там где я сделал для нее позицию.

Пытаюсь вывести в шаблоне для пробы вот это

https://bootsnipp.com/snippets/76778

Нашел у себя первую ошибку, скачал я bootstrap 3, а в файле index. HTML подключен bootstrap 4

  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js" integrity="sha384-vZ2WRJMwsjRMW/8U7i6PWi6AlO1L79snBrmgiDpgIWJ82z8eA5lenwvxbMV1PAh7" crossorigin="anonymous"></script>

[quote author=XxaMRuS link=topic=342420.msg1733657#msg1733657 date=1508954931<div class="col-md-3"><div class="max1">
<jdoc:include type="modules" name="maxmax" style="xhtml" />
</div></div>[/quote]
Эту запись можно укоротить вот так:
класс дописывается через пробел и не нужно тогда добавлять новый див.

методом тыка попробовал вставить HTML код элемента следующим образом, как мне кажется я вставляю куда то не туда.

Там где вы написали там и вывело.
 Этот код нужно вставлять в модуль (тип HTML). Только редактор переключите на режим HTML, а в настройках модуля выберите вашу позицию maxmax

Там где вы написали там и вывело.
 Этот код нужно вставлять в модуль (тип HTML). Только редактор переключите на режим HTML, а в настройках модуля выберите вашу позицию maxmax

Понял Вас, буду пробовать!