Html - Githubissues

Ermian2 commented 7 years ago

Página HTML

<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="lib/owl.carousel2/dist/assets/owl.carousel.min.css">
<link rel="stylesheet" href="lib/owl.carousel2/dist/assets/owl.theme.default.min.css">
<script src="https://use.fontawesome.com/3cee5b1dd0.js"></script>
<link rel="stylesheet" href="css/orlando.css">
<link rel="stylesheet" href="css/orlando-mobile.css">

Latest News

Orlando City Acquires Goalkeeper Joe Bendik from Toronto FC

December 21, 2015

Orlando City Acquires Goalkeeper Joe Bendik from Toronto FC

December 21, 2015

Orlando City Acquires Goalkeeper Joe Bendik from Toronto FC

December 21, 2015

Orlando City Acquires Goalkeeper Joe Bendik from Toronto FC

December 21, 2015

Orlando City Acquires Goalkeeper Joe Bendik from Toronto FC

December 21, 2015

Orlando City Acquires Goalkeeper Joe Bendik from Toronto FC

December 21, 2015

Orlando City Acquires Goalkeeper Joe Bendik from Toronto FC

December 21, 2015

Orlando City Acquires Goalkeeper Joe Bendik from Toronto FC

December 21, 2015

Orlando City Acquires Goalkeeper Joe Bendik from Toronto FC

December 21, 2015

61348Stadium Capacity

2010Founded

7thEastern Conference

American club number one in Brazil

Morbi porta risus a accumsan lobortis. Nam euismod, justo nec feugiat rutrum, elit massa cursus nunc, id porttitor nunc sapien id nulla. Phasellus felis nunc, consectetur ullamcorper magna tincidunt, euismod laoreet risus. Integer eleifend volutpat ante, non vulputate purus elementum in. Vestibulum eu rhoncus diam.

Shop

Register

Ermian2 commented 7 years ago

Página efeitos.js

$(document).ready( function(){
            $("#logotipo").on("mouseover", function(){

                $("#banner h1").addClass("efeito");

            }).on("mouseout", function(){

                $("#banner h1").removeClass("efeito");

            });

            $("#input-search").on("focus", function(){

                $("li.search").addClass("ativo");

            }).on("blur", function(){

                $("li.search").removeClass("ativo");

            });

            $(".thumbnails").owlCarousel({
                margin: 10,
                loop: true,
                nav: true,
                navText: ["Anterior", "Próximo"],
                responsive: {
                    0:{
                        items: 1
                    },
                    480:{
                        items: 3
                    },
                    1000:{
                        items: 4
                    }
                }

            });

            var owl = $(".thumbnails").data('owlCarousel');
            $('#btn-news-prev').on("click", function(){
                owl.prev();
            });

            $('#btn-news-next').on("click", function(){
                owl.next();
            });
        });

Ermian2 commented 7 years ago

Página orlando-mobile.css

/*Tamanho padrão para tablets*/
@media only screen and (max-width: 768px) {
    .header-black ul{
        display: none;
    }
}

/*Tamanho padrão para smartphones*/
@media only screen and (max-width: 480px) {
    .header-black ul, #menu{
        display: none;
    }

    #logotipo{
        left: 32%;
    }

    #btn-bars, #btn-search{
        color: #fff;
        font-size: 22px;
        position: absolute;
        top: 4px;
        background: none;
        border: none;
        display: block;
    }

    #btn-bars{
        left: 4px;
    }

    #btn-search{
        right: 4px;
    }

    #banner{
        height: 317px;
        background-size: cover;
        background-position: 0;
        text-align: center;
    }

    #banner h1{
        top: 180px;
        font-size: 48px;
        margin-left: 0;
    }

    #banner h1 small{
        font-size: 22px;
    }

    #news h2{
        font-size: 32px;
    }

    #news hr{
        border-width: 4px;
    }

    .owl-carousel .owl-wrapper-outer {
        margin-left: 15px;
    }

    .thumbnails {
        text-align: center;
    }

    #news .thumbnails .item-inner img{
        width: 80%;     
    }

    #news .thumbnails .item-inner{      
        margin-left: 73px;
    }

    #btn-news-prev, #btn-news-next{
        background: none;
        border: none;
        color: #5E2699;
        font-size: 48px;
        display: block;
        position: absolute;
        top: 130px;
        z-index: 4;
        outline: 0;
    }

    #btn-news-next{
        right: 15px;
    }

}

Ermian2 commented 7 years ago

Página orlando.css

 @font-face{
    font-family: 'OpenSans';
    src: url("../fonts/Open_Sans/OpenSans-Regular.ttf");
    font-size: 1em;
}

