Untitled

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>bootstrap lab</title>
    <link rel="stylesheet" href="bootstrap.min.css">
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
    <style type="text/css">
    .row > * {
        /*outline: 1px dashed;*/
        /*height: 100px;*/
    }
    aside > #logo {
        background: green;
        width: 200px;
        height: 200px;
    }
    aside > #player {
        background: blue;
        width: 200px;
        height: 50px;
    }
    .panes {
        background: #E6E6E6;
    }
    .panes > div {
        display: none;
        padding: 10px 15px;
        height: 160px;
    }
    .panes > div.current {
        display: block;
        border: 1px solid hsl(0, 0%, 60%);
        width: 450px;
    }
    .tabs > li {
        display: inline;
    }
    .tabs > li a {
        text-decoration: none;
        margin-right: 10px;
        color: black;
    }
    </style>
</head>
<body class="container">
    <div class="row">
        <aside class="span3">
            <img src="logo.png" alt="логотип" id="logo">
            <div id="player">проигрыватель</div>
        </aside>
        <section class="span9">
            <h1>клёвый сайт</h1>
            <div class="panes">
                <div>First tab content. Tab contents are called "panes"</div>
                <div>Second tab content</div>
                <div>
                    <p>Параграф такой лорем ипсум</p>
                    <ul>
                        <li>
                            <a href=""></a>
                            <a href=""></a>
                            <a href=""></a>
                        </li>
                    </ul>
                </div>
            </div>
            <ul class="tabs">
                <li><a href="#">Tab 1</a></li>
                <li><a href="#">Tab 2</a></li>
                <li><a href="#">Tab 3</a></li>
            </ul>
            <script type="text/javascript">
            $(function() {
                $("ul.tabs").tabs("div.panes > div", {
                    effect: 'fade'
                });
            });
            </script>
        </section>
    </div>
</body>
</html>