test

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Marsano</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="css/media.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <script src="js/bxslider-4-master/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    <!-- bxSlider Javascript file -->
    <script src="js/bxslider-4-master/jquery.bxslider.min.js"></script>

    <!-- bxSlider CSS file -->
    <link href="css/jquery.bxslider.css" rel="stylesheet" />
    <script>
        $(document).ready(function(){
            $('.bxslider').bxSlider({
    adaptiveHeight: true,
    auto: true,
      speed:3000


    });

    });
    </script>


</head>
<body>
    <header>
            <div class="container-fluid slider">
                <div class="row">
                    <div class="col-sm-12">
                         <ul class="bxslider">
                        <li><img src="img/header_img.jpg" /></li>
                        <li><img src="img/header_img.jpg" /></li>
                        <li><img src="img/header_img.jpg" /></li>
                        <li><img src="img/header_img.jpg" /></li>
                        </ul>
                    </div>
                </div>
            </div>


    </header>


                <!-- before_content panel -->

                    <div class="container-fluid before_content ">

                        <div class="row">
                                     <div class="col-sm-6   img_logo">

                                        <img src="img/img_logo.png" class="img-responsive" alt="Responsive image" >

                                    </div>
                                <div class="col-sm-6    naviBar">
                                <nav class="navbar navbar-default" role="navigation">
                                    <div class="container-fluid">
                                        <!-- Brand and toggle get grouped for better mobile display -->
                                        <div class="navbar-header">
                                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                                                <span class="sr-only">Toggle navigation</span>
                                                <span class="icon-bar"></span>
                                                <span class="icon-bar"></span>
                                                <span class="icon-bar"></span>
                                            </button>

                                        </div>

                                        <!-- Collect the nav links, forms, and other content for toggling -->
                                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                                            <ul class="nav navbar-nav">

                                                <li class="dropdown">
                                                    <a class="dropdown-toggle" data-toggle="dropdown" href="#"> marsano ag <span class="caret"></span></a>
                                                    <ul class="dropdown-menu">
                                                        <li><a href="#">History</a></li>
                                                        <li><a href="#">Philosophie</a></li>
                                                        <li><a href="#">Team</a></li>
                                                        <li><a href="#">Jobs</a></li>
                                                    </ul>
                                                </li>

                                                <li><a href="#">events</a></li>
                                                <li><a href="#">partner</a></li>
                                                <li><a href="#">onlineshop</a></li>
                                                <li><a href="#">kontakte</a></li>
                                                <li class="dropdown">
                                                    <ul class="dropdown-menu" role="menu">
                                                        <li><a href="#">Action</a></li>
                                                        <li><a href="#">Another action</a></li>
                                                        <li><a href="#">Something else here</a></li>
                                                        <li class="divider"></li>
                                                        <li><a href="#">Separated link</a></li>
                                                        <li class="divider"></li>
                                                        <li><a href="#">One more separated link</a></li>
                                                    </ul>
                                                </li>
                                            </ul>


                                        </div><!-- /.navbar-collapse -->
                                    </div><!-- /.container-fluid -->
                                </nav>
                             </div>

                            </div>
                          </div>


    <!-- navigation bar -->


    <!-- content panel -->
    <div  class="container-fluid content" >
        <div class="row two-rows">
            <div  class="col-sm-6 ">
            <h4>Willkommen bei MARSANO</h4>
             <p>
                 Lorem ipsum lance de verto con vino de zandoni, cesti vero lanto </br>
                 jenamilo vone hani nurande dopena mina da vone gu checo cali</br>
                 uiennc uinece geno uneilo hani un gell</br></br>

                 lambadino gall di con de sunpremo della canolina</br></br>

                 chetterez coletti dureblino ganti hunal con lorem ipsum da valle</br></br>


                 collo pullar con vu
             </p>
            </div>

            <div  class="col-sm-6" >
                <h4>Aktuelle Themen</h4></br>
                <p>
                    1. Dezember 2014</br>

                    lorem ipsum con lanottre del pituni
                    calli hani hun gradurn >>></br></br></br></br>


                    14. November 2014</br>

                    lorem ipsum con lanottre del pituni</br>
                    calli hani hun gradurn >>>

                </p>
            </div>
        </div>
        </div>

    <!-- before-footer panel -->
        <div id="before-footer" class="container-fluid">
            <div id="section1" class="col-sm-3">
                <h4>Tipp & Tricks</h4>
                <p>
                    </br> Blumen länger frisch behalten</br>
                    Wie halte ich meine Blumen länger</br>
                    frisch und gut in Schuss </br></br>

                    Welche Vase passt am besten </br></br>

                    Düngen ist die halbe Miete</br>
                    Mit der speziellen Düngung ihrer Pflanzen</br>
                    haben Sie mehr Freude. </br></br>

                    Tipp 003</br>
                    sdlkjflskjfgslökjdfngvödklfngvöskdnf</br>
                    skljfgnvöskjdfnöngsödfkngösnkldf</br>
                    södfjkgnösdfngösjkdf
                </p>
            </div>

            <div id="section2" class="col-sm-3">
                <h4>Downloads</h4> </br>
                <p>
                    - Firmenbroschüre 2014 </br></br>

                    - Eventübersicht       </br></br>

                    - Partner Benefits     </br></br>

                    - Produkteübersicht    </br></br>

                    - Pressebericht NZZ    </br></br>

                    - Tutorial Rosen & Gestecke

                </p>
            </div>

            <div id="section3" class="col-sm-3">
                <h4>Kundenmeinungen</h4> </br>
                <p>
                    Severine Hendri, CEO Bank Now</br></br>

                    “lorem ipsum con lanottre del pituni</br>
                    calli hani hun gradurn han dulanti con hum</br>
                    della gunaloti gertu hindu han lorem”</br></br></br>


                    Hans Lukas Graber, Marketingleiter Phonak</br></br>

                    “lorem ipsum con lanottre del pituni</br>
                    calli hani hun gradurn han dulanti con hum</br>
                    della gunaloti gertu hindu han lorem adurn</br>
                    han dulanti con hum della gunaloti gertu hi”

                </p>
            </div>
        </div>


    <!-- footer -->
        <footer>

                <div class="container">
                    <div class="row">
                        <div class="col-sm-3" >
                        <h4>f  X  g+ </h4>
                            </div>
                        <div class="col-sm-5" >
                        <p> marsanao copyright | impressum </p>
                        </div>
                    </div>


                </div>


        </footer>
</body>
</html>