Александр Решетняк

https://codepen.io/axelaredz/pen/zeKdWx

Делал так:

{* ВЫВОДИМ НА СТРАНИЦЕ ПРОДУКТА *}
{if strpos($smarty.server.REQUEST_URI,"/show-product/") !== false}

  контент

{* ВЫВОДИМ НА ГЛАВНОЙ *}
{elseif strpos($smarty.server.REQUEST_URI,"/base/") !== false}
 
  контент  

{* ВЫВОДИМ НА СТРАНИЦЕ ПРОДУКТОВ *}
{elseif strpos($smarty.server.REQUEST_URI,"/show-products/") !== false}

   контент  

{/if}

Указываем, что должно быть быть в адресе например "/show-product/" или "/base/"

Стоило бы указать ссылку на свой сайт где не работает, а то так гадание на кофейной гуще..

Попробуйте подключить в начале полные компоненты фреймворка:
https://codepen.io/AxeLVaisper/pen/eKxmej

и рядом с кнопкой копировать пример кода есть кнопка edit on codepen^ ^

Учиться по видеокурсу веб разработке сродни.. дальше идёт длинный список нелепых занятий)
Большинство учатся на практике, так что сайт с интересными решениями бы не помешал.

Вот только не для bootstrap, для которого полно этого *** так как в нём многое не доложили)
А для UIKIT 3 в котором есть практически все нужные компоненты, но в доках есть множество пробелов по их правильному применению.

советую jssor.com посмотреть и забыть все остальные)

https://www.behance.net/galleries
https://dribbble.com/search?q=design&s=latest
..и им подобные (×‿─)"

Дело в том, что люди делятся на
тех кто знает и пользуются лучшими инструментами в какой либо сфере,
и тех кто пользуются вещами навязанными им обществом, которое мало в чём разбирается)

с помощью svg у вас выйдет)

blueprintcss.io

SpaceGray (base16-ocean dark) - самая нормальная тёмная Тема)
BracketHightlighter - подсветка начальных скобок и заключительных)
Sublimerge - для сравнения файлов
CSSComb - для правильной сортировки стилей
CSSFormat - для удобного форматирования стилей и минификации
Animate.css - снипеты стилей анимаций
JSFormat - для форматирования js
MarkdownHTML preview - для просмотра .md файлов в браузере
SideBarEnhancements - расширенные функции для сайдбара
SyncedSideBar - синхронизация с сайдбаром файла который редактируется
SyncedSideBarBG - синхронизация фона сайдбара с темой оформления
HTML Minifer - для минификации HTML, CSS и JS

Важно не где, а качество. Поэтому лучше выбрать такое место куда будет удобнее добавлять новые работы.
Даже фото альбом с ссылками Вконтакте подойдёт)
Так же вашим плюсом станет если разместите на гитхаб локальную копию портфолио которое обновляете через деплой на сайт, дабы все видели вашу деятельность в удобном виде^ ^

после того как изучите html css js, будет самое время взглянуть на https://webasyst.ru

большенство плагинов тормознутые из подобных ( . .)
наиболее нормальный jakiestfu.github.io/Snap.js/demo/apps/default.html

Недавно тоже искал систему комментирования, и похоже нашёл свой идеал,
правда над внешним видом придёться поработать) но зато своя,
в тепле, уюте и на своём собственном ламповом хостинге^ ^
описание возможностей > yourcommentit.ru/buy
демо > demo.yourcommentit.ru
не бесплатная но и без этих дурацких тарифов, с фиксированной ценой в каких то 500р навсегда

wget -r -k -l 7 -p -E -nc site.ru

странно никто не написал про китайскую мега cms chinascript.ru/thread-4220-1-1.html
по высоко нагруженности полагаю ей нет равных)
китай же)

как вариант, перейти на систему в которой есть сразу блог и форум в связке ^ ^
..да ещё и магазин и до кучи других плюшек с печеньками и даже изюмом)
..и бесплатно