index.html

    <!DOCTYPE html>
    <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
    <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
    <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
    <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="css/foundation-icons.css">
        <link rel="stylesheet" type="text/css" href="css/style2.css" />
        <script type="text/javascript" src="js/modernizr.custom.97074.js"></script>
        <script type="text/javascript" src="js/modernizr.custom.28468.js"></script>
        <link rel="stylesheet" href="css/main.css">
        <link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
        <noscript><link rel="stylesheet" type="text/css" href="css/noJS.css"/></noscript>
        

    </head>
    <body>
            <!--[if lt IE 7]>
                <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
                <![endif]-->
                <div class="navbar navbar-fixed-top">
                  <div class="container">
                    <div class="navbar-header">
                      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <col-lg- class="icon-bar"></col-lg->
                        <col-lg- class="icon-bar"></col-lg->
                        <col-lg- class="icon-bar"></col-lg->
                    </button>
                    <a class="navbar-brand" href="#"></a>
                </div>
                <div class="navbar-collapse collapse">
                    <div class="phone">
                        <h5>
                            Kontakt telefon: 061 20 40 130 studio@maximusart.rs
                        </h5>
                    </div>
                    <ul class="nav navbar-nav">
                        <li data-slide="1"><a href="">Naslovna</a></li>
                        <li data-slide="2"><a href="">Predstave</a></li>
                        <li data-slide="3"><a href="">Radionice</a></li>
                        <li class="dropdown">
                          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Art Usluge</a>
                          <ul class="dropdown-menu">
                            <li><a href="#">Režija</a></li>
                            <li><a href="#">Koreografija</a></li>
                            <li><a href="#">Oslikavanje nameštaja</a></li>
                            <li class="divider"></li>
                            <li class="dropdown-header">Nav header</li>
                            <li><a href="#">Separated link</a></li>
                            <li><a href="#">One more separated link</a></li>
                        </ul>
                    </li>
                </ul>
            </div><!--/.navbar-collapse -->
        </div>
    </div>

    <!-- Slider begin -->
    <div id="da-slider" class="da-slider">
                <div class="da-slide">
                    <h2>Easy management</h2>
                    <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
                    <a href="#" class="da-link">Read more</a>
                    <div class="da-img"><img src="images/2.png" alt="image01" /></div>
                </div>
                <div class="da-slide">
                    <h2>Revolution</h2>
                    <p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
                    <a href="#" class="da-link">Read more</a>
                    <div class="da-img"><img src="images/3.png" alt="image01" /></div>
                </div>
                <div class="da-slide">
                    <h2>Warm welcome</h2>
                    <p>When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.</p>
                    <a href="#" class="da-link">Read more</a>
                    <div class="da-img"><img src="images/1.png" alt="image01" /></div>
                </div>
                <div class="da-slide">
                    <h2>Quality Control</h2>
                    <p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</p>
                    <a href="#" class="da-link">Read more</a>
                    <div class="da-img"><img src="images/4.png" alt="image01" /></div>
                </div>
                <nav class="da-arrows">
                    <span class="da-arrows-prev"></span>
                    <span class="da-arrows-next"></span>
                </nav>
            </div>
<!-- Slider end -->
<div class="container">
    <div class="row">
        <div class="col-lg-12 col-md-12">
            <h2>Studio za knjizevno i scensko stvaralaštvo.</h2>
        </div>
    </div>
</div>

<div class="main">