@font-face{
    font-family: 'OpenSans-Light';
    src: url("../fonts/Open_Sans/OpenSans-Light.ttf");
    font-size: 1em;
}

header{
    width: 100%;
    height: 150px;
    background-color: rgba(94, 41, 154, 0.8);
    z-index: 2;
    position: relative;

}

header .container{
    position: relative;
}

header .header-black{
    background-color: #000;
    height: 40px;
}

header .header-black li{
    background-image: url("../img/clubs.png");
    background-repeat: no-repeat;
    display: inline-block;
    margin: 4px 4px;
}

header .header-black li.club-01{
    background-position: 0px 0px;
}

header .header-black li.club-02{
    background-position: -48px 0px;
}

header .header-black li.club-03{
    background-position: -95px 0px;
}

header .header-black li.club-04{
    background-position: -140px 0px;
}

header .header-black li.club-05{
    background-position: -188px 0px;
}

header .header-black li.club-06{
    background-position: -239px 0px;
}

header .header-black li.club-07{
    background-position: -288px 0px;
}

header .header-black li.club-08{
    background-position: -337px 0px;
}

header .header-black li.club-09{
    background-position: -380px 0px;
}

header .header-black li.club-10{
    background-position: -430px 0px;
}

header .header-black li.club-11{
    background-position: -480px 0px;
}

header .header-black li.club-12{
    background-position: -529px 0px;
}

header .header-black li.club-13{
    background-position: -578px 0px;
}

header .header-black li.club-14{
    background-position: -628px 0px;
}

header .header-black li.club-15{
    background-position: -674px 0px;
}

header .header-black li.club-16{
    background-position: -722px 0px;
}

header .header-black li.club-17{
    background-position: -765px 0px;
}

header .header-black li.club-18{
    background-position: -807px 0px;
}

header .header-black li.club-19{
    background-position: -856px 0px;
}

header .header-black li.club-20{
    background-position: -902px 0px;
}

header .header-black li.club-21{
    background-position: -948px 0px;
}

header .header-black li.club-22{
    background-position: -1000px 0px;
}

header .header-black li a{
    width: 32px;
    height: 32px;
    display: block;
}

header #logotipo{
    position: absolute;
    top: 20px;
    z-index: 3;
}

#banner h1.efeito{
    color: #5E299A;
    font-size: 12em;
}

#menu {
    margin: 12px 0;
}

#menu li{
    display: inline-block;
    font-family: "OpenSans";
}

#menu li.search{
    width: 182px;
    transition-timing-function: cubic-bezier(1,-.91,.91,1);
    transition-duration: 1s;
}

#menu li.search.ativo{
    width: 300px;   
}

#menu li.search input{
    background-color: #5C2D90;
    color: #fff;
    border: none;
    height: 30px;
    line-height: 30px;
}

#menu li.search.ativo input{
    width: 300px;
}

#menu li.search ::-webkit-input-placeholder{
    color: rgba(255, 255, 255, 0.5);
}

#menu li.search button{
    background: none;
    border: none;
    position: absolute;
    right: 3px;
    top: 7px;
}

#menu li.search button i{
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
}

#menu li a{
    color: #FFF;
    font-size: 16px;
    padding: 10px 25px;
}

#menu li.search .input-group{
    top: 8px;
}

#banner{
    width: 100%;
    height: 768px;
    position: relative;
    background: url("../img/banner.jpg") no-repeat;
    background-size: cover;
    background-position: 0px -150px;
    top: -130px;
}

#banner h1{
    transition: 1s;
    color: #fff;
    top: 300px;
    position: relative;
    font-size: 92px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0,45);
    font-family: 'OpenSans-Light';
    margin-left: 50px;
}

#banner h1 small{
    font-size: 32px;
    display: block;
    color: #fff;
    font-family: 'OpenSans';
    font-weight: bold;
}

#news{
    position: relative;
    top: -110px;

}

#news h2{
    color: #5E2799;
    font-family: 'OpenSans-Light';
    font-size: 48px;
    text-transform: uppercase;
    text-align: center;
}

#news hr{
    border: #FDE192 solid 8px;
    width: 200px;
    margin: 0 auto;
}

#news .thumbnails{
    margin-top: 20px;

}

#news .thumbnails h3{
    color: #5E299A;
    font-size: 18px;
    font-family: 'OpenSans';
    font-weight: bold;
    margin-bottom: 0;
}

#news .thumbnails time{
    color: #A7A7A7;
    font-size: 18px;
    font-family: 'OpenSans';
}

#news .thumbnails .item-inner{
    padding: 10px;  
}

#news .thumbnails .item-inner img{
    width: 100%;
}

