Demo7_Footer.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .Column {
            float: left;
            width: 27%;
            height: 300px;
        }
        
        p {
            font-size: 25px;
            font-weight: bold;
        }
    </style>
    <link rel="icon" type="image/x-icon" href="Images/MCE expert.png">
</head>

<body>

    <h1> Dialog Demo</h1>
    <dialog open> Welcome to Footer Demo </dialog>

    <footer>
        <div class="Column">
            <p>Company</p>
            <ul style="list-style-type: disc;">
                <li> About us</li>
                <li>Careers</li>
                <li>Contact Us</li>
                <li>FAQ</li>
            </ul>
        </div>
        <div class="Column">
            <p>Learn</p>
            <ul>
                <li> C#</li>
                <li>ASP.NET MVC</li>
                <li>HTML5,CSS,Js</li>
            </ul>
        </div>
        <div class="Column">
            <p>Practice</p>
            <dl>
                <dt> Major topics</dt>
                <dd>Topics Wise</dd>

                <li>Section Wise</li>
                <li>Subject Wise</li>
            </dl>
        </div>


    </footer>
</body>

</html>