<!-- ::::::::::::::::::::: PREDSTAVE :::::::::::::::::::::::: -->
    <div class="slide" id="slide1" data-slide="1" data-stellar-background-ratio="3">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12">    
            <ul id="da-thumbs" class="da-thumbs">

                <!-- <div class="row"> -->
                    <!-- <div class="col-lg-4 col-md-4"> -->
                        <li><a href="#"><img class="img-responsive" src="images/ozdravila-lisica260x320.jpg">
                            <div><span>Ozdravila lisica</span></div>
                        </a></li>
                    <!-- </div>
                    <div class="col-lg-4 col-md-4"> -->
                        <li><a href="#"><img class="img-responsive" src="images/zaljubi-se-cica260x320.jpg">
                            <div><span>Zaljubi se Cica u Princa</span></div>
                        </a></li>
                    <!-- </div>
                    <div class="col-lg-4 col-md-4"> -->
                        <li><a href="#"><img class="img-responsive" src="images/spasa-dosada260x320.jpg">
                            <div ><span>Spasa dosada</span></div>
                        </a></li>
                    <!-- </div>
                    <div class="col-lg-4 col-md-4"> -->
                        <li><a href="#"><img class="img-responsive" src="images/princeza-i-dva-ljuta-gusara260x320.jpg">
                            <div><span>Princeza i dva ljuta gusara</span></div>
                        </a></li>
                    <!-- </div>
                    <div class="col-lg-4 col-md-4"> -->
                        <li><a href="#"><img class="img-responsive" src="images/kuckuc260x320.jpg">
                            <div><span>Kuc, kuc ima li koga?</span></div>
                        </a></li>
                    <!-- </div>
                    <div class="col-lg-4 col-md-4"> -->
                        <li><a href="#"><img class="img-responsive" src="images/prica-o-vuku-i-crvenkapi226x320.jpg">
                            <div><span>Prica o vuku i Crvenkapi</span></div>
                        </a></li>
                    <!-- </div> -->

                <!-- </div> -->
            </ul>
            </div>
            </div>    
        </div>
    </div>
    <!-- :::::::::::::::::::::::: PARALLAX BACKGROUND :::::::::::::::::::::::::: -->
        <div class="slide" id="slide2" data-slide="2" data-stellar-background-ratio="10">
            <div class="wrapper">
                <blockquote>
                  <p>“Ako želite da Vaša deca budu inteligentna čitajte im bajke često. Ako želite da budu još inteligentnija čitajte im bajke češće.”</p>
                  <small><cite title="Source Title">Albert Einstein</cite></small>
                </blockquote>
            </div>
        </div>
        <!-- ::::::::::::::::::::TEAM:::::::::::::::::::::::::::::::: -->
    <div class="slide" id="slide3" data-slide="3" data-stellar-background-ratio="3">
        <section id="team">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 col-md-12">
                            <div class="about">
                                <h2>O NAMA</h2>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor sit amet, onsectetur adipisicing elitsed do eiusmod
                                tempor lorem ipsum dolor sit amet,consectetur adipisicing elit incididunt ut labore et dolore magna. Ut enim ad minim veniam,
                                quis nostrud exercitation.</p>
                            </div>
                        </div>
                        <div class="row">
                        <ul class="col-lg-12 col-md-12 col-md-offset-2 ch-grid">
                            <li>
                                <div class="ch-item ch-img-1">
                                    <div class="ch-info">
                                        <a href="#">
                                            <h3>Ana Aleksić
                                            </h3>
                                            <p>KOREOGRAF
                                            </p></a>
                                        </div>

                                    </div>
                                </li>
                                <li>
                                    <div class="ch-item ch-img-2">
                                        <div class="ch-info">
                                            <a href="#">
                                                <h3>Željko Aleksić
                                                </h3>
                                                <p>GLUMAC
                                                </p></a>
                                            </div>
                                        </div>
                                    </li>
                                    </div>
                                </ul>
                            </div>
                        </div>
                    </section>
    </div>
<!-- ::::::::::::::::::::: KONTAKT FORMA :::::::::::::::::::::::::::::: -->
    <div class="slide" id="slide4" data-slide="4" data-stellar-background-ratio="0.5">
                    <section id="contact">
                        <div class="contact-outer">
                            <div class="contact">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-lg-12 col-md-12">
                                            <div class="mail-i"><i class="fi-mail style1"></i></div>
                                            <h1>Kontakt</h1>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <form name="contactform" method="post" action="contact.php" class="form" role="form">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-lg-6 col-md-6">
                                            <input type="text" id="contact-name" placeholder="Vase ime*"></input>
                                        </div>

                                        <div class="col-lg-6 col-md-6">
                                            <input type="email" id="contact-email" placeholder="email@primer.rs*"></input>
                                        </div>
                                    </div>
                                </div>
                                <div class="container">
                                    <div class="row">
                                        <div class="col-lg-12 col-md-12">
                                            <textarea id="message" name="message" rows="10" placeholder="Tekst poruke*"></textarea>
                                            <input id="submit" name="submit" type="submit" value="Submit">
                                            <input id="reset" name="reset" type="reset" value="Reset">
                                            <p class="feedback">Sva polja su potrebna*</p>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </section>
    </div>
