DEV Community

Gcobani Mkontwana
Gcobani Mkontwana

Posted on

Creating very nice dashboard using bootstrap in your ecommerce site

Hi Team

I need help with my front end, want to create a nice UI dashboard its not appearing very nice, must have nice navbar, tabs with avatar when user log in or div class for user-profile.

`// Bootstrap
<?php
// Start the session
session_start();

// Check if user is logged in
if(!isset($_SESSION['email'])) {
// Redirect to login page
header('Location: customer-login.php');
exit();
}

// User is logged in, display dashboard
?>

[<!DOCTYPE html>




Dashboard
<!-- Bootstrap CSS -->
<!-- Bootstrap JS -->




/* Adjust the sidebar height */ #sidebar { height: 100vh; }
    <h1>Welcome </h1>


    <a href="#">Dashboard</a>




        <ul>
            <li>
                <a href="#">Dashboard</a>
            </li>
            <li>
                <a href="#">Profile</a>
            </li>
            <li>
                <a href="#">Settings</a>
            </li>
            <li>
                <a href="logout.php">Logout</a>
            </li>
        </ul>







      <h5>Total Orders</h5>
      <p>1,234</p>






      <h5>Total Sales</h5>
      <p>$123,456</p>






      <h5>New Customers</h5>
      <p>567</p>






      <h5>Inventory</h5>
      <p>456</p>
Enter fullscreen mode Exit fullscreen mode


](url)`

Top comments (0)