Formating nested list objects

See more:

MVC

I have a requirement to display the output list as below dynamically:

<ul>
    <li>
        Category 1
        <ul>
            <li> Category 1 Page 1</li>
        </ul>
    </li>
    <li>
        Category 2
        <ul>
            <li>
                Category 2 List 1
                <ul>
                    <li>Category 2 List 1 Page 1</li>
                    <li>Category 2 List 1 Page 2</li>
                </ul>
            </li>
        </ul>
    </li>
    <li>
        Category 3
        <ul>
            <li> Category 3 Page 1</li>
            <li>
                Category 3 List 1
                <ul>
                    <li>Category 3 List 1 Page 1</li>
                    <li>Category 3 List 1 Page 2</li>
                </ul>
            </li>
        </ul>
    </li>
    <li>
        Category 4<ul>
            <li> Category 4 Page 1</li>
        </ul>
    </li>
</ul>

Am using 2 tables as below :
Table 1 Name : Category
Columns : Category, Parent Category {parent child relationship to at max 3 levels of nesting}

For the categories which dont have a parent will have a value null.

Table 2 Name : Category Pages Mapping
Columns : Category , PageName

Any help on building up the query using linq to sql or lambda expressions? I am using mvc 5 and ef 6.