Album

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Title Page</title>

    <!-- Bootstrap CSS -->
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>

<body>

    <div class="container">

        <div class="jumbotron">
            <div class="container">
                <h1>Submit Album</h1>
            </div>
        </div>
        <div class="panel-group" id="accordion-album">
            <div class="panel panel-default">

                <!-- Album Title  -->
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion-album" href="#accordion-alb-1">
                        Album Title and Artist
                        </a>
                    </h4>
                </div>
                <div id="accordion-alb-1" class="panel-collapse collapse in">
                  <!-- content -->
                <div class="panel-body">
                    <p> Тут могла бути Ваша реклама </p>
                    <p> Exercitation laborum sunt minim aute proident. Ut elit aliqua nulla amet consectetur in quis et qui ad magna. Nostrud ipsum nisi dolor exercitation eiusmod voluptate id officia pariatur culpa. Velit incididunt exercitation tempor tempor velit ipsum non. Velit deserunt mollit irure sunt amet cupidatat nulla. Velit in ullamco eiusmod occaecat.</p>
                  </div>
                </div>

            </div>

            <div class="panel">

                <!-- Track Info -->
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion-album" href="#accordion-alb-2">
                        Track Info
                        </a>
                    </h4>
                </div>
                <div id="accordion-alb-2" class="panel-collapse collapse">
                  <!-- content -->
                  <div class="panel-body">
                    <p> Тут могла бути Ваша реклама </p>
                  </div>
                </div>
            </div>

            <div class="panel">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion-album" href="#accordion-alb-3">
                        Expert Review
                        </a>
                    </h4>
                </div>
                <div id="accordion-alb-3" class="panel-collapse collapse">
                  <!-- content -->
                <div class="panel-body">
                    <p> Тут могла бути Ваша реклама </p>
                  </div>
                </div>

                <!-- Expert Review -->
            </div>

        </div>


    </div>


    <!-- jQuery -->
    <script src="//code.jquery.com/jquery.js"></script>
    <!-- Bootstrap JavaScript -->
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>

</html>