<div class="container">



                            <!-- START BLOCk -->

                            <div class="block">

                                <div class="row">

                                    <div class="col-md-2">

                                        <label>Группа</label>

                                        <select name="st_group" class="bs-select" data-live-search="true">

                                            <option value=1>771</option><option value=2>772</option><option value=3>671</option><option value=4>672</option><option value=5>471</option><option value=6>473</option><option value=7>472</option><option value=8>474</option><option value=9>272</option><option value=10>372</option><option value=11>271</option><option value=12>871</option><option value=13>872</option><option value=15>475</option><option value=16>476</option><option value=17>161</option><option value=18>261</option><option value=19>262</option><option value=20>263</option><option value=21>361</option><option value=22>362</option><option value=23>561</option><option value=24>861</option><option value=25>151</option><option value=26>251</option><option value=27>252</option><option value=28>253</option><option value=29>351</option><option value=30>352</option><option value=31>551</option><option value=32>851</option><option value=33>782</option><option value=34>781</option><option value=35>681zo</option><option value=36>482</option><option value=37>484</option><option value=38>682</option><option value=39>481</option><option value=40>681</option><option value=41>683</option><option value=42>982</option><option value=43>882</option><option value=44>784</option><option value=45>486</option><option value=46>483</option><option value=47>984</option><option value=48>981</option><option value=49>884</option><option value=50>492</option><option value=51>491</option><option value=52>493</option><option value=53>692</option><option value=54>691</option><option value=55>792</option><option value=56>791</option><option value=57>892</option><option value=58>894</option><option value=59>992</option><option value=60>494</option><option value=61>496</option><option value=62>495</option><option value=63>693</option><option value=64>794</option><option value=65>896</option><option value=66>994</option><option value=67>991</option><option value=68>691zo</option>

                                        </select>

                                    </div>

                                </div>

                                <br>

                                <div class="row">

                                    <div class="col-md-3">

                                        <button type="button" class="btn btn-success btn-lg" data-toggle="modal" data-target="#modal-default">Добавить</button>

                                    </div>

                                    <div class="col-md-3">

                                        <button type="button" class="btn btn-danger btn-lg">Удалить</button>

                                    </div>

                                    <div class="col-md-3">

                                        <button type="button" class="btn btn-warning btn-lg">Редактировать</button>

                                    </div>

                                    <div class="col-md-3">

                                        <button type="button" class="btn btn-info btn-lg">Информация</button>

                                    </div>

                                </div>

                                <br>

                                <div class="table-responsive">

                                    <table class="table table-striped table-bordered datatable-extended">

                                        <thead>

                                            <tr>

                                                <th>Название предмета</th>

                                                <th>Форма промежуточной аттестации</th>

                                                <th>Кол-во часов</th>

                                            </tr>

                                        </thead>

                                        <tbody>

                                            <tr>

                                                <td>Основы философии</td>

                                                <td>ДЗ</td>

                                                <td>36</td>

                                            </tr>

                                        </tbody>

                                    </table>

                                </div>
 </div>

                        </div>

                        <!-- END PAGE CONTAINER -->



                    </div>

                    <!-- END APP CONTENT -->



                    <div class="modal fade" id="modal-default" tabindex="-1" role="dialog" aria-labelledby="modal-default-header">

                        <div class="modal-dialog" role="document">

                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" class="icon-cross"></span></button>

                            <div class="modal-content">

                                <div class="modal-header">

                                    <h4 class="modal-title" id="modal-default-header">Добавление предмета</h4>

                                </div>

                                <div class="modal-body">

                                    <form class="form-horizontal">

                                        <div class="form-group">

                                            <label class="col-md-3 control-label">Индекс</label>

                                            <div class="col-md-9">

                                                <input type="text" class="form-control">

                                            </div>

                                        </div>

                                        <div class="form-group">

                                            <label class="col-md-3 control-label">Наименование</label>

                                            <div class="col-md-9">

                                                <input type="text" class="form-control">

                                            </div>

                                        </div>

                                        <div class="form-group">

                                            <label class="col-md-3 control-label">Форма промежуточной аттестации</label>

                                            <div class="col-md-9">

                                                <select name="st_group" class="bs-select">

                                                    <option>Экзамен</option>

                                                    <option>Диф.зачет</option>

                                                    <option>Зачет</option>

                                                </select>

                                            </div>

                                        </div>

                                        <div class="form-group">

                                            <div class="col-md-3">

                                                <label>Кол-во семестров</label>

                                            </div>

                                            <div class="col-md-9">

                                                <input type="text" class="form-control spinner" value="5" data-spinner-min="1" data-spinner-max="8" readonly="true">

                                            </div>



                                        </div>

                                        <div class="form-group">

                                            <div class="col-md-3">

                                                <label>Кол-во семестров</label>

                                            </div>

                                            <div class="col-md-9">

                                                <div class="app-radio inline">

                                                    <label><input type="radio" name="app-radio-2" value="0" checked>1</label>

                                                </div>

                                                <div class="app-radio inline">

                                                    <label><input type="radio" name="app-radio-2" value="1">2</label>

                                                </div>

                                                <div class="app-radio inline">

                                                    <label><input type="radio" name="app-radio-2" value="2" checked>3</label>

                                                </div>

                                                <div class="app-radio inline">

                                                    <label><input type="radio" name="app-radio-2" value="3">4</label>

                                                </div>

                                                <div class="app-radio inline">

                                                    <label><input type="radio" name="app-radio-2" value="4" checked> 5</label>

                                                </div>

                                                <div class="app-radio inline">

                                                    <label><input type="radio" name="app-radio-2" value="5"> 6</label>

                                                </div>

                                                <div class="app-radio inline">

                                                    <label><input type="radio" name="app-radio-2" value="6" checked> 7</label>

                                                </div>

                                                <div class="app-radio inline">

                                                    <label><input type="radio" name="app-radio-2" value="7"> 8</label>

                                                </div>

                                            </div>

                                        </div>

                                        <div class="form-group">

                                            <label class="col-md-3 control-label">Input text</label>

                                            <div class="col-md-9">

                                                <input type="text" class="form-control">

                                            </div>

                                        </div>

                                        <div class="form-group">

                                            <label class="col-md-3 control-label">Input text</label>

                                            <div class="col-md-9">

                                                <input type="text" class="form-control">

                                            </div>

                                        </div>

                                    </form>

                                    <div class="modal-footer">

                                        <button type="button" class="btn btn-link" data-dismiss="modal">Закрыть</button>

                                        <button type="button" class="btn btn-default">Добавить</button>

                                    </div>

                                </div>

                            </div>

                        </div>

                    </div>