ValeraValera

у вас у меню есть свойство overflow:hidden; и ваше меню по этому и не видно , оно скрыто
как решить ?

.main-nav {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    font-weight: bold;
    background: url('img/main-nav-bg.png');
    margin-top: -25px;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: justify;
    padding-left: 140px;
--->    overflow:hidden;  <---  убрать
    padding-right: 140px;
    box-shadow: 4px 7px 9px 1px rgba(0, 0, 0, 0.35);
}

.tour-card__footer__time,
.tour-card__footer__next {
      height: 46px;
}

Эффект Color Overlay в ФШ

optimizedhtml-start-template
Пользуюсь этой сборкой
Там есть подробная инструкция, даже видео обзор

А в чем проблема сделать себе шаблон? Пример

Scrollbar стилизовать можно только в webkit браузерах и ie да и то не очень сильно. В ie так не получится скорее всего. В webkit с помощью свойств:
::-webkit-scrollbar
::-webkit-scrollbar-button
::-webkit-scrollbar-track
::-webkit-scrollbar-track-piece
::-webkit-scrollbar-thumb
::-webkit-scrollbar-corner
::-webkit-resizer.
Пример:

::-webkit-scrollbar { width: 3px; height: 3px;}
::-webkit-scrollbar-button {  background-color: #666; }
::-webkit-scrollbar-track {  background-color: #999;}
::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
::-webkit-scrollbar-corner { background-color: #999;}}
::-webkit-resizer { background-color: #666;}

Лучше использовать какой-нибудь js-плагин, типа этого: manos.malihu.gr/jquery-custom-content-scroller

[HTML Academy] Макеты из рассылки

Прямая ссылка

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

Поищи Education Open Source CRM
Навскидку https://www.openeducat.org/ или https://moodle.org/
Последняя мультиязычная.

Ещё по запросу Open Source Social Networks
https://elgg.org/
https://www.humhub.org/
https://www.getanahita.com/

А вообще подобное можно сделать и на базе Wordpress (https://wordpress.org/plugins/tags/community, например buddypress.org ) или Joomla ( extensions.joomla.org/tags/communities, например extensions.joomla.org/extensions/extension/clients... ) а потом допиливать до нужной функциональности.

li::before{
background-image: ...
}
li:hover::before{
transform: rotate(-90deg);
}

Ну если все обновлять боитесь, то можно при попытке воспользоваться купоном, проверять не прошло ли его время и если прошло возвращать "купон устарел".

Можно попробовать выводить так:

$loop = new WP_Query( array( 'post_type' => array('metiz'), // Выбираем тип поста Метиз
                                                    'orderby' => 'title', // упорядочить по названия
                                                    'order' => 'ASC', // От меньшего к большему
                                                    'category' => 'SLUG (ярлык)' )); // Ставим SLUG категории
                        if ( $loop->have_posts() ) :
                            
                            while ( $loop->have_posts() ) : $loop->the_post(); ?>

Далее все по вашему коду

Для HTML можно ничего не использовать, это обычно лишнее. А для CSS, LESS/SASS буквально обязателен сегодня.