Adding some custom side bars


I wish to add a side bar to my forum, this is the HTML:

        <title>Dancraft Minecraft Server - Factions, KitPvP, Skyblock & OPGames</title>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link rel="stylesheet" href="css/bootstrap.min.css" />
        <link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
        <link rel="stylesheet" href="css/fullcalendar.css" />   
        <link rel="stylesheet" href="css/unicorn.main.css" />
        <link rel="stylesheet" href="css/unicorn.grey.css" class="skin-color" />
        <div id="header">
            <h1><a href="./dashboard.html">Dancraft</a></h1>       
        <div id="search">
        <div id="sidebar">
            <a href="#" class="visible-phone"><i class="icon icon-home"></i> Home</a>
                <li class="active"><a href="index.html"><i class="icon icon-home"></i> <span>Home</span></a></li>
                <li class="submenu">
                    <a href="#"><i class="icon icon-th-list"></i> <span>Servers</span> <span class="label">3</span></a>
                        <li><a href="factions.php">Factions</a></li>
                        <li><a href="kitpvp.php">KitPvP</a></li>
                        <li><a href="skyblock.php">Skyblock</a></li>
                        <li><a href="opgames.php">OPGames</a></li>
                <li><a href="buttons.html"><i class="icon icon-tint"></i> <span>Buttons &amp; icons</span></a></li>
                <li><a href="interface.html"><i class="icon icon-pencil"></i> <span>Interface elements</span></a></li>
                <li><a href="tables.html"><i class="icon icon-th"></i> <span>Tables</span></a></li>
                <li><a href="grid.html"><i class="icon icon-th-list"></i> <span>Grid Layout</span></a></li>
                <li class="submenu">
                    <a href="#"><i class="icon icon-file"></i> <span>Sample pages</span> <span class="label">4</span></a>
                        <li><a href="invoice.html">Invoice</a></li>
                        <li><a href="chat.html">Support chat</a></li>
                        <li><a href="calendar.html">Calendar</a></li>
                        <li><a href="gallery.html">Gallery</a></li>
                    <a href="charts.html"><i class="icon icon-signal"></i> <span>Charts &amp; graphs</span></a>
                    <a href="widgets.html"><i class="icon icon-inbox"></i> <span>Widgets</span></a>

I tried adding this is my header but there was no change. I also tried adding this in index.php but it just returned errors.

Does anyone know where I would add this code?

The nav bar example can be found at



Well-known member