<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <section id="video_webm"> <div class="video_webm"> <div class="container"> <div class="row"> <div class="banner_text"> <!-- a class="banner_logo" href="<//?php echo base_url() ?>"><img src="<//?php echo base_url().'assets/'?>img/logo.PNG"></a --> <h1>Visos transportavimo paslaugos 24/7</h1> <div class="header-del-but"> <ul> <li> <a href="http://ytechcare.com/siuntinukas/shipping/newshipment"> Pateikti užsakymą </a> </li> </ul> </div> </div> </div> </div> <video muted id="video-loder" style="width:100%; max-width:100%;" autoplay preload="none" loop> <!--<source src="video.mp4" type="video/mp4" onProgress="" onPlay="">--> <source type="video/mp4" src="http://ytechcare.com/siuntinukas/assets/img/siuntinukas_main.mp4"></source> <source type="video/webm" src="http://ytechcare.com/siuntinukas/assets/img/siuntinukas_main.webm"></source> <source type="video/ogg" src="http://ytechcare.com/siuntinukas/assets/img/siuntinukas_main.ogg"></source> </video> </div> </section>

#video_webm { display: block; overflow: hidden; position: relative; z-index: 9; } #video_webm .video_webm { border-top: 3px solid rgb(253, 184, 19); display: block; height: 550px; margin: 0 auto; overflow: hidden; position: relative; text-align: center; width: 100%; z-index: 9; } .banner_text { color: rgb(255, 255, 255); font-family: "lato"; font-weight: bolder; left: 0; margin: 0 auto; position: absolute; text-transform: uppercase; top: 35%; width: 100%; z-index: 1; } .banner_text h1 { font-family: lato; font-size: 60px; font-weight: 900; margin: 0 auto; text-shadow: 1px 2px 2px rgb(20, 20, 20); width: 77%; } .header-del-but { padding: 60px 0 0; width: 100%; } .header-del-but ul { margin: 0; padding: 0; } .header-del-but ul li { display: inline; text-decoration: none; } .header-del-but ul li a { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fc9a03 13%, #eb8e00 99%) repeat scroll 0 0; border: 1px solid rgb(214, 126, 0); border-radius: 2px; color: rgb(255, 255, 255); font-family: lato; font-size: 17px; font-weight: 700; padding: 15px 20px; text-decoration: none; text-transform: uppercase; }