ass="navbar-header">
                <button aria-expanded="false" class="navbar-toggle collapsed"
                data-target="#topFixedNavbar1" data-toggle="collapse" type=
                "button"><span class="sr-only">Toggle
                navigation</span>Menü<span class=
                "glyphicon glyphicon-chevron-down"></span></button> <a class=
                "navbar-brand" href="../index.html" id=
                "navbar-brand">basics</a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->


            <div class="collapse navbar-collapse" id="topFixedNavbar1">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="../index.html">HOME<span class=
                        "sr-only">(current)</span></a>
                    </li>


                    <li class="active">
                        <a href="../videos.html">VIDEOS</a>
                    </li>


                    <li class="dropdown">
                        <a aria-expanded="false" aria-haspopup="true" class=
                        "dropdown-toggle" data-toggle="dropdown" href="#" role=
                        "button">SAMPLE PAGES<span class="caret"></span></a>

                        <ul class="dropdown-menu">
                            <li>
                                <a href=
                                "http://issuu.com/haraldgenau/docs/basics-1-british-sample/1">
                                VOLUME 1</a>
                            </li>


                            <li>
                                <a href=
                                "http://issuu.com/haraldgenau/docs/basics-2-british-sample/2">
                                VOLUME 2</a>
                            </li>


                            <li>
                                <a href=
                                "http://issuu.com/haraldgenau/docs/basics-3-british-sample/3">
                                VOLUME 3</a>
                            </li>
                        </ul>
                    </li>


                    <li class="dropdown" id="downl-nav">
                        <a aria-expanded="false" aria-haspopup="true" class=
                        "dropdown-toggle" data-toggle="dropdown" href="#" role=
                        "button">DOWNLOADS<span class="caret"></span></a>

                        <ul class="dropdown-menu">
                            <li>
                                <a href="../downloads/lehrerinfo.pdf">INFO
                                FOR TEACHERS</a>
                            </li>


                            <li>
                                <a href="../downloads/elterninfo.pdf">INFO
                                FOR PARENTS</a>
                            </li>


                            <li>
                                <a href="../downloads/uebeplan.pdf">PRACTICE
                                SCHEDULE</a>
                            </li>


                            <li class="divider" role="separator">
                            </li>


                            <li>
                                <a href=
                                "../downloads/complete-music-vol1-mp3-de.zip">
                                COMPLETE MUSIC FOR VOLUME 1 (mp3)</a>
                            </li>


                            <li>
                                <a href=
                                "../downloads/complete-music-vol2-mp3-de.zip">
                                COMPLETE MUSIC FOR VOLUME 2 (mp3)</a>
                            </li>


                            <li>
                                <a href=
                                "../downloads/complete-music-vol3-mp3-de.zip">
                                COMPLETE MUSIC FOR VOLUME 3 (mp3)</a>
                            </li>


                            <li class="divider" role="separator">
                            </li>


                            <li>
                                <a href=
                                "../downloads/complete-music-vol1-cd-de.zip">
                                COMPLETE MUSIC FOR VOLUME 1 (CD)</a>
                            </li>


                            <li>
                                <a href=
                                "../downloads/complete-music-vol2-cd-de.zip">
                                COMPLETE MUSIC FOR VOLUME 2 (CD)</a>
                            </li>


                            <li>
                                <a href=
                                "../downloads/complete-music-vol3-cd-de.zip">
                                COMPLETE MUSIC FOR VOLUME 3 (CD)</a>
                            </li>
                        </ul>
                    </li>


                    <li class="dropdown">
                        <a aria-expanded="false" aria-haspopup="true" class=
                        "dropdown-toggle" data-toggle="dropdown" href="#" role=
                        "button">MUSIC<span class="caret"></span></a>

                        <ul class="dropdown-menu">
                            <li>
                                <a href="../music-1.html">VOLUME 1</a>
                            </li>


                            <li>
                                <a href="../music-2.html">VOLUME 2</a>
                            </li>


                            <li>
                                <a href="../music-3.html">VOLUME 3</a>
                            </li>
                        </ul>
                    </li>
                </ul>


                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                        <a aria-expanded="false" aria-haspopup="true" class=
                        "dropdown-toggle" data-toggle="dropdown" href="#" role=
                        "button">UK ENGLISH<span class="caret"></span></a>

                        <ul class="dropdown-menu">
                            <li>
                                <a href="../us/index.html">US ENGLISH</a>
                            </li>


                            <li>
                              <a href="../de/index.html">DEUTSCH</a>
                            </li>


                            <li>
                              <a href=
                                "../es/index.html">ESPA&Ntilde;OL</a>
                            </li>


                            <li id="zh-tw-nav">
                              <a href="../zh-tw/index.html">中文</a>
                            </li>


                            <li id="zh-cn-nav">
                              <a href="../zh-cn/index.html">中文</a>
                            </li>


                            <li id="ru-nav">
                              <a href="../ru/index.html">ру́сский</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>


    <div class="container-fluid" id="videothema">
        <div class="row">
            <div class="col-lg-12">
                <h1>The Ruff</h1>
            </div>
        </div>
    </div>


    <div class="videoinhalt container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <div>
                    <h2>Exercise 1</h2>
                </div>


                <div class="embed-responsive embed-responsive-4by3">
                    <iframe allowfullscreen="" class="embed-responsive-item"
                    frameborder="0" src=
                    "https://www.youtube.com/embed/HSWZ1bNSx6Q?rel=0&amp;showinfo=0">
                    </iframe>
                </div>
            </div>
        </div>
    </div>


    <div class="videoinhalt container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <div>
                    <h2>Exercise 2</h2>
                </div>


                <div class="embed-responsive embed-responsive-4by3">
                    <iframe allowfullscreen="" class="embed-responsive-item"
                    frameborder="0" src=
                   "https://www.youtube.com/embed/kU_mNVH48Rc?rel=0&amp;showinfo=0">
                    </iframe>
                </div>
            </div>
        </div>
    </div> 
    
    
    <div class="videoinhalt container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <div>
                    <h2>Exercise 3</h2>
                </div>


                <div class="embed-responsive embed-responsive-4by3">
                    <iframe allowfullscreen="" class="embed-responsive-item"
                    frameborder="0" src=
                    "https://www.youtube.com/embed/rOT4vC5APdc?rel=0&amp;showinfo=0">
                    </iframe>
                </div>
            </div>
        </div>
    </div>
    
    
    <div class="videoinhalt container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <div>
                    <h2>Exercise 4</h2>
                </div>


                <div class="embed-responsive embed-responsive-4by3">
                    <iframe allowfullscreen="" class="embed-responsive-item"
                    frameborder="0" src=
                    "https://www.youtube.com/embed/XXJnmMB-zRs?rel=0&amp;showinfo=0">
                    </iframe>
                </div>
            </div>
        </div>
    </div>
    
    
    <div class="videoinhalt container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <div>
                    <h2>Exercise 5</h2>
                </div>


                <div class="embed-responsive embed-responsive-4by3">
                    <iframe allowfullscreen="" class="embed-responsive-item"
                    frameborder="0" src=
                    "https://www.youtube.com/embed/fF6RTgie-C0?rel=0&amp;showinfo=0">
                    </iframe>
                </div>
            </div>
        </div>
    </div>
    
    
    <div class="container-fluid" id="footer">
        <small></small>

        <p><small><a href="../legal.html">Legal Notice | Privacy Statement</a></small>
        </p>
    </div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="../js/jquery-1.11.3.min.js">
    </script> 
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    
    <script src="../js/bootstrap.js">
    </script>
</body>
</html>