<!-- :::::::::::::::::::::::::::: WIDGET FOOTER ::::::::::::::::::::::::::: -->
    <div class="slide" id="slide5" data-slide="5" data-stellar-background-ratio="0">
                    <div id="widget-color">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-4 col-md-4">
                                    <h2>Komentari</h2>
                                    <blockquote class="blockquote-img" >
                                      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.Ut enim ad minim veniam,
                                        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                                        consequat.</p>
                                    </blockquote>

                                    <div class="style2-wrap style2-effect-1 style2-effect-1a">
                                        <a href="#" class="fi-social-google-plus style2" title="Maximusart na Google+">
                                        </a>
                                        <a href="#" class="fi-social-youtube style2" title="Maximusart na Youtube">
                                        </a>
                                        <a href="#" class="fi-social-twitter style2" title="Pratite nas na Twitter">
                                        </a>
                                        <a href="#" class="fi-social-facebook style2" title="Maximusart na Facebook">
                                        </a>
                                    </div>    
                                </div>

                                <div class="col-lg-4 col-md-4">
                                    <h2>Twitter</h2>
                                    <ul class="tw" >
                                        <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</li>
                                        <hr>
                                        <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</li>
                                        <hr>
                                        <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</li>
                                    </ul>

                                </div>

                                <div class="col-lg-4 col-md-4">
                                    <h2>Projekti</h2>
                                    <div class="row">
                                        <ul class="projects-items">
                                            <li><a href=""><img src="images/projekti_small.png"></a></li>
                                            <li><a href=""><img src="images/projekti_small.png"></a></li>
                                            <li><a href=""><img src="images/projekti_small.png"></a></li>
                                            <li><a href=""><img src="images/projekti_small.png"></a></li>
                                            <li><a href=""><img src="images/projekti_small.png"></a></li>
                                            <li><a href=""><img src="images/projekti_small.png"></a></li>

                                        </ul>
                                    </div>

                                </div>
                            </div>

                        </div>
                    </div>
</div>
</div>
<!-- ::::::::::::::::::::::::::::::: FOOTER SOCIAL MENU :::::::::::::::::::::: -->
            <footer id="footer-color">
                 <div class="container">
                   <div class="row">
                        <!-- <div class="copyright_section_outer">
                          <div class="copyright_outer">
                                <div class="col-lg-4 col-md-4"> -->
                                   <!--  <div class="style2-wrap style2-effect-1 style2-effect-1a">
                                        <a href="#" class="fi-social-google-plus style2" title="Maximusart na Google+">
4</a>
                                        <a href="#" class="fi-social-youtube style2" title="Maximusart na Youtube">
                                        </a>
                                        <a href="#" class="fi-social-twitter style2" title="Pratite nas na Twitter">
                                        </a>
                                        <a href="#" class="fi-social-facebook style2" title="Maximusart na Facebook">
                                        </a>
                                    </div>     -->
                              <!--   </div>
                              </div> -->
                              <div class="col-lg-5 col-lg-offset-4 col-md-5 col-md-offset-0">
                                    <div class="copyright">
            <p>&copy;2014 Maximus Art | crafted by <a href="#" target="_blank">Plain&lt;code&gt;</a></p>
                                    </div>
                        </div>
                    </div>
                </div>
        </footer>

    </div> <!-- /container -->        
     <!-- <script src="js/vendor/jquery-1.10.1.js"></script> -->
    <script>
    window.jQuery || document.write('<script src="js/vendor/jquery-1.10.1.js"><\/script>')
    </script>
    <script type="text/javascript" src="js/jquery.stellar.min.js"></script>
    <script type="text/javascript" src="js/waypoints.min.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>

    <script src="js/vendor/bootstrap.min.js"></script>

    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.hoverdir.js"></script>
    <script type="text/javascript" src="js/jquery.cslider.js"></script>
    <script type="text/javascript">
     $(function() {
       
        $('#da-slider').cslider();
        
 });
    </script>
    <script>
    $(function() {

        $(' #da-thumbs > li ').each( function() { $(this).hoverdir({
            hoverDelay : 75
        }); } );


    });
    </script>
    <script>
    var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
    (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
        g.src='//www.google-analytics.com/ga.js';
        s.parentNode.insertBefore(g,s)}(document,'script'));
    </script>
</body>
</html>