How do I convert this code to dynamic WordPress navbar without losing the CSS styles?

Here is the sample HTML code:

ul
    lia href=#Home /a/li
    li class=menu-dropdowna href=#Supplies i class=ion-ios-arrow-down/i/a
        ul class=sub-menu
            lia href=#Chemicals/a/li
            lia href=#Food/a/li
            lia href=#Apex/a/li
        /ul
    /li
    li class=menu-dropdowna href=#More i class=ion-ios-arrow-down/i/a
        ul class=sub-menu
            li class=menu-dropdown position-statica href=#Supplies i class=ion-ios-arrow-down/i/a
                ul class=sub-menu sub-menu-2
                    lia href=#All/a/li
                    lia href=#Chemicals/a/li
                    lia href=#Food/a/li
                    lia href=#Apex/a/li
                /ul
            /li
            lia href=#About Us/a /li
            lia href=#Blogs /a/li
            lia href=#Contact Us /a/li
        /ul
    /li
/ul