#estatisticas{
    background-color: #5E299A;
    width: 100%;
    height: 200px;
    text-align: center;
}

#estatisticas p{
    color: #FDE092;
    text-transform: uppercase;
    font-family: 'OpenSans-Light';
    font-size: 64px;
    margin-top: 36px;
}

#estatisticas p small{
    color: #fff;
    font-size: 24px;
    display: block;
}

#call-to-action{
    text-align: center;
    margin-top: 105px;

}

#call-to-action h2{
    color: #5E2799;
    font-family: 'OpenSans-Light';
    font-size: 48px;    
    text-align: center;
}

#call-to-action hr{
    border: #FDE192 solid 8px;
    width: 200px;
    margin: 0 auto;
}

#call-to-action p {
    margin-top: 60px;
    margin-bottom: 40px;
    color: #656565;
}

#call-to-action .btn{
    min-width: 164px;
    height: 44px;
    line-height: 34px;
    border-radius: 0;
}

#call-to-action .btn-roxo{
    color: #fff;
    background-color: #5E299A;
    border-color: #5E299A;
    min-width: 164px;
    height: 44px;
}

#call-to-action .btn-amarelo{
    color: #000;
    background-color: #FDE192;
    border-color: #fde192;
    min-width: 164px;
    height: 44px;
}

#call-to-action .row-max-400{
    margin: 0 auto;
    max-width: 400px;
}

footer{
    margin-top: 110px;
}

footer .row{
    width: 100%;    
}

footer .row p{
    line-height: 55px;
    margin-bottom: 0;
}

footer .row-cinza-claro{
    height: 200px;
    background-color: #171F26;
}

footer .row-cinza-escuro{
    height: 60px;
    background-color: #11171D;
    border-top: #242D37 1px solid;
}

footer .pull-left{
    font-family: 'OpenSans';
    font-size: 14px;
    color: #666;
}

footer .text-roxo{
    color: #623291;
    font-family: 'OpenSans';
    font-weight: bold;
    font-size: 14px;
}

footer .logotipo{
    margin-top: 28px;
}

footer .col-popular-post,
footer .col-links,
footer .col-get-in-touch{
    margin-top: 40px;
}

footer .row-cols h4{
    font-family: 'OpenSans';
    font-size: 16px;
    color: #fff;
    padding-bottom: 17px;
    border-bottom: #242D37 1px solid;
}

footer .row-cols h5{
    color: #666;
    font-family: Arial;
    font-size: 14px;
    margin-bottom: 0;
}

footer .row-cols time{
    color: #FDE092;
    font-family: Arial;
    font-size: 14px;
}

footer .col-links a {
    color: #FFF;
    font-family: Arial;
    font-size: 14px;
}

footer .col-links .fa {
    margin: 0 6px;
}

footer .col-get-in-touch address {
    color: #666;
    font-family: Arial;
    font-size: 14px;
    margin-bottom: 6px;
}

footer .col-get-in-touch address span{
    display: inline-block;
}

footer .col-get-in-touch address i{
    position: relative;
    top: -14px;
}

footer .col-get-in-touch i{
    color: #9B9B9B;
    font-size: 20px;
    margin: 0 6px;
}

footer .col-get-in-touch a{
    color: #666;
}

footer .col-get-in-touch p{
    line-height: 20px;
}

footer .list-socials{
    margin-top: 4px;
}

footer .list-socials li{
    display: inline-block;
    margin-right: 8px;
}

footer .list-socials a {
    display: block;
    border: #9B9B9B 1px solid;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 14px;
    text-align: center;
}

footer .list-socials i {
    font-size: 16px;
    margin: 5px auto;
}

video{
    width: 60%;

}

#btn-bars, #btn-search,
#btn-news-prev, #btn-news-next{
    display: none;
}

Ermian2 / estudos

Html #2

Orlando CityOrlando City Soccer Club

Latest News

Orlando City Acquires Goalkeeper Joe Bendik from Toronto FC

Orlando City Acquires Goalkeeper Joe Bendik from Toronto FC

Orlando City Acquires Goalkeeper Joe Bendik from Toronto FC

Orlando City Acquires Goalkeeper Joe Bendik from Toronto FC

Orlando City Acquires Goalkeeper Joe Bendik from Toronto FC

Orlando City Acquires Goalkeeper Joe Bendik from Toronto FC

Orlando City Acquires Goalkeeper Joe Bendik from Toronto FC

Orlando City Acquires Goalkeeper Joe Bendik from Toronto FC

Orlando City Acquires Goalkeeper Joe Bendik from Toronto FC

American club number one in Brazil

POPULAR POSTS

Neque porro quisquam est, quister.

Neque porro quisquam est, quister.

LINKS

GET IN TOUCH