Ivan James Nation

IJN Work in Progress

by Reusablecode

HTML

<div class="logo_IvanJames"></div>
    <div class="logo_Nation"></div>

    
<div class="page">
    
    <div class="navigation">
        <h1>Home<h1><br />
        <h1>Music<h1><br />
        <h1>Gallery<h1><br />
        <h1>Videos<h1><br />
        
    </div>
    
</div>



<footer></footer>

CSS

html, body {
    height: 100%;
    padding: 0px;
    background-color: black;
}

.page {
    height: 100%;
    position: relative;
    z-index: 20;
    background: url(http://ivanjamesnation.com/images/images_ivan/sketchy/Ivan3d.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;

}


.navigation {
    position: absolute;
    z-index: 25;
    top: 100px;
    left: 125px;
    color: blue;
}


.logo_IvanJames{
    height: 100%;
    max-height: 133px;
    width: 100%;
    position: relative;
    z-index: 50;
    float: right;
    background: url(http://ivanjamesnation.com/images/IJN_logo/IvanJames.png);
    background-repeat: no-repeat;
    background-position: top right;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
}

.logo_Nation {
     position: relative;
    z-index: 50;
    width: 100%;
    height: 100%;
    max-height: 133px;
    float: right;
    clear: both;
    background: url(http://ivanjamesnation.com/images/IJN_logo/Nation.png);
    background-repeat: no-repeat;
    background-position: top right;
    -o-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;   
}


footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 40px;
    background-color: silver;
    
}