website example

etcetcetc

by Kingdaro

HTML

<html>
    <head>
        <title>example</title>
    </head>
    
    <body>
        <div id='wrapper'>
            <img src='http://dl.dropbox.com/u/8005323/Random/fancyheader.png' width='100%'>
            <!-- ^^replace the src with your header directory^^ -->
            <hr>
            <div id='navigation'>
                <a href=''>Your</a> || <a href=''>Navigation</a> || <a href=''>Links</a>
            </div>
            <hr>
            <div class='post'>
                <div class='date'>insert date</div>
                <hr>
                <div class='video'>
                    a youtube video or something
                </div>
                <br>
                description
            </div>
            
            <div class='post'>
                <div class='date'>insert date</div>
                <hr>
                <div class='video'>
                    a youtube video or something
                </div>
                <br>
                description
            </div>
            
            <div class='post'>
                <div class='date'>insert date</div>
                <hr>
                <div class='video'>
                    a youtube video or something
                </div>
                <br>
                description
            </div>
        </div>
    </body>
</html>

CSS

body{
    background-color:#333;
    color:white;
}

a{
    color:white;
}

a:hover{
    color:blue;
}

div#wrapper{
    background-color:#444;
    border:1px solid silver;
    margin:auto;
    margin-top:16px;
    margin-bottom:16px;
    width:700px;
    padding:16px;
    box-shadow:0 0 3px 3px #282828;
}

div#navigation{
    text-align:center;
}

.post{
    margin:32px;
    background-color:#555;
    padding:8px;
    border:1px solid silver;
    box-shadow:0 0 2px 2px #333;
}

.video{
    width:100%;
    height:320px;
    margin:auto;
    background-color:black;
}
.post .date{
    width:100%;
    text-align:right;
}