Basic HTML Structure

by mmansion

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>My Website</title>
    </head>
    
    <body>
        <h1>Post Title</h1>
        
        <a href="example.com">This is a link</a>
        
        <p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.Proin molestie lacus nec elit interdum, id posuere nibh posuere. Sed quis pharetra metus. Nullam lacinia id justo id laoreet. Nullam a nisi ac justo cursus gravida ut ut lectus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus fringilla ultricies felis at blandit. Proin accumsan dictum magna ac adipiscing. Pellentesque eu tellus nec lacus dictum lacinia. Aliquam erat volutpat.
        </p>

        <img src="http://penguinsyeah.files.wordpress.com/2014/04/mmansion_palms_20140405.jpg">
        <p class="aside">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.Proin molestie lacus nec elit interdum, 
        id posuere nibh posuere. Sed quis pharetra metus. Nullam lacinia id justo id laoreet. Nullam a 
        nisi ac justo cursus gravida ut ut lectus. Cum sociis natoque penatibus et magnis dis parturient 
        montes, nascetur ridiculus mus. Phasellus fringilla ultricies felis at blandit. Proin accumsan 
        dictum magna ac adipiscing.
        </p>
   
        
            <iframe id="my-video" src="//player.vimeo.com/video/90312869" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>     
     </body>
</html>å

CSS

body {
    background: url("http://trickvilla.com/wp-content/uploads/Light-Wood-Background.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
h1 {
   color: gray;
   font-family: Arial;
   text-transform: uppercase;
   text-decoration: underline;
}

a {
   color: #009999;
   font-weight: bold;
   text-decoration: none;
}

a:hover {
    color: black;
}

p {
    color: black;
    background: white;
    padding: 10px;
}

.aside {
    font-style: italic;
}

img {
    width: 200px;
    float: left;
    margin-right: 20px;
}

iframe {
    clear: both;
    margin-top: 20px;
}


#my-video {
    border: solid 2px black;
}
}