Jedi

У вас лого больше меню и потому только оно мешало : https://codepen.io/topicstarter/pen/jZRrPp
но лучше бы применять flexbox

а причем тут флексы? просто у div с меню следующие свойства:

.menu{
position:fixed;
left:-300px;
top:0;
bottom:0
z-index: 100;
background-color:#000;
width:300px;
transition: left ease-in-out .3s
}
.menu.active{
left: 0px
}

элементам

transform: translateY(0);
opacity: 0
transition: transform .3s ease-in-out, opacity .3s ease-in-out

элементам при ховере

transform: translateY(10px);
opacity: 1

Вот сделал пример для времени, остальное по аналогии сможешь сам

https://jsfiddle.net/xpjuLwh6/18/

нужно каждый раз указывать полный путь до селектора:

#selector0:hover #selector1, #selector0:hover #selector2 {
...
}

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

Для справки.
Конструкция {{ ... }} экранирует специальные символы, в данном случае - кавычки.

Что бы этого избежать, можно воспользоваться другой конструкцией - {!! .. !!} :
{!! $currentRoute == 'home' ? 'class="active"' : '' !!}

И первое и второе и еще много чего.
Если вы решаете вопрос создания (написания) очень крупного проекта, то в последующем вам потребуется не только PHP и NodeJS, а еще пара десятков или сотен скриптов на Perl, Bash, местами на GOlang и еще целый зоопарк.
Первично разрабатывая (ИМХО) я бы взял за основу PHP - как более знакомую и более дешевую (в части стоимости труда разработчиков) чем NodeJS. В последующем с ростом проекта, некоторые части кода будут выноситься в сервисы и будут использоваться другие языки.
Тут нужно понимать, что для каждой задачи есть свой инструмент. Что-то будет быстрее написать на PHP, а что-то будет быстрее работать на NodeJS.
Однозначного ответа быть не может.

Если бы я делал клон fb/vk, то не в одно лицо, а командой, и первые вопросы были бы «где взять команду и денег». Не на свои же.

По стеку. На компилируемом подобии php работает бэкенд vk. Я хорошо знаю PHP, поэтому взял бы его для бэкенда запрос-ответ. Для взаимодействия в реальном времени – чата, событий, игр – использовал бы Node.

Итого: микс технологий.

Ответ простейший - то, что вы лучше знаете, с чем больше работали.

Если хотите чтобы он именно получал один и тот-же айпи, то нужно настраивать не windows, а ту штуку, которая эти айпи выдает. Роутер, или что там у вас этим занимается.

Или можно открыть настройки сети и вручную прописать любой айпи адрес, какой вам нравится.

1.Найти в программе от куда она берет адрес 222 и исправить на нужный.
2.присвойте 125 второй адрес 222 и не нужно будет ничего перенаправлять
3.поставить на 222 шлюз, в котором сделать перенаправление

https://jsfiddle.net/y0u/50833bmm/

В Bootstrap 4 есть класс dropdown-menu-right, который нужно добавить к блоку dropdown-menu.

В вашем случае этого не достаточно. Сейчас у вас структура меню следующая:

<nav class="navbar">
    ...
    <div class="navbar-collapse">
        <ul class="navbar ml-auto">
            <li>...</li>
        </ul>
        <div class="user-actions">
            <div class="dropdown">
                ...
            </div>
        </div>
    </div>
</nav>

А должно быть:

<nav class="navbar">
    ...
    <div class="navbar-collapse">
        <ul class="navbar mr-auto">
            <li>...</li>
        </ul>
        <ul class="navbar mr-auto user-actions">
            <li class="dropdown">
                ...
            </li>
        </ul>
    </div>
</nav>

Не обязательно использовать список UL, но обязательно нужно использовать класс .navbar-nav.

.navbar-nav for a full-height and lightweight navigation (including support for dropdowns).

— https://getbootstrap.com/docs/4.0/components/navba...