Максим

https://jsfiddle.net/ts9hb0x2/1/

https://jsfiddle.net/f99bL0yb/

В принципе можно.

text-shadow: 3px 3px 0 red, 6px 6px 0 red, 9px 9px 0 black;

codepen.io/Glaswr/pen/xRYyxp

Отключи загрузку по лан

https://unsplash.it/
https://placehold.it/
loremflickr.com

Как локальный вариант - holderjs.com

1.
Если menu, то ul лишний https://webref.ru/html/menu
Если хочется ul, то nav

2.
Чаще всего не надо 2 раза писать меню.
Меню одно и меняется только его положение выстраивание с помощью CSS (например, flex).
Делается кнопочка, бутербродик, скрытая на десктопах, видимая на мобильных.
На мобильных меню сначала скрыто и открывается по кнопочке.

Ну во первых, <menu> и вложенный в него<ul>, уже не особо корректно.
Используйте просто ul > li либо menu > li.
Подробнее можете прочитать тут htmlbook.ru/html/menu

Во вторых объясните подробнее, что вы хотите делать с меню?
При наведении/клику на какой либо элемент , чтобы оно появлялось?

https://codex.wordpress.org/Создание_тем
https://codex.wordpress.org/Основы_шаблонов
https://codex.wordpress.org/Теги_шаблонов
https://ru.wordpress.org/

Я обычно поступаю так:
Устанавливаю CMS, обычно в ней есть демо шаблон и часто не один.
Его разбираю, смотрю где чистый html, а где какие-то вызовы.
Если сразу не очевидно какой вызов за что отвечает, то обводим блок красным outline, border или background.
Постепенно нужное переношу на свой тестовый шаблон (вначале можно взять просто пустую страницу).

Для более сложных вещей остается немножко подумать, погуглить и еще раз подумать :)

Установка и настройка сервера XAMPP на Windows Это вам поможет. Всё с картинками и пояснениями.

Пример 1
пример 2
пример 3

Есть ли способ установить VDI образ на комп как систему?

Да. Любой виртуальный диск можно развернуть на реальный.
И ещё, если конвертируете в формат VHD, то здесь можно почитать.
Или MSDN: Загрузка с виртуального жесткого диска (встроенная....

Много чего можно сделать в менеджере виртуальных дисков VirtualBox (меню "Файл").