JSFiddle - React, Tailwind, and code Playground
by vandenabaele
HTML
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>DeCUP - Dashboard</title>
<!-- Bootstrap core CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="assets/dist/js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.11.3/js/dataTables.bootstrap5.min.js"></script>
</head>
<body style="background-color: #f9f9f9 ;">
<div class="container-fluid">
<nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse">
<div class="position-sticky pt-3">
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.php">
<span data-feather="bar-chart-2"></span>
Scoreboard
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<span data-feather="loader"></span>
Add games, tags and genres
</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="games.php">
<span data-feather="codesandbox"></span>
Games
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<span data-feather="tool"></span>
Extend game information
</a>
</li>
<li class="nav-item">
<a class="nav-link"...