Designing a dashboard in Web Forms creates a new ASP.NET project from Visual Studio by choosing the Web Forms template. By default, the ASP.NET framework 4.7.2 will create it. The created project will have some ASPX files with the default navigation design. Will make use of that design and add some icons to the dashboard page.

ASPX files will have a designer page, a markup page, and a code page. All designer markup pages will contain a site master page at the top. The header, footer, and navigation of the common design will be written site master page.

Site Master page

<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-dark bg-dark">
    <div class="container">
        <a class="navbar-brand" runat="server" href="~/">Application name</a>
        <button type="button" class="navbar-toggler" data-bs-toggle="collapse" 
            data-bs-target=".navbar-collapse" title="Toggle navigation" 
            aria-controls="navbarSupportedContent" aria-expanded="false" 
            aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse d-sm-inline-flex justify-content-between">
            <ul class="navbar-nav flex-grow-1">
                <li class="nav-item">
                    <a class="nav-link" runat="server" href="~/">Home</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" runat="server" href="~/About">About</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" runat="server" href="~/Contact">Contact</a>
                </li>
            </ul>
        </div>
    </div>
</nav>

<div class="container body-content">
    <asp:ContentPlaceHolder ID="MainContent" runat="server">
    </asp:ContentPlaceHolder>
</div>

Markup page Example

<%@ Page Title="Home Page" Language="VB" MasterPageFile="~/Site.Master" 
    AutoEventWireup="true" CodeBehind="Default.aspx.vb" Inherits="WebApplication1._Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">

    <main>
        <div class="row">
            <!-- Side Navigation -->
            <nav class="col-md-2 edge" aria-label="Side navigation" style="background-color: black">
                <ul class="nav flex-column">
                    <li class="nav-item">
                        <a class="nav-link active" href="#">Dashboard</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Profile</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Settings</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Help</a>
                    </li>
                </ul>
            </nav>

            <!-- Main Content -->
            <section class="col-md-9" aria-labelledby="aspnetTitle">
                <h1 id="aspnetTitle">Dashboard</h1>
                <section class="row">
                    <section class="col-md-4" aria-labelledby="gettingStartedTitle">
                        <h2 id="gettingStartedTitle">
                            <i class="fa fa-5x fa-home" style="display: flex; align-items: center; justify-content: center; color: #3c8bdc"></i>
                            Getting started
                        </h2>
                        <p>ASP.NET Web Forms lets you build dynamic websites...</p>
                        <p>
                            <a class="btn btn-default" href="https://go.microsoft.com/fwlink/?LinkId=301948">Learn more »</a>
                        </p>
                    </section>

                    <section class="col-md-4" aria-labelledby="librariesTitle">
                        <h2 id="librariesTitle">
                            <i class="fa fa-5x fa-cogs" style="display: flex; align-items: center; justify-content: center; color: #3c8bdc"></i>
                            Get more libraries
                        </h2>
                        <p>NuGet is a free Visual Studio extension...</p>
                        <p>
                            <a class="btn btn-default" href="https://go.microsoft.com/fwlink/?LinkId=301949">Learn more »</a>
                        </p>
                    </section>

                    <section class="col-md-4" aria-labelledby="hostingTitle">
                        <h2 id="hostingTitle">
                            <i class="fa fa-5x fa-cloud-upload-alt" style="display: flex; align-items: center; justify-content: center; color: #3c8bdc"></i>
                            Web Hosting
                        </h2>
                        <p>You can easily find a web hosting company...</p>
                        <p>
                            <a class="btn btn-default" href="https://go.microsoft.com/fwlink/?LinkId=301950">Learn more »</a>
                        </p>
                    </section>
                </section>
            </section>
        </div>
    </main>
</asp:Content>

Dashboard design with sidebar and top navigation page source code attached for reference. The default output page is below.

Output

Output