Scribd Logo
Upload

Welcome to Scribd!

  • LLL

    Uploaded by

    Luka
    18 views5 pages

    Original Title

    LLL.txt

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    18 views5 pages

    LLL

    Uploaded by

    Luka

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 5

    <!

    DOCTYPE html>
    <html>
    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
    body{
    background-image: url("img/vaz.png");
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-position:left;
    background-color: #000000;
    background-size: auto;
    }
    .navbar {
    background-color: #3385ff;
    /*Opacity start*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    /*Opacity end*/
    position: fixed;
    text-align:center;
    top: 0;
    z-index:9999;
    height:50px;
    width:100%;
    font-size:100%
    overflow:100%
    }

    .list1{
    float:left;
    list-style-type: none;
    position:center;
    margin:0;
    overflow: hidden;
    padding-top: 0;
    }
    .list2{
    padding:0 0 0 10px;
    margin: -10px 0 0 0;
    float:right;
    clear:right;
    list-style-type: none;

    }
    .navbar h2 {
    margin:5px;
    padding-top;10px
    padding-bottom:20px;
    float:left;
    color: white;
    text-shadow: 2px 2px 3px black, 0 0 20px #000000;, 0 0 10px #ffffff;
    font-size: 40px;
    padding-left:60px;

    }
    .navbar h2 span.co-text{
    color:#ffffff;
    }
    .navbar li{
    float:left;
    text-align:center;
    }
    .navbar ul{
    lyst-style: none;
    }
    .navbar ul li a{
    margin:17px 0 0 0;
    font-size:24px
    padding:0 0 0 0;
    color:white;
    text-align:center;
    text-decoration: none;
    display: inline-block;
    width: 150px;
    height: 25px;
    }
    .navbar ul li a:after {
    content: '';
    display: block;
    height: 5px;
    width: 0;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
    }
    .navbar ul li a:hover {
    text-style:none;
    text-shadow: 2px 2px 3px black, 0 0 25px white, 0 0 10px #339966;
    color:white;
    width: 150px;
    }
    .navbar ul li a:hover:after{
    width: 150px;
    background: white;
    }
    .icon{
    pading: 0 0 0 0;
    width:35px;
    height:35px;
    margin: 0 0 0 0;
    }
    #background{
    margin:0
    padding:0
    background-repeat:repeat-y;
    }
    p{
    color:white;
    }
    .container{
    background-color: #000000;
    width: 1040px;
    margin: auto;
    }
    .video-container {
    position: relative;
    padding-bottom: 56%; /*16:9*/
    padding-top: 150px;
    height: 0;
    overflow: hidden;
    }

    .video-container iframe,
    .video-container object,
    .video-container embed {
    position: absolute;
    top: 150px;
    left: 0;
    width: 50%;
    height: 50%;
    }
    .footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #000000;
    color: white;
    text-align: center;
    }
    </style>
    </head>
    <body>

    <div class="navbar">
    <div class="wrapper">
    <h2>Aero<span class="co-text">tunel</span></h2>
    <ul class="list1">
    <li><a href="#home">HOME</a></li>
    <li><a href="#news" >VESTI</a></li>
    <li><a href="#contact" >ZAPOSLENI</a></li>
    <li><a href="#about" >ISTORIJAT</a></li>
    <li><a href="#galery" >GALERIJA</a></li>
    </ul>
    <ul class="list2">
    <li><a href="http://www.mas.bg.ac.rs" ><img src="img/mas.png"
    class="icon" alt="FB" /> </a> </li>
    <li><a href="http://vaz.mas.bg.ac.rs/" ><img src="img/vazd.png"
    class="icon" alt="insta" /> </a> </li>
    <li><a href="http://www.bg.ac.rs/" ><img src="img/BU.png"
    class="icon" alt="Twitt" /> </a> </li>
    </ul>
    </div>
    </div>

    <div class="container">

    <div class="video-container">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/M9Youu7o3i4"
    frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
    </div>

    <h1>Fixed Top Menu</h1>


    <h2>Scroll this page to see the effect</h2>
    <h2>The navigation bar will stay at the top of the page while scrolling</h2>

    <p>Some text some text some text some text..</p>


    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    <p>Some text some text some text some text..</p>
    </div>
    <div class="footer">
    <p>Footer</p>
    </div>
    </body>
    </html>

    You might also like