How to create your own custom menu on joomla?

Question

Joomla

Guys, how to create such a menu joxi.ru/1A5vy9LCq4E0rE ?
This is layout. Do I need to assemble a joomla template from it?
Now I'm trying to display a menu using standard joomla methods. And now I have it like this.
joxi.ru/a2XExelUnQK7Ag

<nav class="hdr-nav">
        <jdoc:include type="modules" name="position-0" style="none" />
</nav>

Answer 1

If you really make a TEMPLATE for JOOMLA, then in the folder with the site code there should be a folder for your original type template
This folder contains all php, css, js and other files for the template
File for the default menu HTML code in files
Only 2 files are often used :
default.php - main menu code
default_url.php - code for the base menu item

Answer 2

You create a regular menu in the admin panel through the menu manager. You add subparagraphs.
You write styles in the css file of the template.
You can do something like this:
https://jsfiddle.net/o6xh79Lt/
Read more about options here:
https://html5book.ru/vypadayushee-menu/